bug5打包之后样式冲突问题scoped

src/views/system/user/center.vue

@@ -200,7 +200,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
   .user-content{
     color: #fff;
     .iconfont{
@@ -259,87 +259,7 @@ export default {
   }
 
   .tab-content{
-    margin-top: 40px;
-    border-top: none;
-    &::before{
-      display: none;
-    }
-    .tab-nav{
-      display: flex;
-      justify-content: flex-start;
-      height: 41px;
-      line-height: 41px;
-      margin: -41px 0 30px -1px;
-      font-size: 16px;
-      font-weight: bold;
-      color: #359AFC;
-      border-bottom: 1px solid #113D72;
-      li{
-        position: relative;
-        padding: 0 24px;
-        margin: -1px 30px 0 0;
-        letter-spacing: 2px;
-        border-top: 1px solid #113D72;
-        cursor: pointer;
-        &::before,
-        &::after{
-          content: "";
-          position: absolute;
-          top: 0;
-          width: 33px;
-          height: 41px;
-        }
-        &::before{
-          left: -15px;
-          background: url(~@/assets/images/tab_left.png) no-repeat;
-          background-size: contain;
-        }
-        &::after{
-          right: -32px;
-          background: url(~@/assets/images/tab_right.png) no-repeat;
-          background-size: contain;
-        }
-        &:first-child{
-          border-left: 1px solid #113d72;;
-          &::before{
-            width: 17px;
-            height: 17px;
-            left: -1px;
-            top: -1px;
-            border-left: 1px solid #339cff;
-            border-top: 1px solid #339cff;
-          }
-        }
-        &.active-tab-nav{
-          color: #fff;
-          &::before{
-            background: url(~@/assets/images/tab_left_active.png) no-repeat;
-            background-size: contain;
-          }
-          &::after{
-            background: url(~@/assets/images/tab_right_active.png) no-repeat;
-            background-size: contain;
-          }
-          i{
-            display: block;
-            position: absolute;
-            bottom: -1px;
-            left: 0;
-            width: 100%;
-            height: 1px;
-            border-bottom: 1px solid #021941;
-          }
-        }
-      }
-      .tab-right-img{
-        display: block;
-        width: 93px;
-        margin: 4px 0 0 -14px;
-        background: url(~@/assets/images/tab_img.png) no-repeat;
-        background-size: contain;
-      }
-    }
-    .el-form{
+    ::v-deep .el-form{
       padding: 0 20px;
       .el-form-item__label{
         color: #339CFF;