From 083fc3bf0f01788bc69b5072026a500ebc0dc086 Mon Sep 17 00:00:00 2001
From: lin <1005713861@163.com>
Date: Fri, 15 May 2026 16:27:17 +0800
Subject: [PATCH] UI：购有趣 1.4.0
---
pages/index/index.vue | 48 ++++++++++++++++++++++++++++--------------------
1 files changed, 28 insertions(+), 20 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 71ff032..4e6b00f 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -29,25 +29,33 @@
</view>
</view>
- <view class="cates" v-if="catesNavData">
- <view class="cates-v" v-for="(item, index) in catesNavData" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
+ <!-- <view class="cates" v-if="catesNavData">
+ <view class="cates-v" v-for="(item, index) in catesNavData" :key="item.id" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
<image class="cates-v-icon" :src="item.icon" mode=""></image>
<view class="">{{item.title}}</view>
</view>
- <!-- <view class="cates-v" @tap="$util.goSwitch('/pages/cates/cates')">
+ <view class="cates-v" @tap="$util.goSwitch('/pages/cates/cates')">
<image class="cates-v-icon" src="/static/imgs/more.png" mode=""></image>
<view class="">更多</view>
- </view> -->
+ </view>
+ </view> -->
+ <view v-if="catesNavData" style="padding: 0 30rpx;background-color: #ffffff;margin-top: 422rpx;">
+ <uv-scroll-list indicatorColor="#fff0f0" indicatorActiveColor="#37AA25">
+ <view class="cates-v" v-for="(item, index) in catesNavData" :key="item.id" @tap="$util.goPages('/pages/catesList/catesList?catesId=' + item.id + '&title=' + item.title)">
+ <image class="cates-v-icon" :src="item.icon" mode="heightFix"></image>
+ <view class="">{{item.title}}</view>
+ </view>
+ </uv-scroll-list>
</view>
-
+
<!-- <view class="ad1" @tap="$util.goPages('/pages/catesList/catesList?catesId=11' + '&title=' + '服装鞋包')">
<image src="/static/imgs/ad1.png" mode=""></image>
</view> -->
-
+
<view class="ad2" @tap="$util.goPages('/pages/catesList/catesList?catesId=3' + '&title=' + '手机数码')">
<image src="/static/imgs/ad2.png" mode=""></image>
</view>
-
+
<view class="d3-wrap">
<view class="ad3" @tap="$util.goPages('/pages/catesList/catesList?catesId=2' + '&title=' + '家用电器')">
<image src="/static/imgs/ad3.png" mode=""></image>
@@ -56,7 +64,7 @@
<image src="/static/imgs/ad4.png" mode=""></image>
</view>
</view>
-
+
<!-- <view class="c-goods" v-if="hotCates" v-for="(item, index) in hotCates">
<view class="ca-ad" v-if="index % 2 == 0">
<image src="/static/imgs/c1.png" mode=""></image>
@@ -91,7 +99,7 @@
</scroll-view>
</view>
</view> -->
-
+
<view class="cateNav">
<view class="cateNav-item" :class="{active:actIndex===index}" v-for="(item, index) in cateNavList" :key="index" @click="navClick(item,index)">
<view class="cateNav-title">{{item.title}}</view>
@@ -110,8 +118,6 @@
<!-- <view class="hyj">
<image src="@/static/imgs/hyj.png" mode=""></image>
</view> -->
- <view>¥</view>
- <view class="red">{{itm.price}}</view>
</view>
</view>
</view>
@@ -123,7 +129,7 @@
<view class="login-btn">立即登录</view>
</view>
</view>
-
+
<uni-popup ref="popup2" type="center" :is-mask-click="false">
<view class="popup-content">
<view class="edu-view edu-view2">
@@ -161,11 +167,12 @@
},
data() {
return {
+ indicator: true,
contactsFlag: false,
staHeight: 0,
paddingHeight: 0,
indicatorDots: true,
- indicatorColor: '#e3b400',
+ indicatorColor: '#37AA25',
indicatorActiveColor: '#ffffff',
autoplay: true,
interval: 3000,
@@ -187,15 +194,15 @@
goodsData: [],
cateNavList: [
{
- title: '精选',
- desc: '猜你喜欢',
- skey: '手机数码',
- catesId: 3,
- },{
title: '人气',
desc: '好物精选',
skey: '家用电器',
catesId: 2,
+ },{
+ title: '精选',
+ desc: '猜你喜欢',
+ skey: '服装鞋包',
+ catesId: 15,
},{
title: '休闲',
desc: '天天低价',
@@ -220,6 +227,7 @@
// #endif
},
created() {
+ this.catesId = this.cateNavList[0]['catesId']
this.catesGoods()
},
onLoad() {
@@ -439,11 +447,11 @@
}
.cateNav-item.active {
.cateNav-title {
- color: #4766FE;
+ color: #37AA25;
}
.cateNav-desc {
color: #ffffff;
- background-color: #4766FE;
+ background-color: #37AA25;
border-radius: 50rpx;
padding: 12rpx 0;
}
--
Gitblit v1.9.3