Size pop-up box

<van-popup show="{{ skuShow }}" position="bottom" custom-style="border-radius:30rpx 30rpx 0 0;" bind:click-overlay="skuOnclose">
  <view class='goods_sku'>
    <view class='goodHeader'>
      <view class='goodHeaderImg'>
        <image src='{{goodHeaderImg?goodHeaderImg:imgList[0]}}'></image>
      </view>
      <view class='goodHeaderTop'>
        <view class='goodTitle'>
          <view class='goods_name'>{{goodName}}</view>
          <! - is on sale amount ->
          <view class='price' wx:if='{{is_presell == 1}}'>
            <view class='presell_sku_price'>
              <text class='text_title'>定金</text>
              <text>¥{{presell_first_money}}</text>
            </view>
            <view class='presell_sku_price'>
              <text class='text_title'>总价</text>
              <text>¥{{presell_all_money}}</text>
            </view>
          </view>
          <view class='price' wx:else>
            ¥{{groupPrice !='' && buyType == 'groupBuy' ? groupPrice : goodPrice}}
            <text class='groupPriceTip' wx:if="{{groupStatus == 'groupStart' && buyType == 'groupBuy'}}">拼团价</text>
            <text class='groupPriceTip' wx:elif="{{seckillStatus == 'going' || seckillStatus == 'unstart'}}">秒杀价</text>
            <text class='groupPriceTip' wx:else='{{discount_tip}}'>折扣价</text>
          </view>
        </view>
        <view class='icon_closeBtn'>
          <van-icon name='close' color='#969799' size='20px' bindtap='skuOnclose' />
        </view>
      </view>
    </view>
    <view class="{{sku.tree.length != 0 ? 'goods_sku_tree' :''}} ">
      <view class='goods_sku_tree_item' wx:for="{{sku.tree}}" wx:key='' wx:for-index='group_idx'>
        <view class='goods_sku_tree_key'>{{item.k}}:</view>

        <view wx:for="{{item.v}}" class="goods_sku_tree_value {{i.isSelect == 'true' ? 'active_value':''}}" wx:for-item='i' wx:for-index='index' data-attr-index="{{index}}" data-select-index="{{group_idx}}" data-attr-id="{{i.id}}" data-attr-imgurl="{{i.imgUrl}}"
          wx:key='item' catchtap="clickMenu" data-isSelect="{{i.isSelect}}">
          <text>{{i.name}}</text>
        </view>

      </view>
    </view>
    <view class='stock_num'>
      <view class='buy_num'>
        <View> Quantity: </ view>
        <van-stepper wx:if="{{sureBtn == 'oneOrderGroup'}}" v-model="value" class='v_stepper' value="{{buyNum}}" max="{{stockNum}}" bind:change="changeBuynum" />
        <van-stepper wx:else v-model="value" class='v_stepper' value="{{buyNum}}" max="{{maxBuy != ''?maxBuy:stockNum}}" bind:change="changeBuynum" />
      </view>
      <View class = 'surplus_num'> {{stockNum}} remaining member
        <text class='maxbuy' wx:if="{{maxBuy != ''}}">每次限购{{maxBuy}}件</text> </view>
    </view>
  </view>

  <view class='bottomBtn' wx:if="{{stockNum != 0}}">
    <view wx:if="{{sku_btn}}">
      <! - presale ->
      <view wx:if='{{is_presell == 1}}'>
        <View class = 'buyOn' wx: if = '{{presell_list.presellnum = 0}!}' Bindtap = 'buyNowOrder'> Buy Now </ view>
        <View class = 'buyOn' wx: else> product has been sold </ view>
      </view>
      <-! Spike ->
      <view wx:elif="{{seckillStatus == 'going' || seckillStatus == 'unstart'}}">
        <View class = 'buyOn' bindtap = 'buyNowOrder'> Buy Now </ view>
      </view>
      <-! Bargain ->
      <view wx:elif="{{bargain_list.status == 1 || bargain_list.status == 0}}">
        <View class = 'buyOn' bindtap = 'buyNowOrder'> Buy Now </ view>
      </view>
      <-! Goods_type physical or virtual physical commodities trade mark 1 0 virtual goods ->
      <view wx:elif='{{goodDetail.goods_type == 0}}'>
        <View class = 'buyOn' bindtap = 'buyNowOrder'> Buy Now </ view>
      </view>
      <view class='sku_btn' wx:else>
        <View class = 'addCart' bindtap = 'addCart'> Add to Shopping Cart </ view>
        <View class = 'buyOn' bindtap = 'buyNowOrder'> Buy Now </ view>
      </view>
    </view>
    <view wx:else>
      <view class='buyOn' bindtap='buyNowOrder' wx:if="{{sureBtn == 'order'}}">立即购买</view>
      <view class='addCart' bindtap='onOrderInfoPage' wx:if="{{sureBtn == 'oneOrderGroup'}}">立即购买</view>
      <View class = 'addCart' bindtap = 'addCart' wx: if = "{{sureBtn == 'addcart'}}"> Add to Shopping Cart </ view>
    </view>
  </view>
  <view class='nocartbottom' wx:else>
    <View class = 'nocartbtn'> merchandise has been sold </ view>
  </view>
</van-popup>

Guess you like

Origin www.cnblogs.com/xiaoxiaoxun/p/12118923.html