阅读背景:

微信小程序tab选项卡,点击弹窗(带蒙版)五星好评-获取微信手机号码

来源:互联网 
<!--pages/index/received/received.wxml-->
<view class="swiper-tab">
  <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">待接订单</view>
  <view class="swiper-tab-item {{currentTab==1?'active':''}}" data-current="1" bindtap="clickTab">完成订单</view>
</view>

<swiper current="{{currentTab}}" duration="300" bindchange="swiperTab" style="height:1000rpx;">
  <swiper-item>
    <view class='goods-container' wx:for="{{goods}}" wx:key="">
      <view class="goods">
        <image class='pic' src='{{item.product_img}}'></image>
        <view class="name">{{item.product_name}}</view>
        <view class="public_name">{{item.public_name}}</view>
        <view class="sold">
          ¥{{item.price}}
        </view>
        <view class="public_time">{{item.time}}</view>
        <!-- 弹窗 -->
        <view class="modalDlg" wx:if="{{showModal}}">
          <view class="con_title">确认收货
            <view class='complain' bindtap='complain'>投诉</view>
          </view>
          <view class="userinfo">
            <button class='getUserInfo' wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
            <block wx:else>
              <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
              <text class="userinfo-nickname">{{userInfo.nickName}}</text>
              <view class='mob-number'>手机号:
                <text class='userinfo-mobile'>17327992041{{phoneNumber}}</text>
              </view>

              <view class='mob-number'>对校帮员评价:
                <!--五星  -->
                <view class='stars'>
                  <block wx:for="{{stars}}" wx:key="">
                    <image class="star-image" style="left: {{item*50}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}">
                      <view class="item" style="left:0rpx" data-key="{{item+0.5}}" bindtap="selectLeft"></view>
                      <view class="item" style="left:25rpx" data-key="{{item+1}}" bindtap="selectRight"></view>
                    </image>
                  </block>
                </view>

                <!--五星  -->
              </view>
              <view class='mob-number' style='margin-left:110rpx;'>准时:
                <!-- <text class='userinfo-mobile'>521</text> -->
                <!--五星  -->
                <view class='stars' style="left:40%;">
                  <block wx:for="{{stars}}" wx:key="">
                    <image class="star-image" style="left: {{item*50}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}">
                      <view class="item" style="left:0rpx" data-key="{{item+0.5}}" bindtap="selectLeft"></view>
                      <view class="item" style="left:25rpx" data-key="{{item+1}}" bindtap="selectRight"></view>
                    </image>
                  </block>
                </view>

                <!--五星  -->
              </view>
              <view class='mob-number' style='margin-left:110rpx;'>态度:
                <!--五星  -->
                <view class='stars' style="left:40%;">
                  <block wx:for="{{stars}}" wx:key="">
                    <image class="star-image" style="left: {{item*50}}rpx" src="{{key > item ?(key-item == 0.5?halfSrc:selectedSrc) : normalSrc}}">
                      <view class="item" style="left:0rpx" data-key="{{item+0.5}}" bindtap="selectLeft"></view>
                      <view class="item" style="left:25rpx" data-key="{{item+1}}" bindtap="selectRight"></view>
                    </image>
                  </block>
                </view>

                <!--五星  -->
              </view>

              <button class='allow' open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">点击授权</button>
            </block>
          </view>


          <view class='close_mask' bindtap="close_mask">确定</view>

        </view>

        <!--弹窗结束  -->
        <view class='number' bindtap='submit'>确认收货</view>

        <!--蒙版开始 -->
        <!-- <view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>  -->
        <!--蒙版结束  -->

      </view>
    </view>
  </swiper-item>
  <swiper-item>
    <view>22</view>
  </swiper-item>
</swiper><!--pages/index/received/received.wxml-->
<view



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: