商城

mallApp/src/pages/home/category.vue

@@ -329,6 +329,11 @@ page {
 }
 
 .tab-view {
+  ::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    color: transparent;
+  }
   width: 200upx;
   position: fixed;
   left: 0;

mallApp/src/pages/item/item.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="billing_box_bg">
 
-		<view class="c_header" :class="myClass">
+		<view class="c_header fadeIn">
 			<view class="header_inside">
 				<image :src="shopImg"></image>
 				<view class="shop_info">
@@ -24,7 +24,7 @@
 		</view>
 
 		<view class="scroll-middle_bx">
-			<scroll-view scroll-y scroll-with-animation class="tab-view" :scroll-top="scrollTop" >
+			<scroll-view scroll-y scroll-with-animation class="tab-view">
 				<div v-for="(item, index) in filterProductInfo" :key="index" class="tab-bar-item" :class="[classIndex == index ? 'active' : '']" :data-current="index" @tap.stop="swichClass(index)">
 					<text v-if="item.classId=='-1' || item.classId=='-3'" style="color:red;font-weight:bold;">{{ item.className || "" }}</text>
 					<text v-else>{{ item.className }}</text>
@@ -494,8 +494,7 @@ export default {
 			} else {
 				this.tabIndex = e.index;
 			}
-		},
-		scrollTop() {}
+		}
 	}
 };
 </script>
@@ -627,6 +626,11 @@ export default {
 		overflow: hidden;
 	}
 	.tab-view {
+		::-webkit-scrollbar {
+			width: 0;
+			height: 0;
+			color: transparent;
+		}
 		height: calc(100vh - 100upx);
 		width: 170upx;
 		flex-shrink: 0;
@@ -752,37 +756,8 @@ export default {
   }
   .fadeIn{
     height: 220upx;
-    overflow: hidden;
-    animation-name: fadeInFrames;
-    animation-duration:.3s;
-  }
-  /*关键帧*/
-  @keyframes fadeOutFrames {
-    0%{
-        opacity: 1;
-        transform:translateY(0);
-        height: 240upx;
-    }
-    100% {
-        opacity: 0;
-        transform:translateY(-240upx);
-        height: 0upx;
-        overflow: hidden;
-    }
-  }
-  /*关键帧*/
-@keyframes fadeInFrames {
-    0%{
-        opacity: 0;
-        transform:translateY(0);
-        height: 0;
-    }
-    100% {
-        opacity: 1;
-        // transform:translateY(240upx);
-        height: 240upx;
-    }
   }
+
 }
 
 .commodity-view {