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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .u-form-item__body__right__message { :v-deep .u-form-item__body__right__message {
margin-left: 215rpx !important; margin-left: 215rpx !important;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
@ -309,7 +309,7 @@ export default {
.label-style { .label-style {
display: block !important; display: block !important;
} }
/deep/ .label-style .u-form-item__body__left { :v-deep .label-style .u-form-item__body__left {
display: block !important; display: block !important;
margin-top: 20rpx; margin-top: 20rpx;
} }

View File

@ -1257,7 +1257,7 @@
position: relative; position: relative;
} }
/deep/ .u-input__content { :v-deep .u-input__content {
padding-left: 20rpx; padding-left: 20rpx;
} }
@ -1332,7 +1332,7 @@
font-size: 30rpx; font-size: 30rpx;
} }
/deep/ .u-form-item__body__left__content__label { :v-deep .u-form-item__body__left__content__label {
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
} }
@ -1410,11 +1410,11 @@
top: 45rpx; top: 45rpx;
} }
/deep/ .u-form-item__body__left__content__label { :v-deep .u-form-item__body__left__content__label {
margin-left: 20rpx; 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; margin: 35rpx 10rpx 0 10rpx;
// position: absolute; // position: absolute;
// top:40rpx; // top:40rpx;
@ -1422,11 +1422,11 @@
width: 10rpx; width: 10rpx;
} }
/deep/ .u-form-item__body { :v-deep .u-form-item__body {
padding: 10rpx 0; padding: 10rpx 0;
} }
/deep/ .u-form-item__body__right__message { :v-deep .u-form-item__body__right__message {
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
@ -1434,11 +1434,11 @@
color: #999; color: #999;
} }
/deep/ .uni-input-placeholder { :v-deep .uni-input-placeholder {
// padding-left: 20rpx; // padding-left: 20rpx;
} }
/deep/ .texts { :v-deep .texts {
height: 78rpx; height: 78rpx;
} }

View File

