样式修改

components/cats/style44.vue

@@ -8,12 +8,12 @@
 				  'border-color': classification == i ? 'mainColor' : '#F0F0F0',
 				}" v-for="(item, i) in Theclass" :key="i" @click="subjects(item,i)">
 					<view class="classification-text">{{item.name}}</view>
-					<u-icon name="arrow" size="32" color="#444"></u-icon>
+					<u-icon name="arrow-down" size="32" ></u-icon>
 				</view>
 			</view>
 			<!-- 内容 -->
 			<!-- <u-popup  mode="top" length="auto"  v-model="mask"> -->
-			<scroll-view scroll-y="true" style="max-height: 300rpx;"  v-show="mask">
+			<scroll-view scroll-y="true" style="max-height: 300rpx;" v-show="mask">
 				<view class="drop-down-content">
 					<view class="content-box" @click="content()" :style="{
 				  color: index  ? mainColor : '',
@@ -21,24 +21,31 @@
 				}">
 						<view class="content-tetx">不限</view>
 					</view>
-					<view class="content-box" :style="{
+					<view class="content-box" v-show="classification==0" :style="{
+					  color: index2 == i ? mainColor : '',
+					  'border-color': index2 == i ? 'mainColor' : '#F0F0F0',
+					}" v-for="(item, i) in d" :key='i'@click="content2(item,i)">
+
+						<view class="content-tetx">{{item.Name}}</view>
+					</view>
+					<view class="content-box" v-show="classification==1" :style="{
         color: index2 == i ? mainColor : '',
         'border-color': index2 == i ? 'mainColor' : '#F0F0F0',
-      }" v-for="(item, i) in subjectslist" @click="content2(item,i)">
+      }" v-for="(item, i) in subjectslist" @click="content3(item,i)">
 
 						<view class="content-tetx">{{item.CateName}}</view>
-						</view>
-			</view>
+					</view>
+				</view>
 			</scroll-view>
-		<!-- 	</u-popup> -->
+			<!-- 	</u-popup> -->
 			<!-- 内容 -->
 		</view>
 		<!-- 新增分类科目结束 -->
 		<view class="catstyle4" style="height: 100%;">
-			<div class="left-slider">
+			<!-- <div class="left-slider">
 				<sidebar :active="tid" name="Name" :active-color="mainColor" :border="false" :list="d"
 					@change="changeHandler" @change2="changeHandler2"></sidebar>
-			</div>
+			</div> -->
 			<div class="right-slider">
 				<scroll-view :scroll-y="true" @scrolltolower="lower" :enable-back-to-top="true" :enable-flex="true"
 					:style="{ height: '100%' }">
@@ -126,7 +133,7 @@
 						</view>
 
 					</div>
-					<u-divider v-if="isover" :margin-top="20" :margin-bottom="20">没有更多商品了44</u-divider>
+					<u-divider v-if="isover" :margin-top="20" :margin-bottom="20">没有更多商品了</u-divider>
 				</scroll-view>
 			</div>
 			<template v-if="u&&u.TenantId==27">
@@ -246,7 +253,7 @@
 					OrderBy: this.msg.OrderBy,
 					UserId: this.msg.UserId,
 					StoreId: this.msg.StoreId,
-					EduClassTypeId: i,
+					EduClassTypeId: 0,
 				};
 				this.request2({
 						url: '/api/AppletGoods/GetClassTypeList',
@@ -270,35 +277,14 @@
 			// 科目类型点击
 			subjects(item, i) {
 				this.classification = i
-				// this.mask =!this.mask
-				// if(!this.mask) {
-				// 	this.classification = -1
-				// 	// this.mask = true
-				// } else {
-				// 	this.classification = i
-
-				// }
 				if (this.classification == i) {
 					this.mask = true
 				} else {
 					this.mask = false
 				}
-
-				this.initlist(i)
-				// this.mask = !this.mask
-				// if(this.mask) {
-				// 	this.classification = i
-				// 	this.mask = true
-				// } else {
-				// 	this.classification = -1
-				// 	this.mask = false
-				// }
-
-				// if(this.classification = i) {
-				// 	this.mask= true
-				// } else {
-				// 	this.mask=!this.mask
-				// }
+				if (i == 1) {
+					this.initlist(i)
+				}
 			},
 			// 内容点击
 			content() {
@@ -306,6 +292,9 @@
 				if (this.index) {
 					this.index2 = -1
 					this.msg.CategoryIds = ''
+					this.msg.page = 1;
+					this.subjectslist = [];
+					this.g = [];
 					this.init()
 				}
 			},
@@ -314,9 +303,22 @@
 				this.index = false
 				this.classification = -1
 				this.mask = false
-				this.msg.CategoryIds = item.CateId
+				this.msg.page = 1;
+				this.g = [];
+				this.msg.CategoryIds = item.Id
 				this.init()
 
+			},
+			content3(item, i) {
+				this.index2 = i
+				this.index = false
+				this.classification = -1
+				this.mask = false
+				this.msg.page = 1;
+				this.g = [];
+				this.msg.CategoryIds = item.CateId
+				this.init()
+			
 			},
 			// 购物车
 			showSkuHandler(g) {