替换了deep

src/components/VideoReview.vue

@@ -60,7 +60,7 @@
     .reply{
         padding-top: 28px;
         border-top: 1px solid #ededed;
-        ::v-deep .ant-input{
+        ::v-deep() .ant-input{
             font-size: 11px;
         }
         .send{

src/views/login/About.vue

@@ -89,10 +89,10 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.about /deep/  .nav-bottom  /deep/ .nav-container{
+.about ::v-deep()  .nav-bottom  ::v-deep() .nav-container{
   color:white!important
 }
-.about /deep/ .nav-bottom /deep/ .copyright{
+.about ::v-deep() .nav-bottom ::v-deep() .copyright{
   color:white!important
 }
 .about {

src/views/login/Login.vue

@@ -199,10 +199,10 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.login /deep/ .ant-select-selection {
+.login ::v-deep() .ant-select-selection {
   border: none;
 }
-.login /deep/ .ant-input {
+.login ::v-deep() .ant-input {
   border: none;
 }
 .ant-input:focus {
@@ -210,10 +210,10 @@ export default defineComponent({
   border-bottom: 1px solid white !important;
   box-shadow: none;
 }
-.login /deep/ .ant-form-item-label {
+.login ::v-deep() .ant-form-item-label {
   line-height: 14px;
 }
-.login /deep/ .ant-form-item /deep/ label {
+.login ::v-deep() .ant-form-item ::v-deep() label {
   color: #0dbba4;
   font-size: 11px;
   left: 1px;

src/views/login/Reset.vue

@@ -165,10 +165,10 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.login /deep/ .ant-select-selection {
+.login ::v-deep() .ant-select-selection {
   border: none;
 }
-.login /deep/ .ant-input {
+.login ::v-deep() .ant-input {
   border: none;
 }
 .ant-input:focus {
@@ -176,10 +176,10 @@ export default defineComponent({
   border-bottom: 1px solid white !important;
   box-shadow: none;
 }
-.login /deep/ .ant-form-item-label {
+.login ::v-deep() .ant-form-item-label {
   line-height: 14px;
 }
-.login /deep/ .ant-form-item /deep/ label {
+.login ::v-deep() .ant-form-item ::v-deep() label {
   color: #0dbba4;
   font-size: 11px;
   left: 1px;

src/views/login/Sign.vue

@@ -191,10 +191,10 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.login /deep/ .ant-select-selection {
+.login ::v-deep() .ant-select-selection {
   border: none;
 }
-.login /deep/ .ant-input {
+.login ::v-deep() .ant-input {
   border: none;
 }
 .ant-input:focus {
@@ -202,10 +202,10 @@ export default defineComponent({
   border-bottom: 1px solid white !important;
   box-shadow: none;
 }
-.login /deep/ .ant-form-item-label {
+.login ::v-deep() .ant-form-item-label {
   line-height: 14px;
 }
-.login /deep/ .ant-form-item /deep/ label {
+.login ::v-deep() .ant-form-item ::v-deep() label {
   color: #0dbba4;
   font-size: 11px;
   left: 1px;

src/views/mine/Addaccount.vue

@@ -183,19 +183,19 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.cashout /deep/ .ant-breadcrumb > span:last-child {
+.cashout ::v-deep() .ant-breadcrumb > span:last-child {
   color: #08ae98;
 }
-.cashout /deep/ .ant-radio-wrapper {
+.cashout ::v-deep() .ant-radio-wrapper {
   display: flex;
 }
-.cashout /deep/ .ant-radio-checked /deep/ .ant-radio-inner {
+.cashout ::v-deep() .ant-radio-checked ::v-deep() .ant-radio-inner {
   border-color: #08ae98 !important;
 }
-.cashout /deep/ .ant-radio-inner::after {
+.cashout ::v-deep() .ant-radio-inner::after {
   background: #08ae98 !important;
 }
-.cashout /deep/ .ant-radio {
+.cashout ::v-deep() .ant-radio {
   //   top: 43px;
 }
 .cashout {

src/views/mine/Archives.vue

@@ -496,7 +496,7 @@ export default defineComponent({
             }
             .main-container {
                 margin-left: 17px;
-                ::v-deep .input-box {
+                ::v-deep() .input-box {
                     display: flex;
                     align-items: center;
                     margin-bottom: 28px;
@@ -602,7 +602,7 @@ export default defineComponent({
                 }
             }
         }
-        ::v-deep .modal-dialog {
+        ::v-deep() .modal-dialog {
             .close {
                 width: 14px;
                 height: 14px;

src/views/mine/Cashout.vue

@@ -100,13 +100,13 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.cashout /deep/ .ant-breadcrumb > span:last-child {
+.cashout ::v-deep() .ant-breadcrumb > span:last-child {
   color: #08ae98;
 }
-.cashout /deep/ .ant-radio-wrapper {
+.cashout ::v-deep() .ant-radio-wrapper {
   display: flex;
 }
-.cashout /deep/ .ant-radio {
+.cashout ::v-deep() .ant-radio {
   top: 43px;
 }
 .cashout {

src/views/mine/Cashoutdetail.vue

@@ -80,7 +80,7 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.transaction /deep/ .ant-breadcrumb > span:last-child {
+.transaction ::v-deep() .ant-breadcrumb > span:last-child {
   color: #08ae98;
 }
 .transaction{

src/views/mine/ReleaseVideo.vue

@@ -156,7 +156,7 @@ export default defineComponent({
     padding: 46px;
     border-radius: 17px;
     position: relative;
-    ::v-deep .ant-form {
+    ::v-deep() .ant-form {
         .title {
             font-size: 12px;
             font-weight: bold;

src/views/mine/ReleaseWebcast.vue

@@ -202,7 +202,7 @@ export default defineComponent({
     padding: 46px;
     border-radius: 17px;
     position: relative;
-    ::v-deep .ant-form {
+    ::v-deep() .ant-form {
         .title {
             font-size: 12px;
             font-weight: bold;
@@ -322,7 +322,7 @@ export default defineComponent({
         }
     }
     .modal-container {
-        ::v-deep .modal-dialog {
+        ::v-deep() .modal-dialog {
             .close {
                 width: 14px;
                 height: 14px;

src/views/mine/Transaction.vue

@@ -96,7 +96,7 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.transaction /deep/ .ant-breadcrumb > span:last-child {
+.transaction ::v-deep() .ant-breadcrumb > span:last-child {
   color: #08ae98;
 }
 .transaction{

src/views/mine/Transactiondetail.vue

@@ -61,7 +61,7 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.transaction /deep/ .ant-breadcrumb > span:last-child {
+.transaction ::v-deep() .ant-breadcrumb > span:last-child {
   color: #08ae98;
 }
 .transaction{

src/views/mine/Wallet.vue

@@ -231,7 +231,7 @@ export default defineComponent({
 });
 </script>
 <style lang="scss" scoped>
-.wallet /deep/ .ant-breadcrumb > span:last-child {
+.wallet ::v-deep() .ant-breadcrumb > span:last-child {
   color: #08ae98;
 }
 .wallet {

src/views/regime/Video.vue

@@ -111,13 +111,13 @@
         bottom:  114px;
         display: flex;
         justify-content: center;      
-        ::v-deep .ant-pagination-next > .ant-pagination-item-link, ::v-deep .ant-pagination-prev > .ant-pagination-item-link, ::v-deep .ant-pagination-item, ::v-deep .ant-pagination-jump-next-custom-icon, ::v-deep .ant-pagination-jump-prev-custom-icon{
+        ::v-deep() .ant-pagination-next > .ant-pagination-item-link, ::v-deep() .ant-pagination-prev > .ant-pagination-item-link, ::v-deep() .ant-pagination-item, ::v-deep() .ant-pagination-jump-next-custom-icon, ::v-deep() .ant-pagination-jump-prev-custom-icon{
             border: 1px solid #08AE98;
         }
-        ::v-deep .ant-pagination-item-active a{
+        ::v-deep() .ant-pagination-item-active a{
             color: #fff;
         }
-        ::v-deep .ant-pagination-item-active{
+        ::v-deep() .ant-pagination-item-active{
             background-color: #08AE98;
         }
     }