客户管理 加载更多

zxl

2025-06-09 882c2a5c9d7b6df827d006b5ae261c199d116f1e

 pages/goods-manager/goodsList/goodsList.vue

@@ -7,41 +7,38 @@
            <view :border="!formData.waterfall" class="uni-list-item--waterfall" title="自定义商品列表"
               v-for="item in data" :key="item.id" @click="addGoods(item.id)">
               <!-- 通过header插槽定义列表左侧图片 -->
               <template v-slot:header>
                  <view class="uni-thumb shop-picture" :class="{ 'shop-picture-column': formData.waterfall }">
                     <image :src="item.goods_thumb" mode="aspectFill"></image>
                  </view>
               </template>
               <template v-slot:body>
                  <view class="shop">
                     <view>
                        <view class="uni-title">
                           <text class="uni-ellipsis-2">{{ item.name }}</text>
                        </view>
                        <!-- <view>

               <view class="uni-thumb shop-picture" :class="{ 'shop-picture-column': formData.waterfall }">
                  <image :src="item.goods_thumb" mode="aspectFill"></image>
               </view>
               <view class="shop">
                  <view>
                     <view class="uni-title">
                        <text class="uni-ellipsis-2">{{ item.name }}</text>
                     </view>
                     <!-- <view>
                           <text class="uni-tag hot-tag">{{ item.goods_tip }}</text>
                           <text v-for="tag in item.tag" :key="tag" class="uni-tag">{{ tag }}</text>
                        </view> -->
                  </view>
                  <view>
                     <view class="shop-price">
                        <text>¥</text>
                        <text class="shop-price-text">{{ item.goods_price }}</text>
                        <text>.00</text>
                     </view>
                     <view>
                        <view class="shop-price">
                           <text>¥</text>
                           <text class="shop-price-text">{{ item.goods_price }}</text>
                           <text>.00</text>
                     <view class="uni-flex-row">
                        <view class="uni-note">{{ item.comment_count || 0 }}条评论 月销量 {{
                           item.month_sell_count || 0 }}
                        </view>
                        <view class="uni-flex-row">
                           <view class="uni-note">{{ item.comment_count||0 }}条评论 月销量 {{
                              item.month_sell_count||0 }}
                           </view>
                           <view class="uni-note ellipsis">
                              <text class="uni-link">上架</text>
                        <view class="uni-note ellipsis">
                           <text class="uni-link">上架</text>

                              <text class="uni-link" style="color:red;">删除</text>
                           </view>
                           <text class="uni-link" style="color:red;">删除</text>
                        </view>
                     </view>
                  </view>
               </template>
               </view>
               <!-- 通过body插槽定义商品布局 -->

            </view>
@@ -59,8 +56,10 @@
</template>

<script>

import UIcon from '@/uview-components/uview-ui/components/u-icon/u-icon.vue';
export default {
   components: {},
   components: { UIcon },
   data() {
      return {
         formData: {