fix(style): 修复css预处理器无法处理/deep/ 导致编译崩溃的问题
This commit is contained in:
parent
5c9a9f9e09
commit
9e86e11f6f
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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' )
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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' )
|
||||
|
|
Loading…
Reference in New Issue