微信小程序中物品详情页之底部弹出规格（带遮罩层和加减数量）

微信小程序中物品详情页之底部弹出规格（带遮罩层和加减数量）

	很多电商平台都有规格可以选择，我这里有一个简单的例子，点击已选，底部弹出带遮罩层和加减数量的规格选择。

注释都在代码上哦，自己看吧。
来两张效果图

点击遮罩层部分或者×logo会返回第一张图片，相当于取消，也就是下面js里的close事件。
注意哦：加减里的数量可以输入的哦。

<view class='selected-all' bindtap='share'><view class='selected-input1'><input disabled='false' value='已选'></input></view><view class='selected-input2'><input disabled='false' value='{{num}}盒'></input></view><view class='xuan-img'><!--  logo>图标 --><image class='ze-img' src='/pages/img/zuo_29.png' mode='aspectFit'></image></view></view><!-- 底部弹出 -->
<view class="hide{{showView?'':'show'}}"><view class="shade"><view class='contsup' bindtap='close'></view><view class="conts"><view class='conts-item'><view class="cont-row"><view class="cont-vi"><image src='{{goodsList.img}}' c