From 94d77e18ee14d7ca6dbddc7b5f24d763e5c6135d Mon Sep 17 00:00:00 2001
From: wx-jincw <jin.chenwei@iwhalecloud.com>
Date: Sun, 23 Mar 2025 23:20:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=EF=BC=8C=E5=9F=9F=E5=90=8D=E4=BF=AE=E6=94=B9=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mall4uni/.env.development          |   3 +-
 mall4uni/.env.production           |   2 +-
 mall4uni/src/App.vue               |   6 +-
 mall4uni/src/app.css               | 224 +++++----
 mall4uni/src/pages/index/index.vue | 783 ++++++++++++++---------------
 5 files changed, 507 insertions(+), 511 deletions(-)

diff --git a/mall4uni/.env.development b/mall4uni/.env.development
index 71f8f7f..bec8274 100644
--- a/mall4uni/.env.development
+++ b/mall4uni/.env.development
@@ -10,7 +10,8 @@ VITE_APP_ENV = 'development'
 VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
 
 # 统一接口域名
-VITE_APP_BASE_API = 'https://wy6.test.jiutianda.cn'
+# VITE_APP_BASE_API = 'https://wy6.test.jiutianda.cn'
+VITE_APP_BASE_API = 'http://124.71.134.146:18086'
 
 # 图片域名
 VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/'
diff --git a/mall4uni/.env.production b/mall4uni/.env.production
index 2ad001a..4aec850 100644
--- a/mall4uni/.env.production
+++ b/mall4uni/.env.production
@@ -10,7 +10,7 @@ VITE_APP_ENV = 'production'
 VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
 
 # 统一接口域名
-VITE_APP_BASE_API = 'http://127.0.0.1:8086'
+VITE_APP_BASE_API = 'http://124.71.134.146:18086'
 
 # 图片域名
 VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/'
diff --git a/mall4uni/src/App.vue b/mall4uni/src/App.vue
index d899935..fbaa1d5 100644
--- a/mall4uni/src/App.vue
+++ b/mall4uni/src/App.vue
@@ -1,9 +1,9 @@
 <script setup>
-http.getCartCount()
+http.getCartCount();
 </script>
 