@ -191,10 +191,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ uni-button:after{ :v-deep uni-button:after{
border: none; border: none;
} }
/deep/ .u-form-item__body__right__message{ :v-deep .u-form-item__body__right__message{
margin-left: 170rpx !important; margin-left: 170rpx !important;
} }
.yzm{ .yzm{
@ -208,7 +208,7 @@ export default {
margin-left: 30rpx; margin-left: 30rpx;
font-size: 24rpx; font-size: 24rpx;
} }
/deep/ .u-form-item:nth-child(2){ :v-deep .u-form-item:nth-child(2){
width: 670rpx; width: 670rpx;
} }
.contents{ .contents{
@ -217,7 +217,7 @@ export default {
page{ page{
background-color: #f2f2f2; background-color: #f2f2f2;
} }
/deep/ .width-s{ :v-deep .width-s{
width: 200rpx !important; width: 200rpx !important;
} }
.paddings{ .paddings{

View File

@ -201,10 +201,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ uni-button:after { :v-deep uni-button:after {
border: none; border: none;
} }
/deep/ .u-form-item__body__right__message { :v-deep .u-form-item__body__right__message {
margin-left: 170rpx !important; margin-left: 170rpx !important;
} }
.yzm { .yzm {
@ -218,7 +218,7 @@ export default {
margin-left: 30rpx; margin-left: 30rpx;
font-size: 24rpx; font-size: 24rpx;
} }
/deep/ .u-form-item:nth-child(2) { :v-deep .u-form-item:nth-child(2) {
width: 670rpx; width: 670rpx;
} }
.contents { .contents {
@ -227,7 +227,7 @@ export default {
page { page {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
/deep/ .width-s { :v-deep .width-s {
width: 200rpx !important; width: 200rpx !important;
} }
.paddings { .paddings {

View File

@ -201,10 +201,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ uni-button:after { :v-deep uni-button:after {
border: none; border: none;
} }
/deep/ .u-form-item__body__right__message { :v-deep .u-form-item__body__right__message {
margin-left: 170rpx !important; margin-left: 170rpx !important;
} }
.yzm { .yzm {
@ -218,7 +218,7 @@ export default {
margin-left: 30rpx; margin-left: 30rpx;
font-size: 24rpx; font-size: 24rpx;
} }
/deep/ .u-form-item:nth-child(2) { :v-deep .u-form-item:nth-child(2) {
width: 670rpx; width: 670rpx;
} }
.contents { .contents {
@ -227,7 +227,7 @@ export default {
page { page {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
/deep/ .width-s { :v-deep .width-s {
width: 200rpx !important; width: 200rpx !important;
} }
.paddings { .paddings {

View File

@ -744,7 +744,7 @@ export default {
margin: 0 auto 30rpx auto; margin: 0 auto 30rpx auto;
} }
/deep/ uni-swiper { :v-deep uni-swiper {
height: 300rpx; height: 300rpx;
} }
@ -941,29 +941,29 @@ header {
} }
} }
/deep/ .swiper-s .swiper-items uni-image { :v-deep .swiper-s .swiper-items uni-image {
height: 495rpx; height: 495rpx;
} }
/deep/ .uni-swiper-dots-horizontal .uni-swiper-dot { :v-deep .uni-swiper-dots-horizontal .uni-swiper-dot {
margin-right: 5rpx; margin-right: 5rpx;
} }
/deep/ .swiper-s .uni-swiper-dots .uni-swiper-dot { :v-deep .swiper-s .uni-swiper-dots .uni-swiper-dot {
width: 14rpx; width: 14rpx;
height: 14rpx; height: 14rpx;
background: #ffffff; background: #ffffff;
border-radius: 50%; border-radius: 50%;
} }
/deep/ uni-swiper .uni-swiper-dot { :v-deep uni-swiper .uni-swiper-dot {
width: 40rpx; width: 40rpx;
height: 6rpx; height: 6rpx;
background: #fff !important; background: #fff !important;
border-radius: 10rpx; border-radius: 10rpx;
} }
/deep/ uni-swiper .uni-swiper-dot-active { :v-deep uni-swiper .uni-swiper-dot-active {
width: 40rpx; width: 40rpx;
height: 6rpx; height: 6rpx;
background: #f94856 !important; background: #f94856 !important;

View File

@ -1366,7 +1366,7 @@ export default {
height: 1334rpx; height: 1334rpx;
position: relative; position: relative;
} }
/deep/ .u-input__content{ :v-deep .u-input__content{
padding-left: 20rpx; padding-left: 20rpx;
} }
.bg-colors{ .bg-colors{
@ -1430,7 +1430,7 @@ export default {
color: #fff; color: #fff;
font-size: 30rpx; font-size: 30rpx;
} }
/deep/ .u-form-item__body__left__content__label{ :v-deep .u-form-item__body__left__content__label{
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
} }
@ -1495,29 +1495,29 @@ export default {
right: 0; right: 0;
top: 45rpx; top: 45rpx;
} }
/deep/ .u-form-item__body__left__content__label{ :v-deep .u-form-item__body__left__content__label{
margin-left: 20rpx; 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; margin: 35rpx 10rpx 0 10rpx;
// position: absolute; // position: absolute;
// top:40rpx; // top:40rpx;
color: #FB3024; color: #FB3024;
width: 10rpx; width: 10rpx;
} }
/deep/ .u-form-item__body{ :v-deep .u-form-item__body{
padding: 10rpx 0; padding: 10rpx 0;
} }
/deep/ .u-form-item__body__right__message{ :v-deep .u-form-item__body__right__message{
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
.place{ .place{
color: #999; color: #999;
} }
/deep/ .uni-input-placeholder{ :v-deep .uni-input-placeholder{
// padding-left: 20rpx; // padding-left: 20rpx;
} }
/deep/ :v-deep
.texts{ .texts{
height: 78rpx; height: 78rpx;
} }

View File

@ -222,7 +222,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .u-form-item__body__right__message { :v-deep .u-form-item__body__right__message {
margin-left: 215rpx !important; margin-left: 215rpx !important;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
@ -262,7 +262,7 @@ export default {
.label-style { .label-style {
display: block !important; display: block !important;
} }
/deep/ .label-style .u-form-item__body__left { :v-deep .label-style .u-form-item__body__left {
display: block !important; display: block !important;
margin-top: 20rpx; margin-top: 20rpx;
} }

View File

@ -206,10 +206,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ uni-button:after{ :v-deep uni-button:after{
border: none; border: none;
} }
/deep/ .u-form-item__body__right__message{ :v-deep .u-form-item__body__right__message{
margin-left: 170rpx !important; margin-left: 170rpx !important;
} }
.yzm{ .yzm{
@ -223,7 +223,7 @@ export default {
margin-left: 30rpx; margin-left: 30rpx;
font-size: 24rpx; font-size: 24rpx;
} }
/deep/ .u-form-item:nth-child(2){ :v-deep .u-form-item:nth-child(2){
width: 670rpx; width: 670rpx;
} }
.contents{ .contents{
@ -232,7 +232,7 @@ export default {
page{ page{
background-color: #f2f2f2; background-color: #f2f2f2;
} }
/deep/ .width-s{ :v-deep .width-s{
width: 200rpx !important; width: 200rpx !important;
} }
.paddings{ .paddings{

View File

@ -209,10 +209,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ uni-button:after{ :v-deep uni-button:after{
border: none; border: none;
} }
/deep/ .u-form-item__body__right__message{ :v-deep .u-form-item__body__right__message{
margin-left: 170rpx !important; margin-left: 170rpx !important;
} }
.yzm{ .yzm{
@ -226,7 +226,7 @@ export default {
margin-left: 30rpx; margin-left: 30rpx;
font-size: 24rpx; font-size: 24rpx;
} }
/deep/ .u-form-item:nth-child(2){ :v-deep .u-form-item:nth-child(2){
width: 670rpx; width: 670rpx;
} }
.contents{ .contents{
@ -235,7 +235,7 @@ export default {
page{ page{
background-color: #f2f2f2; background-color: #f2f2f2;
} }
/deep/ .width-s{ :v-deep .width-s{
width: 200rpx !important; width: 200rpx !important;
} }
.paddings{ .paddings{

View File

@ -506,7 +506,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
background: #f9f9f9; background: #f9f9f9;
min-height: calc(100vh-44px); min-height: calc(100vh - 44px);
} }
.index_header { .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; margin-left: 215rpx !important;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
@ -446,7 +446,7 @@ export default {
display: block !important; display: block !important;
} }
/deep/ .label-style .u-form-item__body__left { :v-deep .label-style .u-form-item__body__left {
display: block !important; display: block !important;
margin-top: 20rpx; 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; margin-left: 215rpx !important;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
@ -395,7 +395,7 @@
display: block !important; display: block !important;
} }
/deep/ .label-style .u-form-item__body__left { :v-deep .label-style .u-form-item__body__left {
display: block !important; display: block !important;
margin-top: 20rpx; margin-top: 20rpx;
} }

View File

@ -1291,7 +1291,7 @@ export default {
height: 1334rpx; height: 1334rpx;
position: relative; position: relative;
} }
/deep/ .u-input__content{ :v-deep .u-input__content{
padding-left: 20rpx; padding-left: 20rpx;
} }
.bg-colors{ .bg-colors{
@ -1355,7 +1355,7 @@ export default {
color: #fff; color: #fff;
font-size: 30rpx; font-size: 30rpx;
} }
/deep/ .u-form-item__body__left__content__label{ :v-deep .u-form-item__body__left__content__label{
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
} }
@ -1420,29 +1420,29 @@ export default {
right: 0; right: 0;
top: 45rpx; top: 45rpx;
} }
/deep/ .u-form-item__body__left__content__label{ :v-deep .u-form-item__body__left__content__label{
margin-left: 20rpx; 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; margin: 35rpx 10rpx 0 10rpx;
// position: absolute; // position: absolute;
// top:40rpx; // top:40rpx;
color: #FB3024; color: #FB3024;
width: 10rpx; width: 10rpx;
} }
/deep/ .u-form-item__body{ :v-deep .u-form-item__body{
padding: 10rpx 0; padding: 10rpx 0;
} }
/deep/ .u-form-item__body__right__message{ :v-deep .u-form-item__body__right__message{
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
.place{ .place{
color: #999; color: #999;
} }
/deep/ .uni-input-placeholder{ :v-deep .uni-input-placeholder{
// padding-left: 20rpx; // padding-left: 20rpx;
} }
/deep/ :v-deep
.texts{ .texts{
height: 78rpx; height: 78rpx;
} }

View File

@ -554,7 +554,7 @@ export default {
margin-top: 40rpx; margin-top: 40rpx;
} }
} }
/deep/ .u-form-item__body__right__message { :v-deep .u-form-item__body__right__message {
margin-left: 215rpx !important; margin-left: 215rpx !important;
padding-bottom: 20rpx; padding-bottom: 20rpx;
} }
@ -594,7 +594,7 @@ export default {
.label-style { .label-style {
display: block !important; display: block !important;
} }
/deep/ .label-style .u-form-item__body__left { :v-deep .label-style .u-form-item__body__left {
display: block !important; display: block !important;
margin-top: 20rpx; margin-top: 20rpx;
} }

View File

@ -50,7 +50,7 @@ export default {
type: String, type: String,
default: uni.$u.props.input.placeholder default: uni.$u.props.input.placeholder
}, },
// 指定placeholder的样式类注意页面或组件的style中写了scoped时需要在类名前写/deep/ // 指定placeholder的样式类注意页面或组件的style中写了scoped时需要在类名前写:v-deep
placeholderClass: { placeholderClass: {
type: String, type: String,
default: uni.$u.props.input.placeholderClass default: uni.$u.props.input.placeholderClass

View File

@ -89,7 +89,7 @@ import props from "./props.js";
* @property {Boolean} password 是否密码类型 默认 false * @property {Boolean} password 是否密码类型 默认 false
* @property {String | Number} maxlength 最大输入长度设置为 -1 的时候不限制最大长度 默认 -1 * @property {String | Number} maxlength 最大输入长度设置为 -1 的时候不限制最大长度 默认 -1
* @property {String} placeholder 输入框为空时的占位符 * @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 {String | Object} placeholderStyle 指定placeholder的样式字符串/对象形式"color: red;"
* @property {Boolean} showWordLimit 是否显示输入字数统计只在 type ="text"或type ="textarea"时有效 默认 false * @property {Boolean} showWordLimit 是否显示输入字数统计只在 type ="text"或type ="textarea"时有效 默认 false
* @property {String} confirmType 设置右下角按钮的文字兼容性详见uni-app文档 默认 'done' * @property {String} confirmType 设置右下角按钮的文字兼容性详见uni-app文档 默认 'done'

View File

@ -10,7 +10,7 @@ export default {
type: [String, Number], type: [String, Number],
default: uni.$u.props.textarea.placeholder default: uni.$u.props.textarea.placeholder
}, },
// 指定placeholder的样式类注意页面或组件的style中写了scoped时需要在类名前写/deep/ // 指定placeholder的样式类注意页面或组件的style中写了scoped时需要在类名前写:v-deep
placeholderClass: { placeholderClass: {
type: String, type: String,
default: uni.$u.props.input.placeholderClass default: uni.$u.props.input.placeholderClass

View File

@ -49,7 +49,7 @@ import props from "./props.js";
* *
* @property {String | Number} value 输入框的内容 * @property {String | Number} value 输入框的内容
* @property {String | Number} placeholder 输入框为空时占位符 * @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 | Object} placeholderStyle 指定placeholder的样式字符串/对象形式"color: red;"
* @property {String | Number} height 输入框高度默认 70 * @property {String | Number} height 输入框高度默认 70
* @property {String} confirmType 设置键盘右下角按钮的文字仅微信小程序App-vue和H5有效默认 'done' * @property {String} confirmType 设置键盘右下角按钮的文字仅微信小程序App-vue和H5有效默认 'done'