ui

叶富雄

2026-03-14 b34744f5bb68ed1ba7d1dd5251298a42e4aaaf9c

 pages/index/index.vue

@@ -5,20 +5,20 @@
         <view class="index-title">
            <view class="index-title-view index-title-view1">
               <view class="index-title-view-lf">
                  <image src="@/static/imgs/index-logo.png" mode="widthFix"></image>
                  <image src="@/static/imgs/index-logo.png" mode=""></image>
               </view>
               <view class="index-title-view-lf2">趋势好货放心购</view>
            </view>
            <view class="index-title-view index-title-view2">
               <view class="index-title-view-rf">
                  <view class="">
                     <image src="@/static/imgs/qiandao.png" mode="widthFix"></image>
                     <image src="@/static/imgs/qiandao.png" mode=""></image>
                     <text>签到打卡</text>
                  </view>
               </view>
               <view class="index-title-view-rf">
                  <view class="">
                     <image src="@/static/imgs/kefu.png" mode="widthFix"></image>
                     <image src="@/static/imgs/kefu.png" mode=""></image>
                     <text>联系客服</text>
                  </view>
               </view>
@@ -26,7 +26,7 @@
         </view>
         <view class="search">
            <view class="search-1">
               <image src="@/static/imgs/s2.png" mode="widthFix"></image>
               <image src="@/static/imgs/s2.png" mode=""></image>
               <input type="text" placeholder="请输入关键词" />
            </view>
            <view class="search-2">
@@ -35,7 +35,7 @@
         </view>
         <view class="cates">
            <view class="cates-v" v-for="(item, index) in catesNavData" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
               <image class="cates-v-icon" :src="item.icon" mode="scaleToFill"></image>
               <image class="cates-v-icon" :src="item.icon" mode=""></image>
               <view class="">{{item.title}}</view>
            </view>
         </view>
@@ -43,20 +43,20 @@
      
      <view class="banner">
         <swiper class="swiper" circular :indicator-dots="indicatorDots" :indicator-color="indicatorColor" :autoplay="autoplay" :indicator-active-color="indicatorActiveColor" :interval="interval" :duration="duration">
            <swiper-item v-for="(item, index) in bannerData"  :key="index" @tap="$util.goPages('/pages/ginfo/ginfo?id=' + item.goodsid)">
               <image lazy-load :src="item.icon" ></image>
            <swiper-item v-for="(item, index) in bannerData"  @tap="$util.goPages('/pages/ginfo/ginfo?id=' + item.goodsid)">
               <image lazy-load :src="item.icon" mode=""></image>
            </swiper-item>
         </swiper>
      </view>
      <view class="comm">
         <view class="comm-1">
            <view class="comm-title">
               <image src="/static/imgs/ptyx.png" mode="widthFix"></image>
               <image src="/static/imgs/ptyx.png" mode=""></image>
            </view>
            <view class="comm-goods">
               <view class="comm-goods-v" v-for="(item, index) in prefGoods" @click="$util.goPages('/pages/ginfo/ginfo?id=' + item.id)">
                  <view class="">
                     <image :src="item.icon" mode="widthFix"></image>
                     <image :src="item.icon" mode=""></image>
                     <text>¥{{item.price}}</text>
                  </view>
               </view>
@@ -65,12 +65,12 @@
         <view class="comm-2"></view>
         <view class="comm-3">
            <view class="comm-title">
               <image src="@/static/imgs/jfdh.png" mode="widthFix"></image>
               <image src="@/static/imgs/jfdh.png" mode=""></image>
            </view>
            <view class="comm-goods">
               <view class="comm-goods-v" v-for="(item, index) in pointGoods" @click="$util.goPages('/pages/ginfo/ginfo?id=' + item.id)">
                  <view class="">
                     <image :src="item.icon" mode="widthFix"></image>
                     <image :src="item.icon" mode=""></image>
                     <text>∮{{item.points}}</text>
                  </view>
               </view>
@@ -79,16 +79,16 @@
      </view>
      <view class="hots">
         <view class="hots-title" @tap="$util.goPages('/pages/catesList/catesList?is_hot=1&title=热门推荐')">
            <image class="hots-icon" src="@/static/imgs/rmtj.png" mode="widthFix"></image>
            <image class="hots-icon" src="@/static/imgs/rmtj.png" mode=""></image>
            <view class="hots-rgt">
               <text>大家都在买</text>
               <image src="@/static/imgs/right.png" mode="widthFix"></image>
               <image src="@/static/imgs/right.png" mode=""></image>
            </view>
         </view>
         <view class="hots-goods">
            <view class="hots-goods-v" v-for="(item, index) in hotGoods" @click="$util.goPages('/pages/ginfo/ginfo?id=' + item.id)">
               <view class="">
                  <image :src="item.icon" mode="widthFix"></image>
                  <image :src="item.icon" mode=""></image>
                  <text>¥{{item.price}}</text>
               </view>
            </view>
@@ -98,13 +98,13 @@
         <view class="goods-main-view">
            <view class="goods-list">
               <view class="goods-item" v-for="(itm, index) in goodsData" @click="$util.goPages('/pages/ginfo/ginfo?id=' + itm.id)">
                  <image lazy-load class="goods-icon" :src="itm.icon" mode="widthFix"></image>
                  <image lazy-load class="goods-icon" :src="itm.icon" mode=""></image>
                  <view class="goods-title">{{itm.title}}</view>
                  <view class="goods-price">
                     <view>¥</view>
                     <view class="red">{{itm.price}}</view>
                     <view class="hyj">
                        <image src="@/static/imgs/hyj.png" mode="widthFix"></image>
                        <image src="@/static/imgs/hyj.png" mode=""></image>
                     </view>
                     <view>¥</view>
                     <view class="red">{{itm.price}}</view>
@@ -116,9 +116,9 @@
      <uni-popup ref="popup2" type="center" :is-mask-click="false">
         <view class="popup-content">
            <view class="edu-view edu-view2">
               <image src="/static/imgs/close.png" class="close-edu" mode="widthFix" @tap="$refs.popup2.close()"></image>
               <image src="/static/imgs/close.png" class="close-edu" mode="" @tap="$refs.popup2.close()"></image>
               <view class="edu-view-desc2">认证领取额度</view>
               <image class="edu-icon-succ" src="/static/imgs/auths.png" mode="widthFix"></image>
               <image class="edu-icon-succ" src="/static/imgs/auths.png" mode=""></image>
               <view class="edu-view-desc3">
                  请您先认证个人信息，然后立即领取额度
               </view>