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 15:14:08 +08:00
parent 81ded654f1
commit 730215a24f
4 changed files with 96 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/supply_chain/supply_chain.vue
+60 -21
View File
@@ -1,24 +1,26 @@
<template>
<view class="content-two">
<TopSafe></TopSafe>
<view class="head-view">
<view class="head-search" @click="onJumpSearch">
<u-icon size="24" name="search" color="#999"></u-icon>
<text class="text-28 text-fu" style="margin-left: 12rpx">搜索</text>
<view class="top-header-container">
<TopSafe></TopSafe>
<view class="head-view">
<view class="head-search" @click="onJumpSearch">
<u-icon size="24" name="search" color="#999"></u-icon>
<text class="text-28 text-fu" style="margin-left: 12rpx">搜索</text>
</view>
</view>
</view>
<view class="tab-box">
<view class="tab-item" v-for="(item, index) in tabArr" :key="item.id" @click="onTab(item.id)">
<view class="tab-box">
<view class="tab-item" v-for="(item, index) in tabArr" :key="item.id" @click="onTab(item.id)">
<image :src="curTab == item.id ? item.iconActive : item.icon" mode="aspectFill" class="tab-img">
</image>
<view class="tab-name" :style="{
color: curTab == item.id ? '#7A35F6' : '#666',
}">{{ item.name }}</view>
<image :src="curTab == item.id ? item.iconActive : item.icon" mode="aspectFill" class="tab-img">
</image>
<view class="tab-name" :style="{
color: curTab == item.id ? '#7A35F6' : '#666',
}">{{ item.name }}</view>
</view>
</view>
</view>
<mescroll-uni ref="mescrollRef" :top="mescrollTop" @down="downCallback" @up="upCallback" :up="upOption"
:down="downOption" @init="mescrollInit">
<mescroll-uni ref="mescrollRef" :top="mescrollTop" :bottom="mescrollBottom" :safearea="isApp" @down="downCallback"
@up="upCallback" :up="upOption" :down="downOption" @init="mescrollInit">
<view class="setting-view">
<view class="name-box">
<!-- 原来单个 v-for 替换成两列 -->
@@ -56,12 +58,32 @@ export default {
mixins: [MescrollMixin],
components: { Header, TopSafe, MyBtn, PingItem, CustomTabBar, MescrollUni },
computed: {
isApp() {
// #ifdef APP-PLUS
return true;
// #endif
// #ifndef APP-PLUS
return false;
// #endif
},
mescrollTop() {
// #ifdef MP-WEIXIN
return '420rpx';
return '400rpx';
// #endif
// #ifndef MP-WEIXIN
return '336rpx';
// #ifdef H5
return '260rpx';
// #endif
// #ifdef APP-PLUS
const statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 0;
return (statusBarHeight * 2 + 248) + 'rpx';
// #endif
},
mescrollBottom() {
// #ifdef APP-PLUS
return '100rpx';
// #endif
// #ifndef APP-PLUS
return '0rpx';
// #endif
},
},
@@ -122,6 +144,11 @@ export default {
this.getSearchList()
},
onShow() {
/*#ifdef APP-PLUS*/
uni.hideTabBar({
animation: false,
});
/*#endif*/
if (this.tabArr.length > 0) {
const sortParams = uni.getStorageSync('sortParams');
if (sortParams) {
@@ -195,6 +222,7 @@ export default {
this.curTab = index;
console.log("----", this.curTab)
this.dataList = [];
this.mescroll && this.mescroll.scrollTo(0, 0);
this.downCallback();
}
},
@@ -249,10 +277,21 @@ export default {
<style lang="scss" scoped>
.content-two {
height: calc(100vh);
padding-top: 80rpx;
min-height: 100vh;
background-color: #fff;
// background-color: $app-bj;
}
.top-header-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: #fff;
/* #ifdef MP-WEIXIN */
padding-top: 40rpx;
/* #endif */
}
.head-view {