From 127f565490d4d4fc268ddbb0776c00643ff44504 Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期五, 27 六月 2025 15:54:00 +0800
Subject: [PATCH] update 修改左边导航栏样式
---
pages/commodity-square/commoditySquare.vue | 35 ++++++++++++++++++++++-------------
1 files changed, 22 insertions(+), 13 deletions(-)
diff --git a/pages/commodity-square/commoditySquare.vue b/pages/commodity-square/commoditySquare.vue
index 92a9545..2512eaa 100644
--- a/pages/commodity-square/commoditySquare.vue
+++ b/pages/commodity-square/commoditySquare.vue
@@ -2,7 +2,7 @@
<view class="container">
<top-bar selectedTitleIndex="shop" textColor="black" @changeTab="topBarChange" class="topBar"></top-bar>
<input type="text" v-show="false" v-model="flushDom" />
- <view class="search" :style="{marginTop: buttonHeight+10+'px',}">
+ <view class="search" :style="{marginTop: buttonHeight+'px',}">
<u-search class="nav-search" @blur='searchGoods' placeholder="鎼滅储鍟嗗搧" :show-action="false"></u-search>
</view>
<scroll-view class="scrollContainer" :scroll-y="true" @scrolltolower="loadMoreData" >
@@ -21,7 +21,7 @@
<view class="goodsName">{{item.goodsName}}</view>
<view class="priceInfo">
<view class="goodsPrice">锟{item.price}}</view>
- <view class="">宸插敭1: {{item.buyCount}}</view>
+ <view class="">宸插敭: {{item.buyCount}}</view>
</view>
</view>
</view>
@@ -40,7 +40,7 @@
<view class="goodsName">{{item.goodsName}}</view>
<view class="priceInfo">
<view class="goodsPrice">锟{item.price}}</view>
- <view class="">宸插敭2: {{item.buyCount}}</view>
+ <view class="">宸插敭: {{item.buyCount}}</view>
</view>
</view>
</view>
@@ -54,8 +54,8 @@
娌℃湁鏇村鏁版嵁浜�.................</view>
</scroll-view>
<uni-drawer ref="showLeft" mode="left" width="120" height="80vh" :drawerTop="buttonHeight" @change="change($event,'showLeft')"
- :cus-style="true" class="navigationLeft">
- <scroll-view class="typeNavigation" :scroll-y="true" show-scrollbar="false">
+ :cus-style="true" class="navigationLeft" :mask="false">
+ <scroll-view class="typeNavigation" :scroll-y="true" :show-scrollbar="false" >
<view class="typeNavigationItem" :class="{typeNavigationItemCheck:currentCategort ==item.id}"
@click="chooseCategory(item.id)" v-for="item in categoryList" :key="item.id">
{{item.name}}
@@ -254,7 +254,7 @@
async onLoad() {
// 鑾峰彇鐘舵�佹爮楂樺害
const systemInfo = uni.getSystemInfoSync();
- this.buttonHeight = systemInfo.statusBarHeight +80;
+ this.buttonHeight = systemInfo.statusBarHeight +40;
console.log('-------------------------------->',this.buttonHeight)
await this.loadCategoryList();
this.getGoodsParam.pageNumber = 1
@@ -284,6 +284,11 @@
overflow: hidden;
height: 1224rpx;
-webkit-overflow-scrolling: touch;
+ }
+ .scrollContainer::-webkit-scrollbar {
+ display: none; /* Chrome/Safari绛� */
+ width: 0 !important; /* 鍏煎iOS */
+ height: 0 !important;
}
.left {
box-sizing: border-box;
@@ -373,13 +378,12 @@
font-size: 28rpx;
color: black;
margin-top: 10rpx;
- border-radius: 12rpx;
- border: 1rpx solid gray;
}
.typeNavigationItemCheck {
- background-color: #42b993;
- color: #fff;
+ color: #ef321e;
+ font-size: 32rpx;
+ font-weight: bold;
border: 0;
}
@@ -405,9 +409,14 @@
flex-direction: column;
}
.goodsName{
- display: flex;
- align-items: center;
- justify-content: center;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 1;
+ height: 32rpx;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: center;
+ vertical-align: middle;
}
.priceInfo{
margin-top: 10rpx;
--
Gitblit v1.8.0