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-09 14:11:16 +08:00
parent b8870a040f
commit 1aeb515cc5
3 changed files with 23 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/home/home.vue
+16 -62
View File
@@ -3,54 +3,6 @@
<!-- 带背景的头部 -->
<view class="home_header_warp"></view>
<view class="home_content_z_warp">
<view class="header_title_warp">
<!-- <up-image src="https://static.tbmall.xin/static/home/logo.png" width="86" height="30" bgColor="#f1f6ff00"></up-image> -->
<!-- <view class="header_right_warp"> -->
<view class="language_warp" style="width: 100%; justify-content: flex-start" @click="jumpSearch">
<view style="margin-top: 10rpx">
<up-image src="https://static.tbmall.xin/static/home/search_b.png"
width="20" height="20" bgColor="#f1f6ff00"></up-image>
</view>
<text class="search_msg_warp">搜索</text>
</view>
<image src="https://static.tbmall.xin/static/chart.png" class="chart_img"
@click.stop="jumpNewSearch('list')"></image>
<!-- <view class="language_warp" @click="languageShow = true">
<text>CN</text>
<up-image src="/static/common/down.png" width="10" height="10" bgColor="#f1f6ff00"></up-image>
</view> -->
<!-- </view> -->
</view>
<!-- banner图 -->
<!-- <view style="padding: 0 30rpx;">
<up-swiper
:list="swiperList"
height="120"
radius="10"
@change="e => currentNum = e.current"
bgColor="#ffffff00"
>
<template #indicator>
<view
class="indicator-num"
>
<text class="indicator-num__text">{{ currentNum + 1 }}/{{ swiperList.length }}</text>
</view>
</template>
</up-swiper>
</view> -->
<!-- logo分类 -->
<view class="logo_banner">
<view style="padding: 20rpx 0 0 20rpx">
<up-image src="https://static.tbmall.xin/static/home/logo_banner.png"
width="108" height="16" bgColor="#f1f6ff00"></up-image>
<view class="logo_banner_title">TB聚合商城</view>
<view class="logo_banner_msg">全民共创共享的电商平台</view>
</view>
<up-image src="https://static.tbmall.xin/static/logo_banner2.png" width="140"
height="98" bgColor="#f1f6ff00"></up-image>
</view>
<!-- 分类 -->
<view class="home_sort_warp">
<view class="sort_comm_warp" v-if="sortList && sortList.length !== 0 && isBlockedDate">
@@ -176,6 +128,8 @@
<choiceness />
</view>
</view>
<!-- 暂未开放 -->
<up-modal :show="openShow" :showConfirmButton="false">
<view class="slot-content">
@@ -644,12 +598,19 @@
* 查询分类列表
*/
async getSortList() {
const resp = await getCascadeCategory({
parentId: 0
});
if (resp && resp.bizcode === 100) {
this.sortList = resp.data.slice(0, 10);
}
this.sortList = [
{
id: 1,
name: "超级补贴",
icon: ''
}
];
// const resp = await getCascadeCategory({
// parentId: 0
// });
// if (resp && resp.bizcode === 100) {
// this.sortList = resp.data.slice(0, 10);
// }
},
// 跳转到分类栏目
jumpSort(item) {
@@ -698,13 +659,6 @@
position: absolute;
top: 90rpx;
.header_title_warp {
display: flex;
align-items: center;
margin-bottom: 30rpx;
padding: 0 30rpx;
}
.header_right_warp {
display: flex;
align-items: center;
@@ -757,7 +711,7 @@
.home_sort_warp {
// position: absolute;
top: 460rpx;
padding: 30rpx 30rpx 0;
padding: 0 30rpx;
width: calc(100% - 60rpx);
.sort_warp {