样式写法优化/我的页面底部距离

pages/my/authentication.vue

@@ -29,7 +29,7 @@
 <script>
 </script>
 
-<style>
+<style scoped="scoped">
 	.authen-top {
 		display: flex;
 		flex-direction: column;

pages/my/collect.vue

@@ -7,5 +7,5 @@
 <script>
 </script>
 
-<style>
+<style scoped="scoped">
 </style>

pages/my/editInfo.vue

@@ -62,10 +62,13 @@
 <script>
 </script>
 
-<style lang="scss">
+<style>
 	page {
-		background-color: #F5F5F5; 
+		background-color: #F5F5F5;
 	}
+</style>
+
+<style lang="scss" scoped="scoped">
 	.tag-content {
 		width: 686rpx;
 		flex-wrap: wrap;

pages/my/exclusiveMatch.vue

@@ -56,6 +56,9 @@
 	page {
 		background-color: #F5F5F5;
 	}
+</style>
+
+<style scoped="scoped">
 	.pure_top {
 		width: 100%;
 		height: 210rpx;

pages/my/index.vue

@@ -67,7 +67,7 @@
 		</view>
 		
 		<view class="classify lf-m-t-30">
-			<view class="card" v-for="(item,index) in list" @click="$url(item.path)">
+			<view class="card" v-for="(item,index) in list" :key="index" @click="$url(item.path)">
 				<view class="lf-row-center" style="align-content: center;">
 					<!-- <u-icon class="classify-icon" :name="item.icon"></u-icon> -->
 					<image class="classify-icon" :src="item.pic" mode="aspectFill"></image>
@@ -77,13 +77,11 @@
 				</view>
 			</view>
 		</view>
-		<!-- #ifdef H5 -->
-		  <view style="height: 10rpx;"></view>
-		<!-- #endif -->
+		<view style="height: 30rpx;"></view>
 	</view>
 </template>
 
-<script>
+<script scoped="scoped">
 	export default {
 		data() {
 			return {
@@ -132,11 +130,13 @@
 	}
 </script>
 
-<style lang="scss">
+<style>
 	page {
 		background-color: #F5F5F5;
 	}
-	
+</style>
+
+<style lang="scss">
 	.logo-my {
 		width: 135rpx;
 		height: 135rpx;

pages/my/memberVip.vue

@@ -42,11 +42,13 @@
 <script>
 </script>
 
-<style lang="scss">
+
+<style>
 	page {
 		background-color: #F5F5F5;
 	}
-	
+</style>
+<style lang="scss" scoped="scoped">
 	.vip-content {
 		position: relative;
 		top: -130px;

pages/my/officialAccount.vue

@@ -24,6 +24,8 @@
 	page {
 		background-color: #F5F5F5;
 	}
+</style>
+<style scoped="scoped">
 	.official-content {
 		width: 686rpx;
 		height: 510rpx;

pages/my/service.vue

@@ -60,6 +60,8 @@
 	page {
 		background-color: #F5F5F5;
 	}
+</style>
+<style scoped="scoped">
 	.pure_top {
 		width: 100%;
 		height: 210rpx;

pages/my/setting.vue

@@ -97,10 +97,12 @@
 	}
 </script>
 
-<style lang="scss">
+<style>
 	page {
 		background-color: #F5F5F5;
 	}
+</style>
+<style lang="scss" scoped="scoped">
 	.flr-setting {
 		width: 100%;
 		height: 20rpx;

pages/my/uploadInfo.vue

@@ -182,7 +182,7 @@
 	}
 </script>
 
-<style>
+<style scoped="scoped">
 	.apply-btn {
 		width: 686rpx;
 		height: 100rpx;

pages/my/welfare.vue

@@ -22,11 +22,12 @@
 <script>
 </script>
 
-<style lang="scss">
+<style>
 	page {
 		background-color: #F5F5F5;
 	}
-	
+</style>
+<style lang="scss" scoped="scoped">
 	.tips-top {
 		width: 686rpx;
 		height: 252rpx;