很多电商平台都有规格可以选择,我这里有一个简单的例子,点击已选,底部弹出带遮罩层和加减数量的规格选择。
注释都在代码上哦,自己看吧。
来两张效果图
点击遮罩层部分或者×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