-<style lang="scss" scoped>
-@import "./app.css";
+<style lang="scss">
+@import './app.css';
 /* 隐藏头部 */
 uni-page-head {
   display: none;
diff --git a/mall4uni/src/app.css b/mall4uni/src/app.css
index 8ff70e1..eb7f367 100644
--- a/mall4uni/src/app.css
+++ b/mall4uni/src/app.css
@@ -1,109 +1,117 @@
-/**app.wxss**/
-.container {
-  height: 100%;
-  box-sizing: border-box;
-  color: #333;
-  font-family: helvetica,'Heiti SC',PingFangSC-Light;
-}
-.price{
-  font-family: Arial;
-  display: inline-block;
-  color: #eb2444;
-  padding-bottom:10rpx;
-  padding-left:10rpx;
-}
-
-/* 价格数字显示不同大小 */
-.symbol {
-  font-size: 24rpx;
-}
-
-.big-num {
-  font-size: 32rpx;
-}
-
-.small-num {
-  font-size: 24rpx;
-}
-
-/*
-*改变checkbox样式
-*自定义样式
-*/
-/* reg */
-uni-checkbox-group {
-  width: 100% !important;
-}
-uni-checkbox-group uni-label{
-  width: 33% !important;
-  display: inline-flex;
-  margin-bottom: 20rpx;
-}
-/*checkbox 选项框大小  */
-uni-checkbox .uni-checkbox-input{
-  width: 38rpx !important;
-  height: 38rpx !important;
-  border-radius: 50%!important;
-}
-/*checkbox选中后样式  */
-uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
-  background: #e43130;
-  border: 1px solid transparent !important;
-}
-/*checkbox选中后图标样式  */
-uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
-  display: inline-block;
-  width: 20rpx;
-  height: 20rpx;
-  line-height: 20rpx;
-  text-align: center;
-  font-size: 18rpx;
-  color: #fff;
-  background: transparent;
-  transform: translate(-60%, -50%) scale(1);
-  -webkit-transform: translate(-60%, -50%) scale(1);
-}
-
-/*
-*改变radio样式
-*自定义样式
-*/
-/* 未选中的 背景样式 */
-uni-radio .uni-radio-input{
-  height: 36rpx;
-  width: 36rpx;
-  border-radius: 50%;
-  background: transparent;
-  box-sizing: border-box;
-}
-/* 选中后的 背景样式 */
-uni-radio .uni-radio-input.uni-radio-input-checked{
-  border: none !important;
-  background: #e43130 !important;
-}
-/* 选中后的 对勾样式 */
-uni-radio .uni-radio-input.uni-radio-input-checked::before{
-  border-radius: 50%;
-  width: 32rpx;
-  height: 32rpx;
-  line-height: 32rpx;
-  text-align: center;
-  font-size: 20rpx;
-  color:#fff;
-  background: #e43130;
-  border-radius: 50%;
-  transform: translate(-50%, -50%) scale(1);
-  -webkit-transform: translate(-50%, -50%) scale(1);
-}
-
-/* 底部按钮兼容 iPhone X以上 */
-@media screen and (width: 375px) and (height: 812px){
-  .container {
-    padding-bottom: 70px;
-  }
-}
-@media screen and (width: 414px) and (height: 736px){
-  .container {
-    padding-bottom: 70px;
-  }
+/**app.wxss**/
+.container {
+  height: 100%;
+  box-sizing: border-box;
+  color: #333;
+  font-family: helvetica, 'Heiti SC', PingFangSC-Light;
+}
+
+.price {
+  font-family: Arial;
+  display: inline-block;
+  color: #eb2444;
+  padding-bottom: 10rpx;
+  padding-left: 10rpx;
+}
+
+/* 价格数字显示不同大小 */
+.symbol {
+  font-size: 34rpx;
+}
+
+.big-num {
+  font-size: 32rpx;
+}
+
+.small-num {
+  font-size: 24rpx;
+}
+
+/*
+*改变checkbox样式
+*自定义样式
+*/
+/* reg */
+uni-checkbox-group {
+  width: 100% !important;
+}
+
+uni-checkbox-group uni-label {
+  width: 33% !important;
+  display: inline-flex;
+  margin-bottom: 20rpx;
+}
+
+/*checkbox 选项框大小  */
+uni-checkbox .uni-checkbox-input {
+  width: 38rpx !important;
+  height: 38rpx !important;
+  border-radius: 50% !important;
+}
+
+/*checkbox选中后样式  */
+uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
+  background: #e43130;
+  border: 1px solid transparent !important;
+}
+
+/*checkbox选中后图标样式  */
+uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
+  display: inline-block;
+  width: 20rpx;
+  height: 20rpx;
+  line-height: 20rpx;
+  text-align: center;
+  font-size: 18rpx;
+  color: #fff;
+  background: transparent;
+  transform: translate(-60%, -50%) scale(1);
+  -webkit-transform: translate(-60%, -50%) scale(1);
+}
+
+/*
+*改变radio样式
+*自定义样式
+*/
+/* 未选中的 背景样式 */
+uni-radio .uni-radio-input {
+  height: 36rpx;
+  width: 36rpx;
+  border-radius: 50%;
+  background: transparent;
+  box-sizing: border-box;
+}
+
+/* 选中后的 背景样式 */
+uni-radio .uni-radio-input.uni-radio-input-checked {
+  border: none !important;
+  background: #e43130 !important;
+}
+
+/* 选中后的 对勾样式 */
+uni-radio .uni-radio-input.uni-radio-input-checked::before {
+  border-radius: 50%;
+  width: 32rpx;
+  height: 32rpx;
+  line-height: 32rpx;
+  text-align: center;
+  font-size: 20rpx;
+  color: #fff;
+  background: #e43130;
+  border-radius: 50%;
+  transform: translate(-50%, -50%) scale(1);
+  -webkit-transform: translate(-50%, -50%) scale(1);
+}
+
+/* 底部按钮兼容 iPhone X以上 */
+@media screen and (width: 375px) and (height: 812px) {
+  .container {
+    padding-bottom: 70px;
+  }
+}
+
+@media screen and (width: 414px) and (height: 736px) {
+  .container {
+    padding-bottom: 70px;
+  }
 }
