charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat：优化分类

Browse Source
This commit is contained in:
charles
2026-07-24 09:48:31 +08:00
parent 1a493b4faf
commit 22a8f279f7
4 changed files with 129 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/home/home.vue
+16 -8
View File
@@ -4,9 +4,8 @@
<view class="home_content_z_warp">
<view class="home_header_warp" :style="mpHeaderWarpStyle">
<view class="header_title_warp" :style="mpHeaderStyle">
<view class="language_warp" :style="mpLanguageStyle" style="flex: 1; justify-content: flex-start;"
@click="jumpSearch">
<view :style="isMP ? 'display: flex; align-items: center;' : 'margin-top: 10rpx;'">
<view class="language_warp" style="flex: 1; justify-content: flex-start;" @click="jumpSearch">
<view :style="isMP ? 'display: flex; align-items: center;margin-top: 10rpx;' : 'margin-top: 10rpx;'">
<up-image src="https://static.tbmall.xin/static/home/search_b.png" width="20" height="20"
bgColor="#f1f6ff00"></up-image>
</view>
@@ -202,8 +201,8 @@
<view class="uni-banner-news">
<view class="close_btn" @click="newsShow = false"></view>
<view class="banner_box">
<view class="banner_box-title">{{ newsList[0].title }}</view>
<view class="banner_box-subTitle">{{ newsList[0].subTitle }}</view>
<view class="banner_box-title">{{ newsList[0]?.title }}</view>
<view class="banner_box-subTitle">{{ newsList[0]?.subTitle }}</view>
<view class="banner_box-btn" @click="jumpNewSearch">查看</view>
</view>
</view>
@@ -765,8 +764,17 @@ export default {
background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
padding: calc(var(--status-bar-height) + 20rpx) 30rpx 20rpx;
box-sizing: border-box;
/* 消除 fixed 定位与下方重叠层之间的 1px GPU 子像素渲染缝隙（白线） */
box-shadow: 0 2rpx 0 #9336df;
&::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(270deg, #af39c4 0%, #7732ff 100%);
pointer-events: none;
}
}
.header_right_warp {
@@ -783,7 +791,7 @@ export default {
padding: 10rpx 20rpx;
background: #ffffff30;
border-radius: 24rpx;
background: linear-gradient(270deg, #ae39c5, #7932fe) 2 2;
// background: linear-gradient(270deg, #ae39c5, #7932fe);
}
.chart_img {