页面样式 只在本文件生效

src/components/wechatmembers/wechatTotalDetail.vue

@@ -718,7 +718,7 @@ import wechatTotalDetail from './wechatTotalDetail'
 export default { ...wechatTotalDetail }
 </script>
 
-<style lang="stylus">
+<style lang="stylus" scoped>
   @import "../../../static/css/variables.styl"
   .wechat
     margin 0 auto
@@ -949,8 +949,7 @@ export default { ...wechatTotalDetail }
     line-height 30px
     display flex
     position relative
-  .wechat-details
-  &-line
+  .line
     flex 4
     height 2px
     border-bottom 1px solid #e3e5e9

src/components/wechatmembers/wechatmemberDetail.vue

@@ -688,7 +688,7 @@ import wechatmemberDetail from './wechatmemberDetail'
 export default { ...wechatmemberDetail }
 </script>
 
-<style lang="stylus">
+<style lang="stylus" scoped>
   @import "../../../static/css/variables.styl"
   .wechat
     margin 0 auto
@@ -877,8 +877,7 @@ export default { ...wechatmemberDetail }
     line-height 30px
     display flex
     position relative
-  .wechat-details
-  &-line
+  .line
     flex 4
     height 2px
     border-bottom 1px solid #e3e5e9