fix: 修改ios不支持deep问题

src/components/RecordLayer.vue

@@ -34,7 +34,7 @@ export default {
 };
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
 .user-mask {
   display: flex;
   flex-direction: column;

src/components/Tabbar.vue

@@ -64,8 +64,8 @@ export default {
   }
 };
 </script>
-
-<style lang="less">
+<style lang="less" scoped>
+@import "../style/var.less";
 .mongo-tabbar {
   position: fixed;
   bottom: 0;
@@ -93,7 +93,7 @@ export default {
       line-height: 14px;
     }
   }
-  /deep/.cr-tabbar-item--active {
+  @{deep} .cr-tabbar-item--active {
     .mongo-tabbar-item-name {
       color: #000000;
     }

src/components/index.less

+@deep: ~">>>";
+.mongo-tabbar {
+  position: fixed;
+  bottom: 0;
+  z-index: 100;
+  box-sizing: border-box;
+  height: 49px;
+  padding: 5px 0 2px 0;
+  &-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 35px;
+    &-svg {
+      width: 28px;
+      height: 28px;
+      display: inline-block;
+      &_active {
+        display: none;
+      }
+    }
+    &-name {
+      font-size: 10px;
+      font-weight: 400;
+      color: #7f8389;
+      line-height: 14px;
+    }
+  }
+  @{deep} .cr-tabbar-item--active {
+    .mongo-tabbar-item-name {
+      color: #000000;
+    }
+    .mongo-tabbar-item-svg {
+      display: none !important;
+      &_active {
+        display: inline-block !important;
+      }
+    }
+  }
+}
\ No newline at end of file

src/style/var.less

@@ -130,3 +130,5 @@
 @user-background-color: #F4F4F4;
 @user-module-background-color: #FFFFFF;
 
+@deep: ~">>>";
+

src/views/Introduction/index.less

@@ -16,7 +16,7 @@
       width: 100% !important;
       z-index: 100;
     }
-    /deep/ .cr-tabbar {
+    @{deep} .cr-tabbar {
       background-color: #f5f5f5;
       font-size: @font-size-16;
       padding: @padding-lg+1 0;

src/views/Introduction/index.vue

@@ -11,7 +11,6 @@
   </div>
 </template>
 <script>
-import "./index.less";
 import BusinessQuali from "./modules/BusinessQuali";
 import Company from "./modules/Company";
 import Product from "./modules/Product";
@@ -37,3 +36,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="./index.less" scoped></style>

src/views/Introduction/modules/BusinessQuali.vue

@@ -81,7 +81,6 @@
   </div>
 </template>
 <script>
-import "../index.less";
 import businessLicence from "@/assets/images/user/business-licence.jpeg";
 import angencyLicense from "@/assets/images/user/angency-license.jpeg";
 
@@ -95,3 +94,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="../index.less" scoped></style>

src/views/Introduction/modules/Company.vue

@@ -24,7 +24,6 @@
   </div>
 </template>
 <script>
-import "../index.less";
 export default {
   name: "Company",
   data() {
@@ -32,3 +31,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="../index.less" scoped></style>

src/views/Introduction/modules/Product.vue

@@ -28,7 +28,6 @@
   </div>
 </template>
 <script>
-import "../index.less";
 export default {
   name: "Product",
   data() {
@@ -36,3 +35,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="../index.less" scoped></style>

src/views/Policy/Detail/index.less

@@ -215,6 +215,14 @@
 	  &-item {
 	  	display: flex;
 	    justify-content: space-around;
+	    &-svg {
+	      margin-right: 12px;
+	      width: 16px;
+	      height: 16px;
+	    }
+	    &-text {
+	      
+	    }
 	  }
 	}
   }

src/views/Policy/Detail/index.vue

@@ -116,7 +116,6 @@
   </div>
 </template>
 <script>
-import "./index.less";
 import point from "@/assets/images/policy/detail/point@2x.png";
 import InsuranceRecommend from "../modules/InsuranceRecommend";
 
@@ -132,3 +131,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="./index.less" scoped></style>

src/views/Policy/index.less

@@ -9,7 +9,7 @@
       width: 100% !important;
       z-index: 100;
     }
-    /deep/ .cr-tabbar {
+    @{deep} .cr-tabbar {
       background-color: #f5f5f5;
       font-size: @font-size-16;
       padding: @padding-lg+1 0;
@@ -212,7 +212,7 @@
         left: 0;
         top: 12px;
       }
-      /deep/ .cr-button__text {
+      @{deep} .cr-button__text {
         font-size: 16px;
         font-weight: 600;
         color: #333333;

src/views/Policy/index.vue

@@ -20,7 +20,6 @@
   </div>
 </template>
 <script>
-import "./index.less";
 import policyDefault from "@/assets/images/policy/policy-default@2x.png";
 // import InsuranceRecommend from "./modules/InsuranceRecommend";
 // import PolicyItem from "./modules/PolicyItem";
@@ -39,3 +38,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="./index.less" scoped></style>

src/views/Policy/modules/InsuranceRecommend.vue

@@ -15,7 +15,6 @@
   </div>
 </template>
 <script>
-import "../index.less";
 import recommendAngle from "@/assets/images/policy/recommend-angle@2x.png";
 import recommendContent from "@/assets/images/policy/recommend-content@2x.png";
 
@@ -29,3 +28,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="../index.less" scoped></style>

src/views/Policy/modules/PolicyItem.vue

@@ -117,7 +117,6 @@
   </div>
 </template>
 <script>
-import "../index.less";
 import guarantee from "@/assets/images/policy/guarantee@2x.png";
 
 export default {
@@ -129,3 +128,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="../index.less" scoped></style>

src/views/User/index.less

@@ -225,7 +225,7 @@
   	  	align-items: center;
   	  	padding: 0;
 		height: 61px;
-	  	/deep/ .cr-cell__left-icon {
+	  	@{deep} .cr-cell__left-icon {
 	  		margin-right: 12px;
 	  		height: auto;
 	  		line-height: normal;
@@ -234,7 +234,7 @@
 		  	  height: 20px;
 		  	}
 	  	}
-	  	/deep/ .cr-cell__title {
+	  	@{deep} .cr-cell__title {
 	  	  flex: 0 1 auto;
 	  	  font-size: @font-size-16;
 		  font-weight: 400;

src/views/User/index.vue

@@ -48,7 +48,6 @@
   </div>
 </template>
 <script>
-import "./index.less";
 import customerService from "@/assets/images/user/customer-service@2x.png";
 import help from "@/assets/images/user/help@2x.png";
 import avatar from "@/assets/images/user/avatar@2x.png";
@@ -83,3 +82,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="./index.less" scoped></style>

src/views/User/modules/UserFamily.vue

@@ -72,7 +72,6 @@
   </div>
 </template>
 <script>
-import "../index.less";
 import medical from "@/assets/images/user/medical_closed@2x.png";
 import casualty from "@/assets/images/user/casualty_closed@2x.png";
 import illness from "@/assets/images/user/illness_closed@2x.png";
@@ -103,3 +102,4 @@ export default {
   }
 };
 </script>
+<style lang="less" src="../index.less" scoped></style>