feat:首页改版
This commit is contained in:
+15
-61
@@ -3,54 +3,6 @@
|
|||||||
<!-- 带背景的头部 -->
|
<!-- 带背景的头部 -->
|
||||||
<view class="home_header_warp"></view>
|
<view class="home_header_warp"></view>
|
||||||
<view class="home_content_z_warp">
|
<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="home_sort_warp">
|
||||||
<view class="sort_comm_warp" v-if="sortList && sortList.length !== 0 && isBlockedDate">
|
<view class="sort_comm_warp" v-if="sortList && sortList.length !== 0 && isBlockedDate">
|
||||||
@@ -176,6 +128,8 @@
|
|||||||
<choiceness />
|
<choiceness />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<!-- 暂未开放 -->
|
<!-- 暂未开放 -->
|
||||||
<up-modal :show="openShow" :showConfirmButton="false">
|
<up-modal :show="openShow" :showConfirmButton="false">
|
||||||
<view class="slot-content">
|
<view class="slot-content">
|
||||||
@@ -644,12 +598,19 @@
|
|||||||
* 查询分类列表
|
* 查询分类列表
|
||||||
*/
|
*/
|
||||||
async getSortList() {
|
async getSortList() {
|
||||||
const resp = await getCascadeCategory({
|
this.sortList = [
|
||||||
parentId: 0
|
{
|
||||||
});
|
id: 1,
|
||||||
if (resp && resp.bizcode === 100) {
|
name: "超级补贴",
|
||||||
this.sortList = resp.data.slice(0, 10);
|
icon: ''
|
||||||
}
|
}
|
||||||
|
];
|
||||||
|
// const resp = await getCascadeCategory({
|
||||||
|
// parentId: 0
|
||||||
|
// });
|
||||||
|
// if (resp && resp.bizcode === 100) {
|
||||||
|
// this.sortList = resp.data.slice(0, 10);
|
||||||
|
// }
|
||||||
},
|
},
|
||||||
// 跳转到分类栏目
|
// 跳转到分类栏目
|
||||||
jumpSort(item) {
|
jumpSort(item) {
|
||||||
@@ -698,13 +659,6 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 90rpx;
|
top: 90rpx;
|
||||||
|
|
||||||
.header_title_warp {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 30rpx;
|
|
||||||
padding: 0 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header_right_warp {
|
.header_right_warp {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -757,7 +711,7 @@
|
|||||||
.home_sort_warp {
|
.home_sort_warp {
|
||||||
// position: absolute;
|
// position: absolute;
|
||||||
top: 460rpx;
|
top: 460rpx;
|
||||||
padding: 30rpx 30rpx 0;
|
padding: 0 30rpx;
|
||||||
width: calc(100% - 60rpx);
|
width: calc(100% - 60rpx);
|
||||||
|
|
||||||
.sort_warp {
|
.sort_warp {
|
||||||
|
|||||||
@@ -27,11 +27,11 @@
|
|||||||
<view class="mescrollUniView">
|
<view class="mescrollUniView">
|
||||||
<view class="fall-col">
|
<view class="fall-col">
|
||||||
<PingItem v-for="(item, i) in leftList" :key="item.id" :obj="item" @ok="onJumpShop"
|
<PingItem v-for="(item, i) in leftList" :key="item.id" :obj="item" @ok="onJumpShop"
|
||||||
style="margin-top: 24rpx" />
|
class="ping-item" />
|
||||||
</view>
|
</view>
|
||||||
<view class="fall-col">
|
<view class="fall-col">
|
||||||
<PingItem v-for="(item, i) in rightList" :key="item.id" :obj="item" @ok="onJumpShop"
|
<PingItem v-for="(item, i) in rightList" :key="item.id" :obj="item" @ok="onJumpShop"
|
||||||
style="margin-top: 24rpx" />
|
class="ping-item" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</mescroll-uni>
|
</mescroll-uni>
|
||||||
@@ -259,6 +259,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mescrollUniView {
|
.mescrollUniView {
|
||||||
@@ -271,6 +272,8 @@ export default {
|
|||||||
.fall-col {
|
.fall-col {
|
||||||
width: 332rpx;
|
width: 332rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
display: grid;
|
||||||
|
grid-gap: 12rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -216,6 +216,8 @@ export default {
|
|||||||
};
|
};
|
||||||
if (this.curTab != 0) {
|
if (this.curTab != 0) {
|
||||||
params["categoryId"] = this.tabList[this.curTab].id;
|
params["categoryId"] = this.tabList[this.curTab].id;
|
||||||
|
} else {
|
||||||
|
params["isRecomm"] = true;
|
||||||
}
|
}
|
||||||
const resp = await searchList(params);
|
const resp = await searchList(params);
|
||||||
if (resp && resp.bizcode === 100) {
|
if (resp && resp.bizcode === 100) {
|
||||||
|
|||||||
Reference in New Issue
Block a user