fuint-uniapp-master/components/page/goods/index.vue

（开头部分） 6KB

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

<template>
  <!-- 商品组 -->
  <view class="diy-goods" :style="{ background: itemStyle.background }">
    <view class="goods-list" :class="[`display__${itemStyle.display}`, `column__${itemStyle.column}`]">
      <scroll-view :scroll-x="itemStyle.display === 'slide'">
        <view class="goods-item" v-for="(dataItem, index) in dataList" :key="index" @click="onTargetGoods(dataItem.id)">

          <!-- 单列商品 -->
          <block v-if="itemStyle.column === 1">
            <view class="dis-flex">
              <!-- 商品图片 -->
              <view class="goods-item_left">
                <image class="image" :src="dataItem.logo"></image>
              </view>
              <view class="goods-item_right">
                <!-- 商品名称 -->
                <view v-if="itemStyle.show.includes('goodsName')" class="goods-name twoline-hide">
                  <text>{{ dataItem.name }}</text>
                </view>
                <view class="goods-item_desc">
                  <!-- 商品卖点 -->
                  <view v-if="itemStyle.show.includes('sellingPoint') && dataItem.salePoint" class="desc-selling_point dis-flex">
                    <text class="oneline-hide">{{ dataItem.salePoint }}</text>
                  </view>
                  <!-- 商品销量 -->
                  <view v-if="itemStyle.show.includes('goodsSales') && dataItem.initSale" class="desc-goods_sales dis-flex">
                    <text>已售{{ dataItem.initSale }}件</text>
                  </view>
                  <!-- 商品价格 -->
                  <view class="desc_footer">
                    <text v-if="itemStyle.show.includes('goodsPrice')" class="price_x">¥{{ dataItem.price ? dataItem.price : '' }}</text>
                    <text class="price_y col-9" v-if="itemStyle.show.includes('linePrice') && dataItem.linePrice > 0">¥{{ dataItem.linePrice }}</text>
					<view class="buy-now">去购买</view>
                  </view>
                </view>
              </view>
            </view>
          </block>
          <!-- 多列商品 -->
          <block v-else>
            <!-- 商品图片 -->
            <view class="goods-image">
              <image class="image" mode="aspectFill" :src="dataItem.logo"></image>
            </view>
            <view class="detail">
              <!-- 商品标题 -->
              <view v-if="itemStyle.show.includes('goodsName')" class="goods-name twoline-hide">
                {{ dataItem.name }}
              </view>
              <!-- 商品价格 -->
              <view class="detail-price oneline-hide">
                <text v-if="itemStyle.show.includes('goodsPrice')" class="goods-price f-30 col-m">￥{{ dataItem.price }}</text>
                <text v-if="itemStyle.show.includes('linePrice') && dataItem.linePrice > 0" class="line-price col-9 f-24">￥{{ dataItem.linePrice }}</text>
              </view>
            </view>
          </block>

        </view>
      </scroll-view>
    </view>
后面还有 211 行代码，购买后查看完整代码

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

AI 解读 AI

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

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