3
0
Fork 0

fix(style): 修复css预处理器无法处理/deep/ 导致编译崩溃的问题

This commit is contained in:
yeweikangxx123 2025-04-01 17:06:24 +08:00
parent 5c9a9f9e09
commit 9e86e11f6f
19 changed files with 65 additions and 65 deletions

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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{

View File

@ -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 {

View File

@ -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 {

View File

@ -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;

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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{

View File

@ -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{

View File

@ -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 {

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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

View File

@ -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'

View File

@ -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

View File

@ -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'