diff --git a/pages/address/index.vue b/pages/address/index.vue
index 11ecb29..d92fa66 100644
--- a/pages/address/index.vue
+++ b/pages/address/index.vue
@@ -269,7 +269,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ .u-form-item__body__right__message {
+:v-deep .u-form-item__body__right__message {
   margin-left: 215rpx !important;
   padding-bottom: 20rpx;
 }
@@ -309,7 +309,7 @@ export default {
 .label-style {
   display: block !important;
 }
-/deep/ .label-style .u-form-item__body__left {
+:v-deep .label-style .u-form-item__body__left {
   display: block !important;
   margin-top: 20rpx;
 }
diff --git a/pages/delear/index.vue b/pages/delear/index.vue
index f0c3ce2..900e5ed 100644
--- a/pages/delear/index.vue
+++ b/pages/delear/index.vue
@@ -1257,7 +1257,7 @@
 		position: relative;
 	}
 
-	/deep/ .u-input__content {
+	:v-deep .u-input__content {
 		padding-left: 20rpx;
 	}
 
@@ -1332,7 +1332,7 @@
 		font-size: 30rpx;
 	}
 
-	/deep/ .u-form-item__body__left__content__label {
+	:v-deep .u-form-item__body__left__content__label {
 		font-size: 28rpx;
 		color: #333;
 	}
@@ -1410,11 +1410,11 @@
 		top: 45rpx;
 	}
 
-	/deep/ .u-form-item__body__left__content__label {
+	:v-deep .u-form-item__body__left__content__label {
 		margin-left: 20rpx;
 	}
 
-	/deep/.u-form-item__body__left__content__required {
+	:v-deep.u-form-item__body__left__content__required {
 		margin: 35rpx 10rpx 0 10rpx;
 		// position: absolute;
 		// top:40rpx;
@@ -1422,11 +1422,11 @@
 		width: 10rpx;
 	}
 
-	/deep/ .u-form-item__body {
+	:v-deep .u-form-item__body {
 		padding: 10rpx 0;
 	}
 
-	/deep/ .u-form-item__body__right__message {
+	:v-deep .u-form-item__body__right__message {
 		padding-bottom: 20rpx;
 	}
 
@@ -1434,11 +1434,11 @@
 		color: #999;
 	}
 
-	/deep/ .uni-input-placeholder {
+	:v-deep .uni-input-placeholder {
 		// padding-left: 20rpx;
 	}
 
-	/deep/ .texts {
+	:v-deep .texts {
 		height: 78rpx;
 	}
 
diff --git a/pages/forgetEmail/index.vue b/pages/forgetEmail/index.vue
index 90e708e..5765620 100644
--- a/pages/forgetEmail/index.vue
+++ b/pages/forgetEmail/index.vue
@@ -191,10 +191,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	/deep/ uni-button:after{
+	:v-deep uni-button:after{
 		border: none;
 	}
-	/deep/ .u-form-item__body__right__message{
+	:v-deep .u-form-item__body__right__message{
 		margin-left: 170rpx !important;
 	}
 	.yzm{
@@ -208,7 +208,7 @@ export default {
 		margin-left: 30rpx;
 		font-size: 24rpx;
 	}
-	/deep/ .u-form-item:nth-child(2){
+	:v-deep .u-form-item:nth-child(2){
 		width: 670rpx;
 	}
 	.contents{
@@ -217,7 +217,7 @@ export default {
 	page{
 		background-color: #f2f2f2;
 	}
-	/deep/ .width-s{
+	:v-deep .width-s{
 		width: 200rpx !important;
 	}
 	.paddings{
diff --git a/pages/forgetPassword/index.vue b/pages/forgetPassword/index.vue
index c9edeaf..386a48a 100644
--- a/pages/forgetPassword/index.vue
+++ b/pages/forgetPassword/index.vue
@@ -201,10 +201,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ uni-button:after {
+:v-deep uni-button:after {
   border: none;
 }
-/deep/ .u-form-item__body__right__message {
+:v-deep .u-form-item__body__right__message {
   margin-left: 170rpx !important;
 }
 .yzm {
@@ -218,7 +218,7 @@ export default {
   margin-left: 30rpx;
   font-size: 24rpx;
 }
-/deep/ .u-form-item:nth-child(2) {
+:v-deep .u-form-item:nth-child(2) {
   width: 670rpx;
 }
 .contents {
@@ -227,7 +227,7 @@ export default {
 page {
   background-color: #f2f2f2;
 }
-/deep/ .width-s {
+:v-deep .width-s {
   width: 200rpx !important;
 }
 .paddings {
diff --git a/pages/forgetPayPassword/index.vue b/pages/forgetPayPassword/index.vue
index f9f8a1a..b61c697 100644
--- a/pages/forgetPayPassword/index.vue
+++ b/pages/forgetPayPassword/index.vue
@@ -201,10 +201,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ uni-button:after {
+:v-deep uni-button:after {
   border: none;
 }
-/deep/ .u-form-item__body__right__message {
+:v-deep .u-form-item__body__right__message {
   margin-left: 170rpx !important;
 }
 .yzm {
@@ -218,7 +218,7 @@ export default {
   margin-left: 30rpx;
   font-size: 24rpx;
 }
-/deep/ .u-form-item:nth-child(2) {
+:v-deep .u-form-item:nth-child(2) {
   width: 670rpx;
 }
 .contents {
@@ -227,7 +227,7 @@ export default {
 page {
   background-color: #f2f2f2;
 }
-/deep/ .width-s {
+:v-deep .width-s {
   width: 200rpx !important;
 }
 .paddings {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index fb08fd9..e37c64f 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -744,7 +744,7 @@ export default {
   margin: 0 auto 30rpx auto;
 }
 
-/deep/ uni-swiper {
+:v-deep uni-swiper {
   height: 300rpx;
 }
 
@@ -941,29 +941,29 @@ header {
   }
 }
 
-/deep/ .swiper-s .swiper-items uni-image {
+:v-deep .swiper-s .swiper-items uni-image {
   height: 495rpx;
 }
 
-/deep/ .uni-swiper-dots-horizontal .uni-swiper-dot {
+:v-deep .uni-swiper-dots-horizontal .uni-swiper-dot {
   margin-right: 5rpx;
 }
 
-/deep/ .swiper-s .uni-swiper-dots .uni-swiper-dot {
+:v-deep .swiper-s .uni-swiper-dots .uni-swiper-dot {
   width: 14rpx;
   height: 14rpx;
   background: #ffffff;
   border-radius: 50%;
 }
 
-/deep/ uni-swiper .uni-swiper-dot {
+:v-deep uni-swiper .uni-swiper-dot {
   width: 40rpx;
   height: 6rpx;
   background: #fff !important;
   border-radius: 10rpx;
 }
 
-/deep/ uni-swiper .uni-swiper-dot-active {
+:v-deep uni-swiper .uni-swiper-dot-active {
   width: 40rpx;
   height: 6rpx;
   background: #f94856 !important;
diff --git a/pages/makerspace/index.vue b/pages/makerspace/index.vue
index 2ea91c2..0b5efe5 100644
--- a/pages/makerspace/index.vue
+++ b/pages/makerspace/index.vue
@@ -1366,7 +1366,7 @@ export default {
 		height: 1334rpx;
 		position: relative;
 	}
-	/deep/ .u-input__content{
+	:v-deep .u-input__content{
 		padding-left: 20rpx;
 	}
 	.bg-colors{
@@ -1430,7 +1430,7 @@ export default {
 		color: #fff;
 		font-size: 30rpx;
 	}
-	/deep/ .u-form-item__body__left__content__label{
+	:v-deep .u-form-item__body__left__content__label{
 		font-size: 28rpx;
 		color: #333;
 	}
@@ -1495,29 +1495,29 @@ export default {
 		right: 0;
 		top: 45rpx;
 	}
-	/deep/ .u-form-item__body__left__content__label{
+	:v-deep .u-form-item__body__left__content__label{
 		margin-left: 20rpx;
 	}
-	/deep/.u-form-item__body__left__content__required{
+	:v-deep.u-form-item__body__left__content__required{
 		margin: 35rpx 10rpx 0 10rpx;
 		// position: absolute;
 		// top:40rpx;
 		color: #FB3024;
 		width: 10rpx;
 	}
-	/deep/ .u-form-item__body{
+	:v-deep .u-form-item__body{
 		padding: 10rpx 0;
 	}
-	/deep/ .u-form-item__body__right__message{
+	:v-deep .u-form-item__body__right__message{
 		padding-bottom: 20rpx;
 	}
 	.place{
 		color: #999;
 	}
-	/deep/ .uni-input-placeholder{
+	:v-deep .uni-input-placeholder{
 		// padding-left: 20rpx;
 	}
-	/deep/ 
+	:v-deep 
 	.texts{
 		height: 78rpx;
 	}
diff --git a/pages/mine/giftAddress/details.vue b/pages/mine/giftAddress/details.vue
index 53412a6..1e0ecdf 100644
--- a/pages/mine/giftAddress/details.vue
+++ b/pages/mine/giftAddress/details.vue
@@ -222,7 +222,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ .u-form-item__body__right__message {
+:v-deep .u-form-item__body__right__message {
   margin-left: 215rpx !important;
   padding-bottom: 20rpx;
 }
@@ -262,7 +262,7 @@ export default {
 .label-style {
   display: block !important;
 }
-/deep/ .label-style .u-form-item__body__left {
+:v-deep .label-style .u-form-item__body__left {
   display: block !important;
   margin-top: 20rpx;
 }
diff --git a/pages/password/loginPassword.vue b/pages/password/loginPassword.vue
index 2665ebc..0d7710e 100644
--- a/pages/password/loginPassword.vue
+++ b/pages/password/loginPassword.vue
@@ -206,10 +206,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	/deep/ uni-button:after{
+	:v-deep uni-button:after{
 		border: none;
 	}
-	/deep/ .u-form-item__body__right__message{
+	:v-deep .u-form-item__body__right__message{
 		margin-left: 170rpx !important;
 	}
 	.yzm{
@@ -223,7 +223,7 @@ export default {
 		margin-left: 30rpx;
 		font-size: 24rpx;
 	}
-	/deep/ .u-form-item:nth-child(2){
+	:v-deep .u-form-item:nth-child(2){
 		width: 670rpx;
 	}
 	.contents{
@@ -232,7 +232,7 @@ export default {
 	page{
 		background-color: #f2f2f2;
 	}
-	/deep/ .width-s{
+	:v-deep .width-s{
 		width: 200rpx !important;
 	}
 	.paddings{
diff --git a/pages/password/payPassword.vue b/pages/password/payPassword.vue
index 095f4b9..0017207 100644
--- a/pages/password/payPassword.vue
+++ b/pages/password/payPassword.vue
@@ -209,10 +209,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-	/deep/ uni-button:after{
+	:v-deep uni-button:after{
 		border: none;
 	}
-	/deep/ .u-form-item__body__right__message{
+	:v-deep .u-form-item__body__right__message{
 		margin-left: 170rpx !important;
 	}
 	.yzm{
@@ -226,7 +226,7 @@ export default {
 		margin-left: 30rpx;
 		font-size: 24rpx;
 	}
-	/deep/ .u-form-item:nth-child(2){
+	:v-deep .u-form-item:nth-child(2){
 		width: 670rpx;
 	}
 	.contents{
@@ -235,7 +235,7 @@ export default {
 	page{
 		background-color: #f2f2f2;
 	}
-	/deep/ .width-s{
+	:v-deep .width-s{
 		width: 200rpx !important;
 	}
 	.paddings{
diff --git a/pages/pay/treePay.vue b/pages/pay/treePay.vue
index 4b5eae5..f8291ae 100644
--- a/pages/pay/treePay.vue
+++ b/pages/pay/treePay.vue
@@ -506,7 +506,7 @@ export default {
 <style lang="scss" scoped>
 .content {
     background: #f9f9f9;
-    min-height: calc(100vh-44px);
+    min-height: calc(100vh - 44px);
 }
 
 .index_header {
diff --git a/pages/selfService/updateAdress/addAdress.vue b/pages/selfService/updateAdress/addAdress.vue
index 066e637..e207a07 100644
--- a/pages/selfService/updateAdress/addAdress.vue
+++ b/pages/selfService/updateAdress/addAdress.vue
@@ -393,7 +393,7 @@ export default {
   }
 }
 
-/deep/ .u-form-item__body__right__message {
+:v-deep .u-form-item__body__right__message {
   margin-left: 215rpx !important;
   padding-bottom: 20rpx;
 }
@@ -446,7 +446,7 @@ export default {
   display: block !important;
 }
 
-/deep/ .label-style .u-form-item__body__left {
+:v-deep .label-style .u-form-item__body__left {
   display: block !important;
   margin-top: 20rpx;
 }
diff --git a/pages/selfService/updateDomicile/addDomicile.vue b/pages/selfService/updateDomicile/addDomicile.vue
index 9763725..f26f6e8 100644
--- a/pages/selfService/updateDomicile/addDomicile.vue
+++ b/pages/selfService/updateDomicile/addDomicile.vue
@@ -342,7 +342,7 @@
 		}
 	}
 
-	/deep/ .u-form-item__body__right__message {
+	:v-deep .u-form-item__body__right__message {
 		margin-left: 215rpx !important;
 		padding-bottom: 20rpx;
 	}
@@ -395,7 +395,7 @@
 		display: block !important;
 	}
 
-	/deep/ .label-style .u-form-item__body__left {
+	:v-deep .label-style .u-form-item__body__left {
 		display: block !important;
 		margin-top: 20rpx;
 	}
diff --git a/pages/superStudio/index.vue b/pages/superStudio/index.vue
index ae286b9..23fe302 100644
--- a/pages/superStudio/index.vue
+++ b/pages/superStudio/index.vue
@@ -1291,7 +1291,7 @@ export default {
 	height: 1334rpx;
 	position: relative;
 }
-/deep/ .u-input__content{
+:v-deep .u-input__content{
 	padding-left: 20rpx;
 }
 .bg-colors{
@@ -1355,7 +1355,7 @@ export default {
 	color: #fff;
 	font-size: 30rpx;
 }
-/deep/ .u-form-item__body__left__content__label{
+:v-deep .u-form-item__body__left__content__label{
 	font-size: 28rpx;
 	color: #333;
 }
@@ -1420,29 +1420,29 @@ export default {
 	right: 0;
 	top: 45rpx;
 }
-/deep/ .u-form-item__body__left__content__label{
+:v-deep .u-form-item__body__left__content__label{
 	margin-left: 20rpx;
 }
-/deep/.u-form-item__body__left__content__required{
+:v-deep.u-form-item__body__left__content__required{
 	margin: 35rpx 10rpx 0 10rpx;
 	// position: absolute;
 	// top:40rpx;
 	color: #FB3024;
 	width: 10rpx;
 }
-/deep/ .u-form-item__body{
+:v-deep .u-form-item__body{
 	padding: 10rpx 0;
 }
-/deep/ .u-form-item__body__right__message{
+:v-deep .u-form-item__body__right__message{
 	padding-bottom: 20rpx;
 }
 .place{
 	color: #999;
 }
-/deep/ .uni-input-placeholder{
+:v-deep .uni-input-placeholder{
 	// padding-left: 20rpx;
 }
-/deep/
+:v-deep
 .texts{
 	height: 78rpx;
 }
diff --git a/pages/thOrder/index.vue b/pages/thOrder/index.vue
index 9484856..1467a58 100644
--- a/pages/thOrder/index.vue
+++ b/pages/thOrder/index.vue
@@ -554,7 +554,7 @@ export default {
     margin-top: 40rpx;
   }
 }
-/deep/ .u-form-item__body__right__message {
+:v-deep .u-form-item__body__right__message {
   margin-left: 215rpx !important;
   padding-bottom: 20rpx;
 }
@@ -594,7 +594,7 @@ export default {
 .label-style {
   display: block !important;
 }
-/deep/ .label-style .u-form-item__body__left {
+:v-deep .label-style .u-form-item__body__left {
   display: block !important;
   margin-top: 20rpx;
 }
diff --git a/uni_modules/uview-ui/components/u-input/props.js b/uni_modules/uview-ui/components/u-input/props.js
index 2c50870..ba675c5 100644
--- a/uni_modules/uview-ui/components/u-input/props.js
+++ b/uni_modules/uview-ui/components/u-input/props.js
@@ -50,7 +50,7 @@ export default {
 			type: String,
 			default: uni.$u.props.input.placeholder
 		},
-		// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
+		// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写:v-deep
 		placeholderClass: {
 			type: String,
 			default: uni.$u.props.input.placeholderClass
diff --git a/uni_modules/uview-ui/components/u-input/u-input.vue b/uni_modules/uview-ui/components/u-input/u-input.vue
index 30073eb..0914616 100644
--- a/uni_modules/uview-ui/components/u-input/u-input.vue
+++ b/uni_modules/uview-ui/components/u-input/u-input.vue
@@ -89,7 +89,7 @@ import props from "./props.js";
  * @property {Boolean}			password				是否密码类型 （ 默认 false ）
  * @property {String | Number}	maxlength				最大输入长度，设置为 -1 的时候不限制最大长度 （ 默认 -1 ）
  * @property {String}			placeholder				输入框为空时的占位符
- * @property {String}			placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
+ * @property {String}			placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写:v-deep （ 默认 'input-placeholder' ）
  * @property {String | Object}	placeholderStyle		指定placeholder的样式，字符串/对象形式，如"color: red;"
  * @property {Boolean}			showWordLimit			是否显示输入字数统计，只在 type ="text"或type ="textarea"时有效 （ 默认 false ）
  * @property {String}			confirmType				设置右下角按钮的文字，兼容性详见uni-app文档 （ 默认 'done' ）
diff --git a/uni_modules/uview-ui/components/u-textarea/props.js b/uni_modules/uview-ui/components/u-textarea/props.js
index d0e16d5..86c45c3 100644
--- a/uni_modules/uview-ui/components/u-textarea/props.js
+++ b/uni_modules/uview-ui/components/u-textarea/props.js
@@ -10,7 +10,7 @@ export default {
 			type: [String, Number],
 			default: uni.$u.props.textarea.placeholder
 		},
-		// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/
+		// 指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写:v-deep
 		placeholderClass: {
 			type: String,
 			default: uni.$u.props.input.placeholderClass
diff --git a/uni_modules/uview-ui/components/u-textarea/u-textarea.vue b/uni_modules/uview-ui/components/u-textarea/u-textarea.vue
index 2cd5fdc..f82ac50 100644
--- a/uni_modules/uview-ui/components/u-textarea/u-textarea.vue
+++ b/uni_modules/uview-ui/components/u-textarea/u-textarea.vue
@@ -49,7 +49,7 @@ import props from "./props.js";
  *
  * @property {String | Number} 		value					输入框的内容
  * @property {String | Number}		placeholder				输入框为空时占位符
- * @property {String}			    placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写/deep/ （ 默认 'input-placeholder' ）
+ * @property {String}			    placeholderClass		指定placeholder的样式类，注意页面或组件的style中写了scoped时，需要在类名前写:v-deep （ 默认 'input-placeholder' ）
  * @property {String | Object}	    placeholderStyle		指定placeholder的样式，字符串/对象形式，如"color: red;"
  * @property {String | Number}		height					输入框高度（默认 70 ）
  * @property {String}				confirmType				设置键盘右下角按钮的文字，仅微信小程序，App-vue和H5有效（默认 'done' ）