tabbar抽公共样式

pages/index/index.vue

@@ -26,7 +26,6 @@
 				<view class="iconfont" :class="PageCur == 'Mine' ? 'icon-wode-xuanzhong' : 'icon-wode-weixuanzhong'" /> 我的
 			</view>
 		</view>
-		<!-- <view style="height: calc(62px + env(safe-area-inset-bottom) / 2);" /> -->
 	</view>
 </template>
 
@@ -45,31 +44,10 @@ export default {
 	},
 	methods: {
 		opentabControl(active) {
-			if (this.$refs.tabControl.active !== active) this.$nextTick(() => {
-				this.$refs.tabControl.active = active;
-			});
+			if (this.$refs.tabControl.active !== active) this.$nextTick(() => this.$refs.tabControl.active = active);
 		}
 	}
 }
 </script>
 
-<style lang="scss">
-.action .iconfont {
-	width: 52px;
-	position: relative;
-	display: block;
-	height: auto;
-	margin: 0 auto 5px;
-	text-align: center;
-	font-size: 20px;
-}
-
-.pitch-on-color {
-	color: #0B3F7E;
-}
-
-.more {
-	height: 40px !important;
-	font-size: 25px !important;
-}
-</style>
+<style lang="scss" scoped></style>

uni.scss

@@ -19,6 +19,25 @@ page {
     overflow: auto;
 }
 
+.action .iconfont {
+    width: 52px;
+    position: relative;
+    display: block;
+    height: auto;
+    margin: 0 auto 5px;
+    text-align: center;
+    font-size: 20px;
+}
+
+.pitch-on-color {
+    color: #0B3F7E;
+}
+
+.more {
+    height: 40px !important;
+    font-size: 25px !important;
+}
+
 body {
     background: #052E5D;
 }