From a7681e5854abbe2ce82ae3373fd819d58c432825 Mon Sep 17 00:00:00 2001
From: Tuzki <1720599558@qq.com>
Date: Fri, 21 Mar 2025 09:16:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(shoppingTrolley):=20=E4=BF=AE=E5=A4=8D?=
=?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6=E5=88=87=E6=8D=A2=E5=88=86=E7=B1=BB?=
=?UTF-8?q?=E5=90=8E=E9=A1=B5=E9=9D=A2=E5=88=9D=E5=A7=8B=E5=8C=96=E9=97=AE?=
=?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- 在切换票种分类后，重置当前选中的票种
- 优化 z-tabs 组件，确保切换分类时正确更新视图
---
pages/shoppingTrolley/shoppingTrolley.vue | 3 +-
.../z-tabs/components/z-tabs/z-tabs.vue | 62 ++++++++++---------
2 files changed, 35 insertions(+), 30 deletions(-)
diff --git a/pages/shoppingTrolley/shoppingTrolley.vue b/pages/shoppingTrolley/shoppingTrolley.vue
index 10c31b0..7f9899b 100644
--- a/pages/shoppingTrolley/shoppingTrolley.vue
+++ b/pages/shoppingTrolley/shoppingTrolley.vue
@@ -202,6 +202,7 @@
this.getTicketSortList()
this.$refs.paging.reload(true)
this.current = 0
+ this.ticketsort = null
this.$refs.zTab.updateSubviewLayout()
}
}
@@ -1099,4 +1100,4 @@
}
}
}
-
\ No newline at end of file
+
diff --git a/uni_modules/z-tabs/components/z-tabs/z-tabs.vue b/uni_modules/z-tabs/components/z-tabs/z-tabs.vue
index 5c2a123..9de73dd 100644
--- a/uni_modules/z-tabs/components/z-tabs/z-tabs.vue
+++ b/uni_modules/z-tabs/components/z-tabs/z-tabs.vue
@@ -14,7 +14,7 @@
-
{{item[nameKey]||item}}
@@ -31,14 +31,14 @@
:style="[{background:activeColor},finalDotStyle]"
/>
-
+
-
+
@@ -48,7 +48,7 @@
const weexAnimation = weex.requireModule('animation');
// #endif
import zTabsConfig from './config/index'
-
+
// #ifdef APP-HARMONY
let screenWidth = 0;
// #endif
@@ -79,7 +79,7 @@
return uni.upx2px(rpx);
// #endif
}
-
+
/**
* z-tabs 标签
* @description 一个简单轻量的tabs标签，全平台兼容，支持nvue、vue3
@@ -120,7 +120,7 @@
bottomDotXForIndex: 0,
showBottomDot: false,
shouldSetDx: true,
-
+
barCalcedWidth: 0,
pxBarWidth: 0,
scrollLeft: 0,
@@ -296,7 +296,8 @@
handler(newVal) {
this._handleListChange(newVal);
},
- immediate: false
+ immediate: false,
+ deep:true
},
bottomDotX(newVal) {
if(newVal >= 0){
@@ -346,7 +347,7 @@
stl['width'] = this.finalTabWidth + 'px';
}else{
delete stl.width;
- }
+ }
return stl;
},
tabsListStyle(){
@@ -441,7 +442,7 @@
// #endif
setTimeout(() => {
this._getNodeClientRect('.z-tabs-scroll-view-conatiner').then(res=>{
- if (res){
+ if (res){
if (!res[0].width && tryCount < 10) {
setTimeout(() => {
tryCount ++;
@@ -499,7 +500,7 @@
}).exec();
})
// #endif
-
+
// #ifdef APP-NVUE
this._updateDotPosition(index);
// #endif
@@ -555,6 +556,8 @@
// #ifdef MP-BAIDU
delayTime = 100;
// #endif
+ console.log(this.currentIndex);
+ this.currentIndex = 0
setTimeout(async()=>{
for(let i = 0;i < newVal.length;i++){
const nodeRes = await this._getNodeClientRect(`#z-tabs-item-${i}`,true);
@@ -571,12 +574,13 @@
}
}
this.itemNodeInfos = itemNodeInfos;
- this.tabsContainerWidth = tabsContainerWidth;
+ // this.tabsContainerWidth =tainerWidth;
+
this._updateDotPosition(this.currentIndex);
},delayTime)
}
})
-
+
if (this.initTriggerChange && this.changeTriggerFailed && newVal.length) {
if (this.current < newVal.length) {
this.$emit('change', this.current, newVal[this.current][this.valueKey]);
@@ -653,7 +657,7 @@
return unit === 'rpx' ? value + 'rpx' : (value / 2) + 'px';
}
}
-
+
}
@@ -669,7 +673,7 @@
/* #endif */
flex-direction: row;
}
-
+
.z-tabs-scroll-view-conatiner{
flex: 1;
position: relative;
@@ -680,7 +684,7 @@
/* #endif */
flex-direction: row;
}
-
+
/* #ifndef APP-NVUE */
.z-tabs-scroll-view ::-webkit-scrollbar {
display: none;
@@ -690,7 +694,7 @@
background: transparent;
}
/* #endif */
-
+
.z-tabs-scroll-view{
flex-direction: row;
position: absolute;
@@ -704,21 +708,21 @@
/* #endif */
flex: 1;
}
-
+
.z-tabs-list-container{
position: relative;
/* #ifndef APP-NVUE */
height: 100%;
/* #endif */
}
-
+
.z-tabs-list,.z-tabs-list-container{
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
}
-
+
.z-tabs-item{
/* #ifndef APP-NVUE */
display: flex;
@@ -728,7 +732,7 @@
align-items: center;
padding: 0px 20rpx;
}
-
+
.z-tabs-item-title-container{
/* #ifndef APP-NVUE */
display: flex;
@@ -736,50 +740,50 @@
flex-direction: row;
align-items: center;
}
-
+
.z-tabs-item-title-rpx{
font-size: 30rpx;
}
-
+
.z-tabs-item-title-px{
font-size: 15px;
}
-
+
.z-tabs-item-title-disabled{
/* #ifndef APP-NVUE */
cursor: not-allowed;
/* #endif */
}
-
+
.z-tabs-item-badge{
background-color: #ec5b56;
color: white;
border-radius: 100px;
}
-
+
.z-tabs-item-badge-rpx{
margin-left: 8rpx;
font-size: 22rpx;
padding: 0rpx 10rpx;
}
-
+
.z-tabs-item-badge-px{
margin-left: 4px;
font-size: 11px;
padding: 0px 5px;
}
-
+
.z-tabs-bottom{
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
-
+
.z-tabs-bottom-dot{
border-radius: 100px;
}
-
+
.z-tabs-left,.z-tabs-right{
/* #ifndef APP-NVUE */
display: flex;