css穿透格式修改

09032056 · 潘永坪 · 1d6e9d12 · 09032056 · 09032056 · 09032056
Commit 09032056 authored Mar 13, 2025 by 潘永坪
16 changed files
--- a/pages/album/DIYDetails/DIYDetails.vue
+++ b/pages/album/DIYDetails/DIYDetails.vue
@@ -681,7 +681,7 @@ export default {
 	.maskPreview-swiper{
 		width: 100%;
 	}
-	/deep/ swiper{
+	::v-deep swiper{
 		background-color: rgba(0, 0, 0, 0) !important;
 	}
 	.maskPreview-check {
@@ -689,7 +689,7 @@ export default {
 		height: 48rpx;
 		margin: 29rpx auto;
 	
-		/deep/ .u-checkbox__icon-wrap {
+		::v-deep .u-checkbox__icon-wrap {
 			width: 50rpx !important;
 			height: 50rpx !important;
 			color: #fff !important;

--- a/pages/album/albumIndex.vue
+++ b/pages/album/albumIndex.vue
@@ -401,7 +401,7 @@ export default {
 			background: linear-gradient(to top, #f7f7f7, #f7f7f7 80%, transparent 100%);
 		}

-		/deep/.u-transition {
+		::v-deep.u-transition {
 			display: flex;
 			justify-content: center;
 			align-items: center;
@@ -503,8 +503,8 @@ export default {
 				width: 100%;
 			}

-			/deep/.u-wrap,
-			/deep/.u-lazy-item {
+			::v-deep.u-wrap,
+			::v-deep.u-lazy-item {
 				broder-radius: 16rpx 16rpx 0 0 !important;
 			}
 		}
@@ -572,7 +572,7 @@ export default {
 			width: 100%;
 			height: 100%;

-			/deep/.u-icon {
+			::v-deep.u-icon {
 				position: absolute;
 				top: -64rpx;
 				right: 24rpx;
@@ -674,7 +674,7 @@ export default {
 			}
 		}

-		/deep/.u-btn {
+		::v-deep .u-btn {
 			width: 304rpx;
 		}
 	}

--- a/pages/album/getPortrait.vue
+++ b/pages/album/getPortrait.vue
@@ -367,7 +367,7 @@ export default {
 			font-weight: 700;
 			color: #3688FF;
 		}
-		/deep/.u-transition {
+		::v-deep.u-transition {
 			display: flex;
 			justify-content: center;
 			align-items: center;

--- a/pages/album/myPhotoAlbum/myPhotoAlbum.vue
+++ b/pages/album/myPhotoAlbum/myPhotoAlbum.vue
@@ -537,7 +537,7 @@ export default {
 					margin-left: 8rpx;
 				}
 			}
-			/deep/ .u-popup{
+			::v-deep .u-popup{
 				position: absolute;
 				left: 0;
 				top: 0;
@@ -614,8 +614,8 @@ export default {
 			line-height: 46rpx;
 		}
 		.checkAll-allAct{
-			/deep/ .wx-checkbox-input,
-			/deep/ .uni-checkbox-input{
+			::v-deep .wx-checkbox-input,
+			::v-deep .uni-checkbox-input{
 				background-color: #3688FF !important;
 				border-color: #3688FF !important;
 				color: #ffffff !important;
@@ -679,25 +679,25 @@ export default {
 				position: absolute;
 				right: 0;
 				top: 24rpx;
-				/deep/ .wx-checkbox-input,
-				/deep/ .uni-checkbox-input{
+				::v-deep .wx-checkbox-input,
+				::v-deep .uni-checkbox-input{
 					border-radius: 100rpx;
 				}
 			}
 			.list-uCheckAct{
-				/deep/ .wx-checkbox-input,
-				/deep/ .uni-checkbox-input{
+				::v-deep .wx-checkbox-input,
+				::v-deep .uni-checkbox-input{
 					background-color: #3688FF !important;
 					border-color: #3688FF !important;
 					color: #ffffff !important;
 				}
 			}
-			/deep/ .u-checkbox__icon-wrap{
+			::v-deep .u-checkbox__icon-wrap{
 				color: #fff !important;
 				border: 1px solid #fff;
 				box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
 			}
-			/deep/ .u-checkbox__icon-wrap--checked{
+			::v-deep .u-checkbox__icon-wrap--checked{
 				background-color: #2979ff !important;
 				border-color: #2979ff !important;
 			}
@@ -986,13 +986,13 @@ export default {
 			top: 152rpx;
 			left: 0;
 		}
-		/deep/ .u-swiper{
+		::v-deep .u-swiper{
 			width: 100%;
 			position: fixed;
 			top: 152rpx;
 			left: 0;
 		}
-		/deep/ swiper{
+		::v-deep swiper{
 			background-color: rgba(0, 0, 0, 0) !important;
 		}
 		.maskPreview-check {
@@ -1004,28 +1004,28 @@ export default {
 			left: 0;
 			right: 0;
 			.maskPreview-CheckBox{
-				/deep/ .wx-checkbox-input,
-				/deep/ .uni-checkbox-input{
+				::v-deep .wx-checkbox-input,
+				::v-deep .uni-checkbox-input{
 					border-radius: 100rpx;
 				}
 			}
 			.maskPreview-CheckBoxAct{
-				/deep/ .wx-checkbox-input,
-				/deep/ .uni-checkbox-input{
+				::v-deep .wx-checkbox-input,
+				::v-deep .uni-checkbox-input{
 					background-color: #3688FF !important;
 					border-color: #3688FF !important;
 					color: #ffffff !important;
 				}
 			}

-			// /deep/ .u-checkbox__icon-wrap {
+			// ::v-deep .u-checkbox__icon-wrap {
 			// 	width: 50rpx !important;
 			// 	height: 50rpx !important;
 			// 	color: #fff !important;
 			// 	border: solid 2px #fff;
 			// }
 		}
-		/deep/ .u-swiper-image::after {
+		::v-deep .u-swiper-image::after {
 			content: "";
 			display: block;
 			position: absolute;

--- a/pages/album/purchasedPhotoAlbum/purchasedPhotoAlbum.vue
+++ b/pages/album/purchasedPhotoAlbum/purchasedPhotoAlbum.vue
@@ -362,7 +362,7 @@ export default {
 					margin-left: 8rpx;
 				}
 			}
-			/deep/ .u-popup{
+			::v-deep .u-popup{
 				position: absolute;
 				left: 0;
 				top: 0;
@@ -432,14 +432,14 @@ export default {
 				position: absolute;
 				right: 0;
 				top: 24rpx;
-				/deep/ .wx-checkbox-input,
-				/deep/ .uni-checkbox-input{
+				::v-deep .wx-checkbox-input,
+				::v-deep .uni-checkbox-input{
 					border-radius: 100rpx;
 				}
 			}
 			.list-uCheckAct{
-				/deep/ .wx-checkbox-input,
-				/deep/ .uni-checkbox-input{
+				::v-deep .wx-checkbox-input,
+				::v-deep .uni-checkbox-input{
 					background-color: #3688FF !important;
 					border-color: #3688FF !important;
 					color: #ffffff !important;
@@ -470,16 +470,16 @@ export default {
 				height: 98rpx;
 				padding: 0rpx 24rpx 0 0rpx;
 				overflow: hidden;
-				/deep/ .u-checkbox {
+				::v-deep .u-checkbox {
 					line-height: 34rpx !important;
 				}
 			
-				/deep/ .u-checkbox__label {
+				::v-deep .u-checkbox__label {
 					font-size: 24rpx !important;
 				}
 				.checkAll-allAct{
-					/deep/ .wx-checkbox-input,
-					/deep/ .uni-checkbox-input{
+					::v-deep .wx-checkbox-input,
+					::v-deep .uni-checkbox-input{
 						background-color: #3688FF !important;
 						border-color: #3688FF !important;
 						color: #ffffff !important;

--- a/pages/combination/combiChoose/combiChooseOld- 旅拍横向滚动版本.vue
+++ b/pages/combination/combiChoose/combiChooseOld- 旅拍横向滚动版本.vue
@@ -981,10 +981,10 @@ export default {
 	width: 100%;
 	height: 100%;
 }
-.swiper-item /deep/ .u-waterfall{
+.swiper-item ::v-deep .u-waterfall{
 	padding-top:8rpx;
 }
-.swiper-item /deep/ .u-empty{
+.swiper-item ::v-deep .u-empty{
 	height: 300px;
 }
 </style>
--- a/pages/my/exchangeCode/exchangeChoose/exchangeChoose.vue
+++ b/pages/my/exchangeCode/exchangeChoose/exchangeChoose.vue
@@ -340,7 +340,7 @@ export default {
 		height: 400rpx;
 		.mask-ticketCodeIn{
 			height: 180rpx;
-			/deep/ .uni-input{
+			::v-deep .uni-input{
 				height: 100rpx;
 				margin-top: 40rpx;
 				text-align: center;

--- a/pages/my/exchangeCode/exchangeComplete/exchangeComplete.vue
+++ b/pages/my/exchangeCode/exchangeComplete/exchangeComplete.vue
@@ -33,11 +33,11 @@ export default {
 	background-color: #F7F8FA;
 	overflow-y: auto;
 }
-/deep/ .u-icon{
+::v-deep .u-icon{
 	margin-top: 272rpx;
 	margin-bottom: 46rpx;
 }
-/deep/ .u-icon__icon{
+::v-deep .u-icon__icon{
 	margin: 0 auto;
 	font-size: 112rpx !important;
 	line-height: 112rpx !important;

--- a/pages/my/exchangeCode/exchangePage/exchangePage.vue
+++ b/pages/my/exchangeCode/exchangePage/exchangePage.vue
@@ -577,7 +577,7 @@ export default {
 	.date-more-content {
 		margin-right:8rpx;
 	}
-	/deep/ .u-icon__icon{
+	::v-deep .u-icon__icon{
 		color: #333333;
 	}
 }
@@ -650,7 +650,7 @@ export default {
 			line-height: 98rpx;
 			text-align: right;
 		}
-		/deep/ .uni-input{
+		::v-deep .uni-input{
 			text-align: right;
 			flex: 1;
 			height: 98rpx;

--- a/pages/my/order/afterSale/applyAfterSale/applyAfterSale.vue
+++ b/pages/my/order/afterSale/applyAfterSale/applyAfterSale.vue
@@ -484,7 +484,7 @@ export default {
 		}
 		
 	}
-	/deep/ .u-checkbox__label{
+	::v-deep .u-checkbox__label{
 		width: 160rpx;
 	}
 }
@@ -547,10 +547,10 @@ export default {
 }
 .apply-textarea{
 	padding: 24rpx;
-	/deep/ .u-border{
+	::v-deep .u-border{
 		border: none;
 	}
-	/deep/ .u-input__textarea{
+	::v-deep .u-input__textarea{
 		height: 248rpx !important;
 		background: #F6FAFF;
 		border-radius: 8rpx 8rpx 8rpx 8rpx;

--- a/pages/my/order/electronicTicket/electronicTicket-副本.vue
+++ b/pages/my/order/electronicTicket/electronicTicket-副本.vue
@@ -1362,11 +1362,11 @@ export default {
 		margin: 0 auto;
 	}
 	//#ifdef MP-ALIPAY
-	/deep/ .uqrcode-canvas-wrapper,/deep/ .uqrcode{
+	::v-deep .uqrcode-canvas-wrapper,::v-deep .uqrcode{
 		margin: 0 auto;
 		position: relative;
 	}
-	/deep/ .uqrcode-canvas{
+	::v-deep .uqrcode-canvas{
 		transform:(1,1)
 	}
 	//#endif

--- a/pages/my/order/electronicTicket/electronicTicket.vue
+++ b/pages/my/order/electronicTicket/electronicTicket.vue
@@ -1884,7 +1884,7 @@ export default {
 				.right-name{
 					margin-right: 5rpx;
 				}
-				/deep/ .u-icon__icon{
+				::v-deep .u-icon__icon{
 					top: 5rpx !important;
 				}
 			}
@@ -1927,7 +1927,7 @@ export default {
 					right: 0;
 					top: 12rpx;
 					z-index: 11;
-					/deep/ u-icon{
+					::v-deep u-icon{
 						position: absolute;
 						top: 0;
 						left: 0;

--- a/pages/my/order/orderList/orderList.vue
+++ b/pages/my/order/orderList/orderList.vue
@@ -444,7 +444,7 @@ export default {
  },
  onLoad(option) {
    this.openId = uni.getStorageSync('openid')
-    //this.openId = 'oroHZ5FaUQ_SOOC_uQQP92fJpBRE'//oh2UV1lyYABHMZ1rMlgjhVHyyYDQ  oroHZ5FaUQ_SOOC_uQQP92fJpBRE
+    // this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'//oh2UV1lyYABHMZ1rMlgjhVHyyYDQ  oroHZ5FaUQ_SOOC_uQQP92fJpBRE
    this.orderStatus = option.orderStatus||''
    this.ifyukuaiCode = option.ifyukuaiCode||''
    this.getData(1)
@@ -834,7 +834,7 @@ page{
 	position: relative;
 	font-size: 32rpx;
 	font-weight: bold;
-	/deep/ .u-icon{
+	::v-deep .u-icon{
 		color: #c8c9cc;
 		position: absolute;
 		right: 16rpx;
@@ -866,7 +866,7 @@ page{
 }
 .confrim-btn{
 	margin: 64rpx 24rpx 40rpx 24rpx;
-	/deep/ .u-reset-button{
+	::v-deep .u-reset-button{
 		height: 80rpx;
 		line-height: 80rpx;
 		border-radius: 15rpx;

--- a/pages/my/suggestComplaint/complaintCommit/complaintCommit.vue
+++ b/pages/my/suggestComplaint/complaintCommit/complaintCommit.vue
@@ -277,26 +277,26 @@ export default{
 		z-index: 1;
 	}
 	/*修改上传组件样式*/
-	.top-list /deep/ .uicon-camera-fill{
+	.top-list ::v-deep .uicon-camera-fill{
 		font-size: 36px !important;
 		line-height: 36px !important;
 	}
-	.top-list /deep/ .uicon-close{
+	.top-list ::v-deep .uicon-close{
 		font-size: 10px !important;
 		line-height: 10px !important;
 	}
-	.top-list /deep/ .uicon-checkmark{
+	.top-list ::v-deep .uicon-checkmark{
 		font-size: 12px !important;
 		line-height: 12px !important;
 	}
-	.top-list /deep/ .u-textarea{
+	.top-list ::v-deep .u-textarea{
 		background:#F7F8FA;
 		border: none;
 	}
-	.top-list /deep/ .u-upload__button{
+	.top-list ::v-deep .u-upload__button{
 		border-radius: 8rpx;
 	}
-	.top-list /deep/ .u-textarea__count{
+	.top-list ::v-deep .u-textarea__count{
 		background: #F7F8FA !important;
 	}
 </style>
\ No newline at end of file
--- a/pages/my/suggestComplaint/complaintDetail/complaintDetail.vue
+++ b/pages/my/suggestComplaint/complaintDetail/complaintDetail.vue
@@ -437,26 +437,26 @@ export default{
 		}
 	}
 	/*修改上传组件样式*/
-	.pop-top /deep/ .uicon-camera-fill{
+	.pop-top ::v-deep .uicon-camera-fill{
 		font-size: 36px !important;
 		line-height: 36px !important;
 	}
-	.pop-top /deep/ .uicon-close{
+	.pop-top ::v-deep .uicon-close{
 		font-size: 10px !important;
 		line-height: 10px !important;
 	}
-	.pop-top /deep/ .uicon-checkmark{
+	.pop-top ::v-deep .uicon-checkmark{
 		font-size: 12px !important;
 		line-height: 12px !important;
 	}
-	.pop-top /deep/ .u-upload__button{
+	.pop-top ::v-deep .u-upload__button{
 		border-radius: 8rpx;
 	}
-	.pop-top /deep/ .u-textarea{
+	.pop-top ::v-deep .u-textarea{
 		background:#F7F8FA;
 		border: none;
 	}
-	.pop-top /deep/ .u-textarea__count{
+	.pop-top ::v-deep .u-textarea__count{
 		background: #F7F8FA !important;
 	}
 </style>
\ No newline at end of file
--- a/pages/my/suggestComplaint/suggestCommit/suggestCommit.vue
+++ b/pages/my/suggestComplaint/suggestCommit/suggestCommit.vue
@@ -209,26 +209,26 @@ export default{
 		z-index: 1;
 	}
 	/*修改上传组件样式*/
-	.top-list /deep/ .uicon-camera-fill{
+	.top-list ::v-deep .uicon-camera-fill{
 		font-size: 36px !important;
 		line-height: 36px !important;
 	}
-	.top-list /deep/ .uicon-close{
+	.top-list ::v-deep .uicon-close{
 		font-size: 10px !important;
 		line-height: 10px !important;
 	}
-	.top-list /deep/ .uicon-checkmark{
+	.top-list ::v-deep .uicon-checkmark{
 		font-size: 12px !important;
 		line-height: 12px !important;
 	}
-	.top-list /deep/ .u-textarea{
+	.top-list ::v-deep .u-textarea{
 		background:#F7F8FA;
 		border: none;
 	}
-	.top-list /deep/ .u-upload__button{
+	.top-list ::v-deep .u-upload__button{
 		border-radius: 8rpx;
 	}
-	.top-list /deep/ .u-textarea__count{
+	.top-list ::v-deep .u-textarea__count{
 		background: #F7F8FA !important;
 	}
 </style>
\ No newline at end of file