在小程序中增加篩選陰影效果

效果圖：

作爲一個剛剛入門的小白，在接到這個任務的時候真的是手足無措，我在腦子中的第一個想法是自己封裝一個組件，在每次使用的時候進行調用就行了，但是我嘗試了一次，發現可能是我的能力還沒達到，不行，於是我就自己試着換了一種思路。

1.首先在當前要使用的頁面新建一個陰影的view盒子，將這個盒子的高度和寬度都設爲100%，充滿整個手機屏幕。

    <view class="bg" bindtap='hideview' style='display:{{display}};'></view>

display表示當前陰影的顯示或隱藏

陰影盒子的樣式

/* 陰影樣式 */
 .bg {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%; 
    background-color: black;
    z-index: 1001;
    opacity: 0.70;
    filter: alpha(opacity=70);
  }

這樣通過事件進行控制display的值就可以實現陰影的顯示與隱藏，不信的話，可以試一下喲，歡迎留言進行交流改進。