fuint-uniapp-master/components/goods-sku-popup/index.vue

(开头部分) 24KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <view class="goods-sku-popup popup" catchtouchmove="true" :class="(value && complete) ? 'show' : 'none'"
    @touchmove.stop.prevent="moveHandle">
    <!-- 页面内容开始 -->
    <view class="mask" @click="close('mask')"></view>
    <!-- 页面开始 -->
    <view class="layer attr-content" :style="'border-radius: '+borderRadius+'rpx '+borderRadius+'rpx 0 0;'">
      <view class="specification-wrapper">
        <scroll-view class="specification-wrapper-content" scroll-y="true">
          <view class="specification-header">
            <view class="specification-left">
              <image class="product-img" :src="selectShop.image ? selectShop.image : goodsInfo[goodsThumbName]"
                mode="aspectFill"></image>
            </view>
            <view class="specification-right">
              <view class="price-content" :style="'color: '+priceColor+' ;'">
                <text class="sign">¥</text>
                <text class="price">{{ (selectShop.price || defaultPrice) | priceFilter }}</text>
              </view>
              <view class="inventory">{{ stockText }}:{{ selectShop[stockName] || defaultStock }}</view>
              <view class="choose" v-show="goodsInfo[specListName] && goodsInfo[specListName][0].name !== defaultSingleSkuName">
                <text v-if="!selectArr.every(val => val == '')">已选:{{ selectArr.join(' ') }}</text>
              </view>
            </view>
          </view>

          <view class="specification-content">
            <view v-show="goodsInfo[specListName][0].name !== defaultSingleSkuName" class="specification-item"
              v-for="(item, index1) in goodsInfo[specListName]" :key="index1">
              <view class="item-title">{{ item.name }}</view>
              <view class="item-wrapper">
                <view class="item-content" @tap="skuClick(item_value, index1, $event, index2)" v-for="(item_value, index2) in item.list"
                  :key="index2" :class="[item_value.ishow ? '' : 'noactived', subIndex[index1] == index2 ? 'actived' : '']"
                  :style="[item_value.ishow ? '' : disableStyle,
													item_value.ishow ? btnStyle :'',
													subIndex[index1] == index2 ? activedStyle : ''
									]">
                  {{ item_value.name }}
                </view>
              </view>
            </view>
            <view style="display: flex;">
              <view style="flex: 1;">
                <text style="font-size: 26rpx; color: #333; line-height: 50rpx;">数量</text>
              </view>
              <view style="flex: 4;text-align: right;">
                <number-box :min="minBuyNum" :max="maxBuyNum" :step="stepBuyNum" v-model="selectNum"
                  :positive-integer="true">
                </number-box>
              </view>
            </view>

          </view>
        </scroll-view>
        <view class="close" @click="close('close')" v-if="showClose">
          <image class="close-item" :src="closeImage"></image>
        </view>
      </view>

      <view class="btn-wrapper" v-if="outFoStock || mode == 4">
后面还有 812 行代码,购买后查看完整代码

24 小时内免费解锁 3 个项目,之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用,每次 10 算力,解读结果公开显示在下面。

还没有人解读过这个文件。