diff --git a/mall4uni/src/pages/index/index.vue b/mall4uni/src/pages/index/index.vue
index 226cca2..71522f9 100644
--- a/mall4uni/src/pages/index/index.vue
+++ b/mall4uni/src/pages/index/index.vue
@@ -1,399 +1,386 @@
-<template>
-  <view class="container">
-    <view class="bg-sear">
-      <view class="scrolltop">
-        <view class="section" @tap="toSearchPage">
-          <image src="@/static/images/icon/search.png" class="search-img" />
-          <text class="placeholder">
-            搜索
-          </text>
-        </view>
-      </view>
-    </view>
-
-    <view class="content">
-      <!-- swiper -->
-      <swiper :autoplay="autoplay" :indicator-color="indicatorColor" :interval="interval" :duration="duration"
-        :indicator-active-color="indicatorActiveColor + ' '" :circular="true" class="pic-swiper" indicator-dots
-        previous-margin="20rpx" next-margin="20rpx">
-        <block v-for="(item, index) in indexImgs" :key="index">
-          <swiper-item class="banner-item">
-            <view class="img-box">
-              <image :src="item.imgUrl" :data-prodid="item.relation" class="banner" @tap="toProdPage" />
-            </view>
-          </swiper-item>
-        </block>
-      </swiper>
-      <!-- end swiper -->
-
-      <view class="cat-item">
-        <view class="item" data-sts="1" @tap="toClassifyPage">
-          <image src="@/static/images/icon/newProd.png" />
-          <text>新品推荐</text>
-        </view>
-        <view class="item" data-sts="1" @tap="toClassifyPage">
-          <image src="@/static/images/icon/timePrice.png" />
-          <text>限时特惠</text>
-        </view>
-        <view class="item" data-sts="3" @tap="toClassifyPage">
-          <image src="@/static/images/icon/neweveryday.png" />
-          <text>每日疯抢</text>
-        </view>
-        <view class="item" @tap="toCouponCenter">
-          <image src="@/static/images/icon/newprods.png" />
-          <text>领优惠券</text>
-        </view>
-      </view>
-
-      <!-- 消息播放 -->
-      <view v-if="news && news.length" class="message-play" @tap="onNewsPage">
-        <image src="@/static/images/icon/horn.png" class="hornpng" />
-        <swiper :vertical="true" :autoplay="true" :circular="true" duration="1000" class="swiper-cont">
-          <block v-for="(item, index) in news" :key="index">
-            <swiper-item class="items">
-              {{ item.title }}
-            </swiper-item>
-          </block>
-        </swiper>
-        <text class="arrow" />
-      </view>
-    </view>
-
-    <view v-if="updata" class="updata">
-      <block v-for="(item, index) in taglist" :key="index">
-        <!-- 每日上新 -->
-        <view v-if="item.style==='2' && item.prods && item.prods.length" class="up-to-date">
-          <view class="title">
-            <text>{{ item.title }}</text>
-            <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
-              <text class="more">
-                查看更多
-              </text>
-            </view>
-          </view>
-          <view class="item-cont">
-            <block v-for="(prod, index2) in item.prods" :key="index2">
-              <view class="prod-item" :data-prodid="prod.prodId" @tap="toProdPage">
-                <view>
-                  <view class="imagecont">
-                    <img-show :src="prod.pic" :class-list="['prodimg']" />
-                  </view>
-                  <view class="prod-text">
-                    {{ prod.prodName }}
-                  </view>
-                  <view class="price">
-                    <text class="symbol">
-                      ￥
-                    </text>
-                    <text class="big-num">
-                      {{ wxs.parsePrice(prod.price)[0] }}
-                    </text>
-                    <text class="small-num">
-                      .{{ wxs.parsePrice(prod.price)[1] }}
-                    </text>
-                  </view>
-                </view>
-              </view>
-            </block>
-          </view>
-        </view>
-
-        <!-- 商城热卖 -->
-        <view v-if="item.style==='1' && item.prods && item.prods.length" class="hot-sale">
-          <view class="title">
-            <text>{{ item.title }}</text>
-            <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
-              <text class="more">
-                更多
-              </text>
-              <text class="arrow" />
-            </view>
-          </view>
-          <view class="hotsale-item-cont">
-            <block v-for="(prod, index2) in item.prods" :key="index2">
-              <view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
-                <view class="hot-imagecont">
-                  <img-show :src="prod.pic" :class-list="['hotsaleimg']" />
-                </view>
-                <view class="hot-text">
-                  <view class="hotprod-text">
-                    {{ prod.prodName }}
-                  </view>
-                  <view class="prod-info">
-                    {{ prod.brief }}
-                  </view>
-                  <view class="prod-text-info">
-                    <view class="price">
-                      <text class="symbol">
-                        ￥
-                      </text>
-                      <text class="big-num">
-                        {{ wxs.parsePrice(prod.price)[0] }}
-                      </text>
-                      <text class="small-num">
-                        .{{ wxs.parsePrice(prod.price)[1] }}
-                      </text>
-                    </view>
-                    <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" />
-                  </view>
-                </view>
-              </view>
-            </block>
-          </view>
-        </view>
-
-        <!-- 更多宝贝 -->
-        <view v-if="item.style==='0' && item.prods && item.prods.length" class="more-prod">
-          <view class="title">
-            {{ item.title }}
-          </view>
-          <view class="prod-show">
-            <block v-for="(prod, index2) in item.prods" :key="index2">
-              <view class="show-item" :data-prodid="prod.prodId" @tap="toProdPage">
-                <view class="more-prod-pic">
-                  <img-show :src="prod.pic" :class-list="['more-pic']" />
-                </view>
-                <view class="prod-text-right">
-                  <view class="prod-text more">
-                    {{ prod.prodName }}
-                  </view>
-                  <view class="prod-info">
-                    {{ prod.brief }}
-                  </view>
-                  <view class="b-cart">
-                    <view class="price">
-                      <text class="symbol">
-                        ￥
-                      </text>
-                      <text class="big-num">
-                        {{ wxs.parsePrice(prod.price)[0] }}
-                      </text>
-                      <text class="small-num">
-                        .{{ wxs.parsePrice(prod.price)[1] }}
-                      </text>
-                    </view>
-                    <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" @tap.stop="addToCart(prod)" />
-                  </view>
-                </view>
-              </view>
-            </block>
-          </view>
-        </view>
-      </block>
-    </view>
-  </view>
-</template>
-
-<script setup>
-  const wxs = number()
-  const indicatorColor = ref('#d1e5fb')
-  const indicatorActiveColor = ref('#1b7dec')
-  const autoplay = ref(true)
-  const interval = ref(2000)
-  const duration = ref(1000)
-  const indexImgs = ref([])
-  const seq = ref(0)
-  const news = ref([])
-  const taglist = ref([])
-  const updata = ref(true)
-
-  onLoad(() => {
-    getAllData()
-  })
-  onShow(() => {
-    // #ifdef MP-WEIXIN
-    uni.getSetting({
-      success(res) {
-        if (!res.authSetting['scope.userInfo']) {
-          uni.navigateTo({
-            url: '/pages/login/login'
-          })
-        }
-      }
-    })
-    // #endif
-    http.getCartCount() // 重新计算购物车总数量
-  })
-
-  onPullDownRefresh(() => {
-    // 模拟加载
-    setTimeout(() => {
-      getAllData()
-      uni.stopPullDownRefresh() // 停止下拉刷新
-    }, 100)
-  })
-
-  const getAllData = () => {
-    http.getCartCount() // 重新计算购物车总数量
-    getIndexImgs()
-    getNoticeList()
-    getTag()
-  }
-
-  const toProdPage = (e) => {
-    const prodid = e.currentTarget.dataset.prodid
-
-    if (prodid) {
-      uni.navigateTo({
-        url: '/pages/prod/prod?prodid=' + prodid
-      })
-    }
-  }
-  /**
-   * 加入购物车
-   * @param item
-   */
-  const addToCart = (item) => {
-    uni.showLoading({
-      mask: true
-    })
-    http.request({
-        url: '/prod/prodInfo',
-        method: 'GET',
-        data: {
-          prodId: item.prodId
-        }
-      })
-      .then(({
-        data
-      }) => {
-        http.request({
-            url: '/p/shopCart/changeItem',
-            method: 'POST',
-            data: {
-              basketId: 0,
-              count: 1,
-              prodId: data.prodId,
-              shopId: data.shopId,
-              skuId: data.skuList[0].skuId
-            }
-          })
-          .then(() => {
-            uni.hideLoading()
-            http.getCartCount() // 重新计算购物车总数量
-            uni.showToast({
-              title: '加入购物车成功',
-              icon: 'none'
-            })
-          })
-      })
-  }
-
-  const toCouponCenter = () => {
-    uni.showToast({
-      icon: 'none',
-      title: '功能开发中'
-    })
-  }
-
-  /**
-   * 跳转搜索页
-   */
-  const toSearchPage = () => {
-    uni.navigateTo({
-      url: '/pages/search-page/search-page'
-    })
-  }
-
-  /**
-   * 跳转商品活动页面
-   * @param e
-   */
-  const toClassifyPage = (e) => {
-    let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts
-    const id = e.currentTarget.dataset.id
-    const title = e.currentTarget.dataset.title
-
-    if (id) {
-      url += '&tagid=' + id + '&title=' + title
-    }
-
-    uni.navigateTo({
-      url
-    })
-  }
-  /**
-   * 跳转公告列表页面
-   */
-  const onNewsPage = () => {
-    uni.navigateTo({
-      url: '/pages/recent-news/recent-news'
-    })
-  }
-
-  /**
-   * 加载轮播图
-   */
-  const getIndexImgs = () => {
-    http.request({
-        url: '/indexImgs',
-        method: 'GET',
-        data: {}
-      })
-      .then(({
-        data
-      }) => {
-        indexImgs.value = data
-        seq.value = data
-      })
-  }
-
-  const getNoticeList = () => {
-    // 加载公告
-    http.request({
-        url: '/shop/notice/topNoticeList',
-        method: 'GET',
-        data: {}
-      })
-      .then(({
-        data
-      }) => {
-        news.value = data
-      })
-  }
-
-  /**
-   * 加载商品标题分组列表
-   */
-  const getTag = () => {
-    http.request({
-        url: '/prod/tag/prodTagList',
-        method: 'GET',
-        data: {}
-      })
-      .then(({
-        data
-      }) => {
-        taglist.value = data
-        for (let i = 0; i < data.length; i++) {
-          updata.value = false
-          updata.value = true
-          getTagProd(data[i].id, i)
-        }
-      })
-  }
-
-  const getTagProd = (id, index) => {
-    http.request({
-        url: '/prod/prodListByTagId',
-        method: 'GET',
-        data: {
-          tagId: id,
-          size: 6
-        }
-      })
-      .then(({
-        data
-      }) => {
-        updata.value = false
-        updata.value = true
-        const taglistParam = taglist.value
-        taglistParam[index].prods = data.records
-        taglist.value = taglistParam
-      })
-  }
-</script>
-
-<style scoped lang="scss">
-  @use './index.scss';
+<template>
+  <view class="container">
+    <view class="bg-sear">
+      <view class="scrolltop">
+        <view class="section" @tap="toSearchPage">
+          <image src="@/static/images/icon/search.png" class="search-img" />
+          <text class="placeholder">搜索</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="content">
+      <!-- swiper -->
+      <swiper
+        :autoplay="autoplay"
+        :indicator-color="indicatorColor"
+        :interval="interval"
+        :duration="duration"
+        :indicator-active-color="indicatorActiveColor + ' '"
+        :circular="true"
+        class="pic-swiper"
+        indicator-dots
+        previous-margin="20rpx"
+        next-margin="20rpx"
+      >
+        <block v-for="(item, index) in indexImgs" :key="index">
+          <swiper-item class="banner-item">
+            <view class="img-box">
+              <image :src="item.imgUrl" :data-prodid="item.relation" class="banner" @tap="toProdPage" />
+            </view>
+          </swiper-item>
+        </block>
+      </swiper>
+      <!-- end swiper -->
+
+      <view class="cat-item">
+        <view class="item" data-sts="1" @tap="toClassifyPage">
+          <image src="@/static/images/icon/newProd.png" />
+          <text>新品推荐</text>
+        </view>
+        <view class="item" data-sts="1" @tap="toClassifyPage">
+          <image src="@/static/images/icon/timePrice.png" />
+          <text>限时特惠</text>
+        </view>
+        <view class="item" data-sts="3" @tap="toClassifyPage">
+          <image src="@/static/images/icon/neweveryday.png" />
+          <text>每日疯抢</text>
+        </view>
+        <view class="item" @tap="toCouponCenter">
+          <image src="@/static/images/icon/newprods.png" />
+          <text>领优惠券</text>
+        </view>
+      </view>
+
+      <!-- 消息播放 -->
+      <view v-if="news && news.length" class="message-play" @tap="onNewsPage">
+        <image src="@/static/images/icon/horn.png" class="hornpng" />
+        <swiper :vertical="true" :autoplay="true" :circular="true" duration="1000" class="swiper-cont">
+          <block v-for="(item, index) in news" :key="index">
+            <swiper-item class="items">
+              {{ item.title }}
+            </swiper-item>
+          </block>
+        </swiper>
+        <text class="arrow" />
+      </view>
+    </view>
+
+    <view v-if="updata" class="updata">
+      <block v-for="(item, index) in taglist" :key="index">
+        <!-- 每日上新 -->
+        <view v-if="item.style === '2' && item.prods && item.prods.length" class="up-to-date">
+          <view class="title">
+            <text>{{ item.title }}</text>
+            <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
+              <text class="more">查看更多</text>
+            </view>
+          </view>
+          <view class="item-cont">
+            <block v-for="(prod, index2) in item.prods" :key="index2">
+              <view class="prod-item" :data-prodid="prod.prodId" @tap="toProdPage">
+                <view>
+                  <view class="imagecont">
+                    <img-show :src="prod.pic" :class-list="['prodimg']" />
+                  </view>
+                  <view class="prod-text">
+                    {{ prod.prodName }}
+                  </view>
+                  <view class="price">
+                    <text class="symbol">￥</text>
+                    <text class="big-num">
+                      {{ wxs.parsePrice(prod.price)[0] }}
+                    </text>
+                    <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
+                  </view>
+                </view>
+              </view>
+            </block>
+          </view>
+        </view>
+
+        <!-- 商城热卖 -->
+        <view v-if="item.style === '1' && item.prods && item.prods.length" class="hot-sale">
+          <view class="title">
+            <text>{{ item.title }}</text>
+            <view class="more-prod-cont" data-sts="0" :data-id="item.id" :data-title="item.title" @tap="toClassifyPage">
+              <text class="more">更多</text>
+              <text class="arrow" />
+            </view>
+          </view>
+          <view class="hotsale-item-cont">
+            <block v-for="(prod, index2) in item.prods" :key="index2">
+              <view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
+                <view class="hot-imagecont">
+                  <img-show :src="prod.pic" :class-list="['hotsaleimg']" />
+                </view>
+                <view class="hot-text">
+                  <view class="hotprod-text">
+                    {{ prod.prodName }}
+                  </view>
+                  <view class="prod-info">
+                    {{ prod.brief }}
+                  </view>
+                  <view class="prod-text-info">
+                    <view class="price">
+                      <text class="symbol">￥</text>
+                      <text class="big-num">
+                        {{ wxs.parsePrice(prod.price)[0] }}
+                      </text>
+                      <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
+                    </view>
+                    <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" />
+                  </view>
+                </view>
+              </view>
+            </block>
+          </view>
+        </view>
+
+        <!-- 更多宝贝 -->
+        <view v-if="item.style === '0' && item.prods && item.prods.length" class="more-prod">
+          <view class="title">
+            {{ item.title }}
+          </view>
+          <view class="prod-show">
+            <block v-for="(prod, index2) in item.prods" :key="index2">
+              <view class="show-item" :data-prodid="prod.prodId" @tap="toProdPage">
+                <view class="more-prod-pic">
+                  <img-show :src="prod.pic" :class-list="['more-pic']" />
+                </view>
+                <view class="prod-text-right">
+                  <view class="prod-text more">
+                    {{ prod.prodName }}
+                  </view>
+                  <view class="prod-info">
+                    {{ prod.brief }}
+                  </view>
+                  <view class="b-cart">
+                    <view class="price">
+                      <text class="symbol">￥</text>
+                      <text class="big-num">
+                        {{ wxs.parsePrice(prod.price)[0] }}
+                      </text>
+                      <text class="small-num">.{{ wxs.parsePrice(prod.price)[1] }}</text>
+                    </view>
+                    <image src="@/static/images/tabbar/basket-sel.png" class="basket-img" @tap.stop="addToCart(prod)" />
+                  </view>
+                </view>
+              </view>
+            </block>
+          </view>
+        </view>
+      </block>
+    </view>
+  </view>
+</template>
+
+<script setup>
+const wxs = number();
+const indicatorColor = ref('#d1e5fb');
+const indicatorActiveColor = ref('#1b7dec');
+const autoplay = ref(true);
+const interval = ref(2000);
+const duration = ref(1000);
+const indexImgs = ref([]);
+const seq = ref(0);
+const news = ref([]);
+const taglist = ref([]);
+const updata = ref(true);
+
+onLoad(() => {
+  getAllData();
+});
+onShow(() => {
+  // #ifdef MP-WEIXIN
+  uni.getSetting({
+    success(res) {
+      if (!res.authSetting['scope.userInfo']) {
+        uni.navigateTo({
+          url: '/pages/login/login'
+        });
+      }
+    }
+  });
+  // #endif
+  http.getCartCount(); // 重新计算购物车总数量
+});
+
+onPullDownRefresh(() => {
+  // 模拟加载
+  setTimeout(() => {
+    getAllData();
+    uni.stopPullDownRefresh(); // 停止下拉刷新
+  }, 100);
+});
+
+const getAllData = () => {
+  http.getCartCount(); // 重新计算购物车总数量
+  getIndexImgs();
+  getNoticeList();
+  getTag();
+};
+
+const toProdPage = (e) => {
+  const prodid = e.currentTarget.dataset.prodid;
+
+  if (prodid) {
+    uni.navigateTo({
+      url: '/pages/prod/prod?prodid=' + prodid
+    });
+  }
+};
+/**
+ * 加入购物车
+ * @param item
+ */
+const addToCart = (item) => {
+  uni.showLoading({
+    mask: true
+  });
+  http
+    .request({
+      url: '/prod/prodInfo',
+      method: 'GET',
+      data: {
+        prodId: item.prodId
+      }
+    })
+    .then(({ data }) => {
+      http
+        .request({
+          url: '/p/shopCart/changeItem',
+          method: 'POST',
+          data: {
+            basketId: 0,
+            count: 1,
+            prodId: data.prodId,
+            shopId: data.shopId,
+            skuId: data.skuList[0].skuId
+          }
+        })
+        .then(() => {
+          uni.hideLoading();
+          http.getCartCount(); // 重新计算购物车总数量
+          uni.showToast({
+            title: '加入购物车成功',
+            icon: 'none'
+          });
+        });
+    });
+};
+
+const toCouponCenter = () => {
+  uni.showToast({
+    icon: 'none',
+    title: '功能开发中'
+  });
+};
+
+/**
+ * 跳转搜索页
+ */
+const toSearchPage = () => {
+  uni.navigateTo({
+    url: '/pages/search-page/search-page'
+  });
+};
+
+/**
+ * 跳转商品活动页面
+ * @param e
+ */
+const toClassifyPage = (e) => {
+  let url = '/pages/prod-classify/prod-classify?sts=' + e.currentTarget.dataset.sts;
+  const id = e.currentTarget.dataset.id;
+  const title = e.currentTarget.dataset.title;
+
+  if (id) {
+    url += '&tagid=' + id + '&title=' + title;
+  }
+
+  uni.navigateTo({
+    url
+  });
+};
+/**
+ * 跳转公告列表页面
+ */
+const onNewsPage = () => {
+  uni.navigateTo({
+    url: '/pages/recent-news/recent-news'
+  });
+};
+
+/**
+ * 加载轮播图
+ */
+const getIndexImgs = () => {
+  http
+    .request({
+      url: '/indexImgs',
+      method: 'GET',
+      data: {}
+    })
+    .then(({ data }) => {
+      indexImgs.value = data;
+      seq.value = data;
+    });
+};
+
+const getNoticeList = () => {
+  // 加载公告
+  http
+    .request({
+      url: '/shop/notice/topNoticeList',
+      method: 'GET',
+      data: {}
+    })
+    .then(({ data }) => {
+      news.value = data;
+    });
+};
+
+/**
+ * 加载商品标题分组列表
+ */
+const getTag = () => {
+  http
+    .request({
+      url: '/prod/tag/prodTagList',
+      method: 'GET',
+      data: {}
+    })
+    .then(({ data }) => {
+      taglist.value = data;
+      for (let i = 0; i < data.length; i++) {
+        updata.value = false;
+        updata.value = true;
+        getTagProd(data[i].id, i);
+      }
+    });
+};
+
+const getTagProd = (id, index) => {
+  http
+    .request({
+      url: '/prod/prodListByTagId',
+      method: 'GET',
+      data: {
+        tagId: id,
+        size: 6
+      }
+    })
+    .then(({ data }) => {
+      updata.value = false;
+      updata.value = true;
+      const taglistParam = taglist.value;
+      taglistParam[index].prods = data.records;
+      taglist.value = taglistParam;
+    });
+};
+</script>
+
+<style scoped lang="scss">
+@use './index.scss';
 </style>