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

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

注释都在代码上哦,自己看吧。
来两张效果图
在这里插入图片描述
点击遮罩层部分或者×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
  • 5
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值