添加跳转

src/pages/index/index.vue

@@ -559,12 +559,14 @@ export default {
         if (e.jump_type == 1) {
           if (tabRouter.findIndex((el) => e.jump_link?.includes(el)) >= 0) {
             const params = this.getParams(e.jump_link);
-            console.log(params);
+            // console.log(params); 
-            if(Object.keys(params.params).length>0) uni.setStorageSync(params.path, params.params);
+            if(Object.keys(params.params).length>0) {
+            uni.$emit('jumpTab',params.params)
             this.$u.route({
               url: params.path,
               type: 'switchTab',
             });
+            }
           } else if (whiteRouter.findIndex((el) => e.jump_link?.includes(el)) >= 0) {
             this.$u.routeAuth(e.jump_link);
           } else {

src/pages/product_details/index.vue

@@ -263,7 +263,7 @@
                 </block>
               </u-table>
             </view>
-            <u-parse :html="detailHtml"   style="font-size:0"></u-parse>
+            <u-parse :html="detailHtml"   style="font-size:0;width: 100%;"  :tagStyle="style"></u-parse>
           </view>
           <!-- 购物须知 -->
           <view class="mt-base bg-white">
@@ -395,6 +395,11 @@ export default {
       playShow: false,
       shareShow: false,
       goodsImage: '', //本地图片
+      style:{
+        	p: 'font-size:0',
+        	span: 'font-size: 0',
+          img:'display:block;min-width:100%'
+      }
     };
   },
   computed: {

src/pages/sort/index.vue

@@ -18,26 +18,29 @@
 		<view class="u-menu-wrap">
 			<scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="scrollTop"
 				:scroll-into-view="itemId">
-				<view v-for="(item,index) in tabbar" :key="index" class="u-tab-item" :class="[current == index ? 'u-tab-item-active' : '']"
+				<view v-for="(item, index) in tabbar" :key="index" class="u-tab-item"
-				 @tap.stop="swichMenu(index)">
+					:class="[current == index ? 'u-tab-item-active' : '']" @tap.stop="swichMenu(index)">
-					<text class="u-line-1">{{item.name}}</text>
+					<text class="u-line-1">{{ item.name }}</text>
 				</view>
 			</scroll-view>
-			<scroll-view :scroll-top="scrollRightTop" scroll-y scroll-with-animation class="right-box" @scroll="rightScroll">
+			<scroll-view :scroll-top="scrollRightTop" scroll-y scroll-with-animation class="right-box"
+				@scroll="rightScroll">
 				<view class="page-view">
-					<block v-for="(item,index) in tabbar" :key="index">
+					<block v-for="(item, index) in tabbar" :key="index">
-            <view class="class-item" :id="'item' + index" v-for="(item1 , index1) in item.children" :key="index1">
+						<view class="class-item" :id="'item' + index" v-for="(item1, index1) in item.children"
+							:key="index1">
 							<view class="item-title">
-            		<text>{{item1.name}}</text>
+								<text>{{ item1.name }}</text>
 							</view>
 							<!-- 广告位 -->
 							<view class="my-20rpx shdow2 h-200rpx" v-if="item1.icon">
 								<image class="w-full h-full rounded-15rpx " :src="item1.icon" mode="aspectFill"></image>
 							</view>
 							<view class="item-container">
-            		<view @click="$u.route('/pages/search/search_result', {category: item2.id,})" class="thumb-box" v-for="(item2, index2) in item1.children" :key="index2">
+								<view @click="$u.route('/pages/search/search_result', { category: item2.id, })"
+									class="thumb-box" v-for="(item2, index2) in item1.children" :key="index2">
 									<image v-if="item2.icon" class="item-menu-image" :src="item2.icon" mode=""></image>
-            			<view class="item-menu-name">{{item2.name}}</view>
+									<view class="item-menu-name">{{ item2.name }}</view>
 								</view>
 							</view>
 						</view>
@@ -48,7 +51,7 @@
 	</view>
 </template>
 <script>
-	export default {
+export default {
 	data() {
 		return {
 			scrollTop: 0, //tab标题的滚动条位置
@@ -57,36 +60,46 @@
 			menuHeight: 0, // 左边菜单的高度
 			menuItemHeight: 0, // 左边菜单item的高度
 			itemId: '', // 栏目右边scroll-view用于滚动的id
-				tabbar:[],
+			tabbar: [],
 			menuItemPos: [],
 			arr: [],
 			scrollRightTop: 0, // 右边栏目scroll-view的滚动条高度
 			timer: null, // 定时器
-				isFirstLoading:true,
+			isFirstLoading: true,
 		}
 	},
 	onLoad() {
-      setTimeout(()=>{
+		setTimeout(() => {
-        this.isFirstLoading=false
+			this.isFirstLoading = false
-      },300)
+		}, 300)
 		this.getDate()
 	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.$on('jumpTab',({id})=> {
+			if(!!id){
+				const Index=this.tabbar.findIndex(e=>e.id==id)
+				this.swichMenu(Index)
+			}
+		})
+		})
+	},
 	onReady() {
 		this.getMenuItemTop()
 	},
 	methods: {
-     async getDate(){
+		async getDate() {
-       const resData=await this.$api.get('/v1/product/categories')
+			const resData = await this.$api.get('/v1/product/categories')
-        this.tabbar=resData
+			this.tabbar = resData
 		},
 		// 点击左边的栏目切换
 		async swichMenu(index) {
-				if(this.arr.length == 0) {
+			if (this.arr.length == 0) {
 				await this.getMenuItemTop();
 			}
 			if (index == this.current) return;
 			this.scrollRightTop = this.oldScrollTop;
-				this.$nextTick(function(){
+			this.$nextTick(function () {
 				this.scrollRightTop = this.arr[index];
 				this.current = index;
 				this.leftMenuStatus(index);
@@ -144,11 +157,11 @@
 				let selectorQuery = uni.createSelectorQuery();
 				selectorQuery.selectAll('.class-item').boundingClientRect((rects) => {
 					// 如果节点尚未生成，rects值为[](因为用selectAll，所以返回的是数组)，循环调用执行
-						if(!rects.length) {
+					if (!rects.length) {
 						setTimeout(() => {
 							this.getMenuItemTop();
 						}, 10);
-							return ;
+						return;
 					}
 					rects.forEach((rect) => {
 						// 这里减去rects[0].top，是因为第一项顶部可能不是贴到导航栏(比如有个搜索框的情况)
@@ -161,11 +174,11 @@
 		// 右边菜单滚动
 		async rightScroll(e) {
 			this.oldScrollTop = e.detail.scrollTop;
-				if(this.arr.length == 0) {
+			if (this.arr.length == 0) {
 				await this.getMenuItemTop();
 			}
-				if(this.timer) return ;
+			if (this.timer) return;
-				if(!this.menuHeight) {
+			if (!this.menuHeight) {
 				await this.getElRect('menu-scroll-view', 'menuHeight');
 			}
 			setTimeout(() => { // 节流
@@ -178,59 +191,61 @@
 					// 如果不存在height2，意味着数据循环已经到了最后一个，设置左边菜单为最后一项即可
 					if (!height2 || scrollHeight >= height1 && scrollHeight < height2) {
 						this.leftMenuStatus(i);
-							return ;
+						return;
 					}
 				}
 			}, 10)
 		}
 	}
-	}
+}
 </script>
 
 <style lang="scss" scoped>
-  .shdow2{
+.shdow2 {
 	background-color: rgba(255, 255, 255, 1);
 	box-shadow: 0px 4rpx 12rpx rgba(0, 0, 0, 0.2);
 	border-radius: 15rpx;
-  }
+}
-	.u-wrap {
+
+.u-wrap {
 	height: calc(100vh);
 	/* #ifdef H5 */
 	height: calc(100vh - var(--window-top));
 	/* #endif */
 	display: flex;
 	flex-direction: column;
-	}
+}
 
-	.u-search-box {
+.u-search-box {
 	padding: 18rpx 30rpx;
-	}
+}
 
-	.u-menu-wrap {
+.u-menu-wrap {
 	flex: 1;
 	display: flex;
 	overflow: hidden;
-	}
+}
 
-	.u-search-inner {
+.u-search-inner {
 	background-color: rgb(234, 234, 234);
 	border-radius: 100rpx;
 	display: flex;
 	align-items: center;
 	padding: 10rpx 16rpx;
-	}
+}
 
-	.u-search-text {
+.u-search-text {
 	font-size: 26rpx;
 	color: $u-tips-color;
 	margin-left: 10rpx;
-	}
+}
 
-	.u-tab-view {
+.u-tab-view {
 	width: 200rpx;
 	height: 100%;
-	}
+}
-	.u-tab-item {
+
+.u-tab-item {
 	height: 110rpx;
 	background: #f6f6f6;
 	box-sizing: border-box;
@@ -241,76 +256,76 @@
 	color: #444;
 	font-weight: 400;
 	line-height: 1;
-	}
+}
 
-	.u-tab-item-active {
+.u-tab-item-active {
 	position: relative;
 	color: #000;
 	font-size: 30rpx;
 	font-weight: 600;
 	background: #fff;
-	}
+}
 
-	.u-tab-item-active::before {
+.u-tab-item-active::before {
 	content: "";
 	position: absolute;
 	border-left: 4px solid $u-type-primary;
 	height: 32rpx;
 	left: 0;
 	top: 39rpx;
-	}
+}
 
-	.u-tab-view {
+.u-tab-view {
 	height: 100%;
-	}
+}
 
-	.right-box {
+.right-box {
 	background-color: rgb(250, 250, 250);
-	}
+}
 
-	.page-view {
+.page-view {
 	padding: 16rpx;
-	}
+}
 
-	.class-item {
+.class-item {
 	margin-bottom: 30rpx;
 	background-color: #fff;
 	padding: 16rpx;
 	border-radius: 8rpx;
-	}
+}
 
-	// .class-item:last-child {
+// .class-item:last-child {
-	// 	min-height: 100vh;
+// 	min-height: 100vh;
-	// }
+// }
 
-	.item-title {
+.item-title {
 	font-size: 26rpx;
 	color: $u-main-color;
 	font-weight: bold;
-	}
+}
 
-	.item-menu-name {
+.item-menu-name {
 	font-weight: normal;
 	font-size: 24rpx;
 	color: $u-main-color;
-	}
+}
 
-	.item-container {
+.item-container {
 	display: flex;
 	flex-wrap: wrap;
-	}
+}
 
-	.thumb-box {
+.thumb-box {
 	width: 33.333333%;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	flex-direction: column;
 	margin-top: 20rpx;
-	}
+}
 
-	.item-menu-image {
+.item-menu-image {
 	width: 120rpx;
 	height: 120rpx;
-	}
+}
 </style>