瀏覽代碼

紧急修正:消除deep选择器警告

紧急修正:消除deep选择器警告
dangyunlong 4 天之前
父節點
當前提交
f47100b04f

+ 14 - 14
assets/css/detail.less

@@ -239,11 +239,11 @@
         }
 
         .radio {
-            /deep/.el-radio {
+            :deep(.el-radio) {
                 --el-radio-input-border-color-hover: #dd7d18;
             }
 
-            /deep/.el-radio-group {
+            :deep(.el-radio-group) {
                 align-items: center;
                 display: inline-flex;
                 flex-wrap: wrap;
@@ -251,13 +251,13 @@
                 //padding-left: 35px;
             }
 
-            /deep/.el-radio.el-radio--large {
+            :deep(.el-radio.el-radio--large) {
                 width: 100%;
                 height: 29px;
                 margin-bottom: 15px;
             }
 
-            /deep/.el-radio.el-radio--large .el-radio__label {
+            :deep(.el-radio.el-radio--large .el-radio__label) {
                 font-family: PingFang SC, PingFang SC;
                 font-weight: 400;
                 font-size: 16px;
@@ -268,40 +268,40 @@
                 width: 300px;
             }
 
-            /deep/.el-radio.el-radio--large .el-radio__inner {
+            :deep(.el-radio.el-radio--large .el-radio__inner) {
                 height: 16px;
                 width: 16px;
             }
 
-            /deep/.el-radio__input.is-checked+.el-radio__label {
+            :deep(.el-radio__input.is-checked+.el-radio__label) {
                 color: #dd7d18;
             }
 
-            /deep/.el-radio__input.is-checked .el-radio__inner {
+            :deep(.el-radio__input.is-checked .el-radio__inner) {
                 background: #dd7d18;
                 border-color: #dd7d18;
             }
         }
 
         .checkInputBox {
-            /deep/.el-checkbox {
+            :deep(.el-checkbox) {
                 --el-radio-input-border-color-hover: #dd7d18;
             }
 
-            /deep/.el-checkbox-group {
+            :deep(.el-checkbox-group) {
                 align-items: center;
                 display: inline-flex;
                 flex-wrap: wrap;
                 font-size: 0;
             }
 
-            /deep/.el-checkbox.el-checkbox--large {
+            :deep(.el-checkbox.el-checkbox--large) {
                 width: 330px;
                 height: 29px;
                 margin-bottom: 15px;
             }
 
-            /deep/.el-checkbox.el-checkbox--large .el-checkbox__label {
+            :deep(.el-checkbox.el-checkbox--large .el-checkbox__label) {
                 font-family: PingFang SC, PingFang SC;
                 font-weight: 400;
                 font-size: 16px;
@@ -312,16 +312,16 @@
                 width: 300px;
             }
 
-            /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner {
+            :deep(.el-checkbox.el-checkbox--large .el-checkbox__inner) {
                 height: 16px;
                 width: 16px;
             }
 
-            /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
+            :deep(.el-checkbox__input.is-checked+.el-checkbox__label) {
                 color: #dd7d18;
             }
 
-            /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
+            :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
                 background: #dd7d18;
                 border-color: #dd7d18;
             }

+ 2 - 2
assets/css/shukanList.less

@@ -16,8 +16,8 @@
         vertical-align: -4px;
     }
 
-    /deep/.el-breadcrumb__inner a,
-    /deep/.el-breadcrumb__inner.is-link {
+    :deep(.el-breadcrumb__inner a),
+    :deep(.el-breadcrumb__inner.is-link) {
         color: #666666;
         font-weight: 400;
         text-decoration: none;

+ 12 - 12
components/advertising/BuyAD.vue

@@ -365,7 +365,7 @@ const tableData = [
             margin-top: 30px;
             margin-left: 50px;
 
-            /deep/.el-radio-group {
+            :deep(.el-radio-group) {
                 height: 55px;
             }
 
@@ -417,34 +417,34 @@ const tableData = [
 
                 }
 
-                /deep/.el-input__wrapper.is-focus {
+                :deep(.el-input__wrapper.is-focus) {
                     box-shadow: 0 0 0 1px #c0c4cc;
                 }
 
-                /deep/.el-date-editor.el-input,
+                :deep(.el-date-editor.el-input),
                 .el-date-editor.el-input__wrapper {
                     height: 44px;
                     width: 470px;
                 }
 
-                /deep/.el-input__inner {
+                :deep(.el-input__inner) {
                     font-size: 16px;
                 }
 
-                /deep/.el-upload-dragger {
+                :deep(.el-upload-dragger) {
                     padding: 0;
                     margin: 0;
                     border: 1px solid #ededed;
                 }
 
-                /deep/.el-upload-dragger .el-icon--upload {
+                :deep(.el-upload-dragger .el-icon--upload) {
                     font-size: 67px;
                     line-height: 50px;
                     padding: 0;
                     margin: 0;
                 }
 
-                /deep/.el-upload-dragger .el-upload__text {
+                :deep(.el-upload-dragger .el-upload__text) {
                     font-size: 18px;
                     font-weight: 400;
                     color: #999;
@@ -453,7 +453,7 @@ const tableData = [
                     margin-top: 5px;
                 }
 
-                /deep/.el-icon svg {
+                :deep(.el-icon svg) {
                     width: 34px;
                     height: 34px;
                 }
@@ -493,7 +493,7 @@ const tableData = [
                         text-transform: none;
                     }
 
-                    /deep/.el-select__wrapper.is-focused {
+                    :deep(.el-select__wrapper.is-focused) {
                         box-shadow: 0 0 0 1px var(--el-border-color) inset;
                     }
 
@@ -536,17 +536,17 @@ const tableData = [
                 padding-bottom: 60px;
 
 
-                /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
+                :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
                     background-color: #333;
                     border-color: #333;
                 }
 
-                /deep/.el-table tr {
+                :deep(.el-table tr) {
                     background-color: #fafafa;
                     height: 74px;
                 }
 
-                /deep/.el-table .cell {
+                :deep(.el-table .cell) {
                     text-align: center;
                     box-sizing: border-box;
                     line-height: 23px;

+ 7 - 9
components/home/SmallSwiper1.vue

@@ -71,11 +71,11 @@ const props = defineProps({
 }
 
 .el-carousel {
-    /deep/.el-carousel__arrow i {
+    :deep(.el-carousel__arrow i) {
         font-size: 30px !important;
     }
 
-    /deep/.el-carousel__arrow--left {
+    :deep(.el-carousel__arrow--left) {
         left: 16px;
         width: 35px;
         height: 57px;
@@ -87,7 +87,7 @@ const props = defineProps({
         border-radius: 0;
     }
 
-    /deep/.el-carousel__arrow--right {
+    :deep(.el-carousel__arrow--right) {
         right: 16px;
         width: 35px;
         height: 57px;
@@ -99,7 +99,7 @@ const props = defineProps({
         border-radius: 0;
     }
 
-    /deep/ .el-carousel__indicators {
+    :deep(.el-carousel__indicators) {
         // 指示器
         left: unset;
         transform: unset;
@@ -107,7 +107,7 @@ const props = defineProps({
         bottom: 11px;
     }
 
-    /deep/ .el-carousel__button {
+    :deep(.el-carousel__button) {
         // 指示器按钮
         width: 10px;
         height: 10px;
@@ -117,20 +117,19 @@ const props = defineProps({
         opacity: 1;
     }
 
-    /deep/ .is-active .el-carousel__button {
+    :deep(.is-active .el-carousel__button) {
         // 指示器激活按钮
         background: #DD7D18;
         opacity: 1;
     }
 
-    /deep/ .el-carousel__container {
+    :deep(.el-carousel__container) {
         height: 100%;
     }
 }
 
 .custom-indicator button {
     background-color: #fff;
-
     opacity: 1;
     width: 8px;
     height: 8px;
@@ -138,7 +137,6 @@ const props = defineProps({
 
 .custom-indicator button.is-active {
     background-color: #DD7D18;
-
     opacity: 1;
 }
 </style>

+ 24 - 24
components/template/component/article/900x1384/1.vue

@@ -495,22 +495,22 @@ const closePreview = () => {
             padding-bottom: 20px;
         }
         .radio {
-            /deep/.el-radio {
+            :deep(.el-radio) {
                 --el-radio-input-border-color-hover: #dd7d18;
             }
-            /deep/.el-radio-group {
+            :deep(.el-radio-group) {
                 align-items: center;
                 display: inline-flex;
                 flex-wrap: wrap;
                 font-size: 0;
                 //padding-left: 35px;
             }
-            /deep/.el-radio.el-radio--large {
+            :deep(.el-radio.el-radio--large) {
                 width: 100%;
                 height: 29px;
                 margin-bottom: 15px;
             }
-            /deep/.el-radio.el-radio--large .el-radio__label {
+            :deep(.el-radio.el-radio--large .el-radio__label) {
                 font-family: PingFang SC, PingFang SC;
                 font-weight: 400;
                 font-size: 16px;
@@ -520,34 +520,34 @@ const closePreview = () => {
                 text-overflow: ellipsis;
                 width: 300px;
             }
-            /deep/.el-radio.el-radio--large .el-radio__inner {
+            :deep(.el-radio.el-radio--large .el-radio__inner) {
                 height: 16px;
                 width: 16px;
             }
-            /deep/.el-radio__input.is-checked+.el-radio__label {
+            :deep(.el-radio__input.is-checked+.el-radio__label) {
                 color: #333;
             }
-            /deep/.el-radio__input.is-checked .el-radio__inner {
+            :deep(.el-radio__input.is-checked .el-radio__inner) {
                 background: #333;
                 border-color: #333;
             }
         }
         .checkInputBox {
-            /deep/.el-checkbox {
+            :deep(.el-checkbox) {
                 --el-radio-input-border-color-hover: #333;
             }
-            /deep/.el-checkbox-group {
+            :deep(.el-checkbox-group) {
                 align-items: center;
                 display: inline-flex;
                 flex-wrap: wrap;
                 font-size: 0;
             }
-            /deep/.el-checkbox.el-checkbox--large {
+            :deep(.el-checkbox.el-checkbox--large) {
                 width: 330px;
                 height: 29px;
                 margin-bottom: 15px;
             }
-            /deep/.el-checkbox.el-checkbox--large .el-checkbox__label {
+            :deep(.el-checkbox.el-checkbox--large .el-checkbox__label) {
                 font-family: PingFang SC, PingFang SC;
                 font-weight: 400;
                 font-size: 16px;
@@ -557,14 +557,14 @@ const closePreview = () => {
                 text-overflow: ellipsis;
                 width: 300px;
             }
-            /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner {
+            :deep(.el-checkbox.el-checkbox--large .el-checkbox__inner) {
                 height: 16px;
                 width: 16px;
             }
-            /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
+            :deep(.el-checkbox__input.is-checked+.el-checkbox__label) {
                 color: #333;
             }
-            /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
+            :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
                 background: #333;
                 border-color: #333;
             }
@@ -638,22 +638,22 @@ const closePreview = () => {
     background: #FBFBFB;
     .inquire {
         .radio {
-            /deep/.el-radio__input.is-checked+.el-radio__label {
+            :deep(.el-radio__input.is-checked+.el-radio__label) {
                 color: #1C5468;
             }
-            /deep/.el-radio__input.is-checked .el-radio__inner {
+            :deep(.el-radio__input.is-checked .el-radio__inner) {
                 background: #1C5468;
                 border-color: #1C5468;
             }
         }
         .checkInputBox {
-            /deep/.el-checkbox {
+            :deep(.el-checkbox) {
                 --el-radio-input-border-color-hover: #1C5468;
             }
-            /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
+            :deep(.el-checkbox__input.is-checked+.el-checkbox__label) {
                 color: #1C5468;
             }
-            /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
+            :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
                 background: #1C5468;
                 border-color: #1C5468;
             }
@@ -681,22 +681,22 @@ const closePreview = () => {
     background: #FBFBFB;
     .inquire {
         .radio {
-            /deep/.el-radio__input.is-checked+.el-radio__label {
+            :deep(.el-radio__input.is-checked+.el-radio__label) {
                 color: #A91B33;
             }
-            /deep/.el-radio__input.is-checked .el-radio__inner {
+            :deep(.el-radio__input.is-checked .el-radio__inner) {
                 background: #A91B33;
                 border-color: #A91B33;
             }
         }
         .checkInputBox {
-            /deep/.el-checkbox {
+            :deep(.el-checkbox) {
                 --el-radio-input-border-color-hover: #A91B33;
             }
-            /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
+            :deep(.el-checkbox__input.is-checked+.el-checkbox__label) {
                 color: #A91B33;
             }
-            /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
+            :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
                 background: #A91B33;
                 border-color: #A91B33;
             }

+ 7 - 9
components/template/component/banner/swiper/720x450/1.vue

@@ -90,26 +90,25 @@ roll_num_lang.value = props.templateData.length - 1;
         background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
     }
     .el-carousel {
-        /deep/.el-carousel__arrow i {
+        :deep(.el-carousel__arrow i) {
             font-size: 33px !important;
         }
         .roll_1_box {
             position: relative;
         }
-        /deep/.el-carousel__arrow--left {
+        :deep(.el-carousel__arrow--left) {
             position: absolute;
             width: 35px;
             height: 57px;
             color: #fff;
             background: rgba(0, 0, 0, 0);
-
             left: 9px;
             border: none;
             border-radius: 0;
             top: 100%;
             margin-top: -28px;
         }
-        /deep/.el-carousel__arrow--right {
+        :deep(.el-carousel__arrow--right) {
             width: 35px;
             height: 57px;
             color: #fff;
@@ -121,14 +120,14 @@ roll_num_lang.value = props.templateData.length - 1;
             top: 100%;
             margin-top: -28px;
         }
-        /deep/ .el-carousel__indicators {
+        :deep(.el-carousel__indicators) {
             // 指示器
             left: unset;
             transform: unset;
             right: 10px;
             bottom: 11px;
         }
-        /deep/ .el-carousel__button {
+        :deep(.el-carousel__button) {
             // 指示器按钮
             width: 10px;
             height: 10px;
@@ -137,20 +136,19 @@ roll_num_lang.value = props.templateData.length - 1;
             background: #fff;
             opacity: 1;
         }
-        /deep/ .is-active .el-carousel__button {
+        :deep(.is-active .el-carousel__button) {
             // 指示器激活按钮
             background: #255590;
             width: 25px;
             opacity: 1;
 
         }
-        /deep/ .el-carousel__container {
+        :deep(.el-carousel__container) {
             height: 100%;
         }
     }
     .custom-indicator button {
         background-color: #fff;
-
         opacity: 1;
         width: 8px;
         height: 8px;

+ 7 - 7
components/template/component/list/1200x410/1.vue

@@ -238,13 +238,13 @@ component_style1_News2Array.value = props.templateData.textnum.slice(0,9);
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
 }
 .el-carousel {
-    /deep/.el-carousel__arrow i {
+    :deep(.el-carousel__arrow i) {
         font-size: 33px !important;
     }
     .roll_1_box {
         position: relative;
     }
-    /deep/.el-carousel__arrow--left {
+    :deep(.el-carousel__arrow--left) {
         position: absolute;
         width: 35px;
         height: 57px;
@@ -256,7 +256,7 @@ component_style1_News2Array.value = props.templateData.textnum.slice(0,9);
         top: 100%;
         margin-top: -36px;
     }
-    /deep/.el-carousel__arrow--right {
+    :deep(.el-carousel__arrow--right) {
         width: 35px;
         height: 57px;
         color: #fff;
@@ -268,14 +268,14 @@ component_style1_News2Array.value = props.templateData.textnum.slice(0,9);
         top: 100%;
         margin-top: -36px;
     }
-    /deep/ .el-carousel__indicators {
+    :deep(.el-carousel__indicators) {
         // 指示器
         left: unset;
         transform: unset;
         right: 10px;
         bottom: 11px;
     }
-    /deep/ .el-carousel__button {
+    :deep(.el-carousel__button) {
         // 指示器按钮
         width: 10px;
         height: 10px;
@@ -284,14 +284,14 @@ component_style1_News2Array.value = props.templateData.textnum.slice(0,9);
         background: #fff;
         opacity: 1;
     }
-    /deep/ .is-active .el-carousel__button {
+    :deep(.is-active .el-carousel__button) {
         // 指示器激活按钮
         background: #255590;
         width: 25px;
         opacity: 1;
 
     }
-    /deep/ .el-carousel__container {
+    :deep(.el-carousel__container) {
         height: 100%;
     }
 }

+ 7 - 7
components/template/component/list/1200x410/2.vue

@@ -250,13 +250,13 @@ component_style1_News2Array.value = props.templateData.text.slice(0,9);
     background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
 }
 .el-carousel {
-    /deep/.el-carousel__arrow i {
+    :deep(.el-carousel__arrow i) {
         font-size: 33px !important;
     }
     .roll_1_box {
         position: relative;
     }
-    /deep/.el-carousel__arrow--left {
+    :deep(.el-carousel__arrow--left) {
         position: absolute;
         width: 35px;
         height: 57px;
@@ -268,7 +268,7 @@ component_style1_News2Array.value = props.templateData.text.slice(0,9);
         top: 100%;
         margin-top: -36px;
     }
-    /deep/.el-carousel__arrow--right {
+    :deep(.el-carousel__arrow--right) {
         width: 35px;
         height: 57px;
         color: #fff;
@@ -280,14 +280,14 @@ component_style1_News2Array.value = props.templateData.text.slice(0,9);
         top: 100%;
         margin-top: -36px;
     }
-    /deep/ .el-carousel__indicators {
+    :deep(.el-carousel__indicators) {
         // 指示器
         left: unset;
         transform: unset;
         right: 10px;
         bottom: 11px;
     }
-    /deep/ .el-carousel__button {
+    :deep(.el-carousel__button) {
         // 指示器按钮
         width: 10px;
         height: 10px;
@@ -296,14 +296,14 @@ component_style1_News2Array.value = props.templateData.text.slice(0,9);
         background: #fff;
         opacity: 1;
     }
-    /deep/ .is-active .el-carousel__button {
+    :deep(.is-active .el-carousel__button) {
         // 指示器激活按钮
         background: #255590;
         width: 25px;
         opacity: 1;
 
     }
-    /deep/ .el-carousel__container {
+    :deep(.el-carousel__container) {
         height: 100%;
     }
 }

+ 2 - 2
components/template/sector/body/about/1200x1150/1.vue

@@ -130,8 +130,8 @@ getPageMenu();
         display: inline-block;
         vertical-align: -4px;
     }
-    /deep/.el-breadcrumb__inner a,
-    /deep/.el-breadcrumb__inner.is-link {
+    :deep(.el-breadcrumb__inner a),
+    :deep(.el-breadcrumb__inner.is-link) {
         color: #666666;
         font-weight: 400;
         text-decoration: none;

+ 3 - 3
components/template/sector/body/about/1200x1290/1.vue

@@ -113,12 +113,12 @@ newslists();
     text-align: left;
     font-style: normal;
     text-transform: none;
-    .el-breadcrumb::v-deep {
+    :deep(.el-breadcrumb) {
         display: inline-block;
         vertical-align: -4px;
     }
-    /deep/.el-breadcrumb__inner a,
-    /deep/.el-breadcrumb__inner.is-link {
+    :deep(.el-breadcrumb__inner a),
+    :deep(.el-breadcrumb__inner.is-link) {
         color: #666666;
         font-weight: 400;
         text-decoration: none;

+ 3 - 3
pages/advertising/adDetail.vue

@@ -367,7 +367,7 @@ if (adResponseStatus.code == 200) {
             border-right: 1px solid #e1e1e1;
             border-left: 1px solid #e1e1e1;
 
-            /deep/.el-table .cell {
+            :deep(.el-table .cell) {
                 box-sizing: border-box;
                 line-height: 23px;
                 overflow: hidden;
@@ -379,12 +379,12 @@ if (adResponseStatus.code == 200) {
                 font-weight: 400;
             }
 
-            /deep/.el-table__header th {
+            :deep(.el-table__header th) {
                 color: #999999;
                 /* 设置表头颜色 */
             }
 
-            /deep/.el-table__body td {
+            :deep(.el-table__body td) {
                 color: #333333;
                 /* 设置表格内容字体颜色 */
             }

+ 2 - 3
pages/advertising/index.vue

@@ -1741,14 +1741,13 @@ if (adResponseStatus.code == 200) {
     }
 }
 
-/deep/.el-carousel__indicators .el-carousel__indicator button {
+:deep(.el-carousel__indicators .el-carousel__indicator button) {
   width: 12px; /* 宽度 */
   height: 12px; /* 高度 */
   border-radius: 50%; /* 圆形 */
   background-color: #999;
 }
-/* 可选:更改当前项指示器的颜色 */
-/deep/.el-carousel__indicators .el-carousel__indicator.is-active button {
+:deep(.el-carousel__indicators .el-carousel__indicator.is-active button) {
   background-color: #028e21; /* 当前项颜色 */
 }
 </style>