czg_team
/
xo_user_client
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化首页

This commit is contained in:
gyq 2025-05-20 09:11:48 +08:00
parent 803274c81e
commit 453af757c2
2 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/buy/buy.vue
View File

@ -515,7 +515,7 @@
// 删除地址缓存
uni.removeStorageSync(app.globalData.data.cache_buy_user_address_select_key);
this.initWechatSdk();
// this.initWechatSdk();
},
onShow() {

46
pages/index/index.vue
View File

@ -3,7 +3,7 @@
<view class="container" :class="[themeConfigData.layout]">
<status-bar-height></status-bar-height>
<view class="page-bg2" v-if="themeConfigData.layout == 'layout3'">
<image class="img" src="https://store.sxczgkj.com/static/upload/images/goods/2025/05/18/1747532737117126.png" mode="widthFix"></image>
<image class="img" :src="themeConfigData.layoutData.search.backgroundImage" mode="widthFix"></image>
<view class="page-tab">
<view class="item active">
<text class="t">首页</text>
@ -112,7 +112,7 @@
</view>
<view class="name">{{ item.title }}</view>
<view class="price-wrap">
<text class="p">￥{{ item.min_original_price }}</text>
<text class="p">￥{{ item.min_price }}</text>
<text class="o">￥{{ item.original_price }}</text>
</view>
</view>
@ -129,7 +129,7 @@
<view class="goods-wrap">
<view class="item" v-for="item in recommd_goods_list.slice(1, 4)" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
<image class="img" :src="item.images" mode="aspectFill"></image>
<text class="t">￥{{ item.min_original_price }}</text>
<text class="t">￥{{ item.min_price }}</text>
</view>
</view>
</view>
@ -155,7 +155,7 @@
<view class="item" v-for="item in themeConfigData.layoutData.recommandGoods.block1.data" :key="item.id" :data-value="item.goods_url" @tap="goods_event">
<image class="img" :src="item.images"></image>
<view class="t">
<view class="price">￥{{ item.min_original_price }}</view>
<view class="price">￥{{ item.min_price }}</view>
</view>
</view>
</view>
@ -172,7 +172,7 @@
{{ item.title }}
</view>
<view class="t">
<view class="price">￥{{ item.min_original_price }}</view>
<view class="price">￥{{ item.min_price }}</view>
</view>
</view>
</view>
@ -188,7 +188,7 @@
{{ item.title }}
</view>
<view class="t">
<view class="price">￥{{ item.min_original_price }}</view>
<view class="price">￥{{ item.min_price }}</view>
</view>
</view>
</view>
@ -230,7 +230,7 @@
{{ item.title }}
</view>
<view class="t">
<view class="price"> ￥{{ item.min_original_price }} </view>
<view class="price"> ￥{{ item.min_price }} </view>
<view class="old"> ￥{{ item.original_price }} </view>
</view>
</view>
@ -265,7 +265,7 @@
<view class="tag">新品</view>
</view>
<view class="price-wrap">
<text class="p">￥{{ item.min_original_price }}</text>
<text class="p">￥{{ item.min_price }}</text>
<text class="o">￥{{ item.original_price }}</text>
</view>
</view>
@ -889,7 +889,7 @@
<style scoped lang="scss">
.container {
&.layout3 {
padding-top: 260upx;
padding-top: 174upx;
}
}
.layout3-category {
@ -1025,8 +1025,7 @@
.page-tab {
width: 100%;
position: absolute;
top: 45%;
transform: translateY(-50%);
top: 0;
display: flex;
padding: 0 29upx;
.item {
@ -1374,9 +1373,11 @@
$gap: 12upx;
display: flex;
gap: $gap;
box-sizing: border-box;
.flex {
display: flex;
gap: $gap;
box-sizing: border-box;
.col-item {
flex: 1;
}
@ -1386,22 +1387,28 @@
display: flex;
flex-direction: column;
gap: $gap;
box-sizing: border-box;
.col-item {
background-color: #fff;
border-radius: $gap;
padding: $gap;
box-sizing: border-box;
.title {
display: flex;
padding-bottom: $gap;
box-sizing: border-box;
padding: $gap;
.left {
flex-shrink: 0;
display: flex;
flex-direction: column;
box-sizing: border-box;
.t {
color: #333;
box-sizing: border-box;
}
.tag {
position: relative;
box-sizing: border-box;
.tag-bg {
position: absolute;
width: 100%;
@ -1410,10 +1417,12 @@
left: 0;
background-color: #ffd1d1;
border-radius: 40upx 4upx 4upx;
box-sizing: border-box;
}
.tag-t {
color: #ff3838;
position: relative;
box-sizing: border-box;
}
}
}
@ -1422,21 +1431,26 @@
display: flex;
gap: $gap;
margin-left: $gap;
box-sizing: border-box;
.item {
flex: 1;
display: flex;
flex-direction: column;
box-sizing: border-box;
.img {
width: 100%;
height: 100upx;
border-radius: 8upx;
box-sizing: border-box;
}
.name {
width: 60upx;
height: 40upx;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
}
}
}
@ -1444,31 +1458,39 @@
.items {
display: flex;
gap: $gap;
box-sizing: border-box;
.item {
flex: 1;
display: flex;
flex-direction: column;
box-sizing: border-box;
.img {
width: 100%;
height: 180upx;
box-sizing: border-box;
}
.name {
width: 140upx;
height: 40upx;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
}
.t {
display: flex;
align-items: center;
box-sizing: border-box;
.price {
color: #fb1622;
box-sizing: border-box;
}
.old {
color: #999;
font-size: 20upx;
text-decoration: line-through;
box-sizing: border-box;
}
}
}