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); uni.removeStorageSync(app.globalData.data.cache_buy_user_address_select_key);
this.initWechatSdk(); // this.initWechatSdk();
}, },
onShow() { onShow() {

46
pages/index/index.vue
View File

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