Commit e8ff270cf0e9d8d3e1fa20a127d82a4a221b7191
1 parent
b7fe5601
feat: 为兼容mac,/deep/ 全局替换为 ::v-deep
Showing
16 changed files
with
33 additions
and
32 deletions
... | ... | @@ -257,7 +257,7 @@ export default { |
257 | 257 | <style lang="scss" scoped> |
258 | 258 | @import './static/alarmDetail.scss'; |
259 | 259 | |
260 | -/deep/ .u-button--primary { | |
260 | +::v-deep .u-button--primary { | |
261 | 261 | background-color: #377dff !important; |
262 | 262 | border-color: #377dff !important; |
263 | 263 | } | ... | ... |
... | ... | @@ -38,21 +38,21 @@ |
38 | 38 | </script> |
39 | 39 | |
40 | 40 | <style lang="scss" scoped> |
41 | - /deep/ .u-button--primary { | |
41 | + ::v-deep .u-button--primary { | |
42 | 42 | background-color: #377dff !important; |
43 | 43 | border-color: #377dff !important; |
44 | 44 | } |
45 | 45 | |
46 | - /deep/ .u-button--info { | |
46 | + ::v-deep .u-button--info { | |
47 | 47 | background-color: #e3e3e5 !important; |
48 | 48 | border-color: #e3e3e5 !important; |
49 | 49 | } |
50 | 50 | |
51 | - /deep/ .u-cell__right-icon-wrap { | |
51 | + ::v-deep .u-cell__right-icon-wrap { | |
52 | 52 | margin-top: -55rpx !important; |
53 | 53 | } |
54 | 54 | |
55 | - /deep/ .uni-calendar--fixed { | |
55 | + ::v-deep .uni-calendar--fixed { | |
56 | 56 | bottom: 172rpx !important; |
57 | 57 | } |
58 | 58 | ... | ... |
... | ... | @@ -60,21 +60,21 @@ |
60 | 60 | </script> |
61 | 61 | |
62 | 62 | <style lang="scss" scoped> |
63 | - /deep/ .u-button--primary { | |
63 | + ::v-deep .u-button--primary { | |
64 | 64 | background-color: #377dff !important; |
65 | 65 | border-color: #377dff !important; |
66 | 66 | } |
67 | 67 | |
68 | - /deep/ .u-button--info { | |
68 | + ::v-deep .u-button--info { | |
69 | 69 | background-color: #e3e3e5 !important; |
70 | 70 | border-color: #e3e3e5 !important; |
71 | 71 | } |
72 | 72 | |
73 | - /deep/ .u-cell__right-icon-wrap { | |
73 | + ::v-deep .u-cell__right-icon-wrap { | |
74 | 74 | margin-top: -55rpx !important; |
75 | 75 | } |
76 | 76 | |
77 | - /deep/ .uni-calendar--fixed { | |
77 | + ::v-deep .uni-calendar--fixed { | |
78 | 78 | bottom: 172rpx !important; |
79 | 79 | } |
80 | 80 | ... | ... |
... | ... | @@ -36,19 +36,19 @@ |
36 | 36 | .info-contain { |
37 | 37 | margin: 0rpx 27rpx; |
38 | 38 | |
39 | - /deep/ .u-line { | |
39 | + ::v-deep .u-line { | |
40 | 40 | display: none !important; |
41 | 41 | } |
42 | 42 | |
43 | - /deep/ .u-form-item__body__left__content__label { | |
43 | + ::v-deep .u-form-item__body__left__content__label { | |
44 | 44 | display: none !important; |
45 | 45 | } |
46 | 46 | |
47 | - /deep/.u-form-item__body__right { | |
47 | + ::v-deep.u-form-item__body__right { | |
48 | 48 | margin-left: -106rpx; |
49 | 49 | } |
50 | 50 | |
51 | - /deep/.u-textarea--radius { | |
51 | + ::v-deep.u-textarea--radius { | |
52 | 52 | border: none !important; |
53 | 53 | } |
54 | 54 | } |
... | ... | @@ -58,7 +58,7 @@ |
58 | 58 | } |
59 | 59 | } |
60 | 60 | |
61 | - /deep/.u-button--primary { | |
61 | + ::v-deep.u-button--primary { | |
62 | 62 | background-color: #377DFF !important; |
63 | 63 | border-color: #377DFF !important; |
64 | 64 | } | ... | ... |
... | ... | @@ -391,21 +391,21 @@ |
391 | 391 | |
392 | 392 | @import './static/set.scss'; |
393 | 393 | |
394 | - /deep/ .u-line { | |
394 | + ::v-deep .u-line { | |
395 | 395 | width: 662rpx !important; |
396 | 396 | } |
397 | 397 | |
398 | - /deep/ .u-form-item { | |
398 | + ::v-deep .u-form-item { | |
399 | 399 | height: 100rpx !important; |
400 | 400 | } |
401 | 401 | |
402 | - /deep/ .u-form-item:nth-child(3) { | |
402 | + ::v-deep .u-form-item:nth-child(3) { | |
403 | 403 | .u-form-item__body { |
404 | 404 | background: #f5f7fa !important; |
405 | 405 | width: 663rpx !important; |
406 | 406 | } |
407 | 407 | } |
408 | - /deep/ .u-form-item:nth-child(4) { | |
408 | + ::v-deep .u-form-item:nth-child(4) { | |
409 | 409 | .u-form-item__body { |
410 | 410 | background: #f5f7fa !important; |
411 | 411 | width: 663rpx !important; | ... | ... |
... | ... | @@ -249,21 +249,21 @@ import {mapActions } from 'vuex' |
249 | 249 | <style lang="scss" scoped> |
250 | 250 | @import './static/alarm.scss'; |
251 | 251 | |
252 | - /deep/ .u-button--primary { | |
252 | + ::v-deep .u-button--primary { | |
253 | 253 | background-color: #377dff !important; |
254 | 254 | border-color: #377dff !important; |
255 | 255 | } |
256 | 256 | |
257 | - /deep/ .u-button--info { | |
257 | + ::v-deep .u-button--info { | |
258 | 258 | background-color: #e3e3e5 !important; |
259 | 259 | border-color: #e3e3e5 !important; |
260 | 260 | } |
261 | 261 | |
262 | - /deep/ .u-cell__right-icon-wrap { | |
262 | + ::v-deep .u-cell__right-icon-wrap { | |
263 | 263 | margin-top: -55rpx !important; |
264 | 264 | } |
265 | 265 | |
266 | - /deep/ .uni-calendar--fixed { | |
266 | + ::v-deep .uni-calendar--fixed { | |
267 | 267 | bottom: 172rpx !important; |
268 | 268 | } |
269 | 269 | ... | ... |
... | ... | @@ -50,7 +50,7 @@ export default { |
50 | 50 | type: String, |
51 | 51 | default: uni.$u.props.input.placeholder |
52 | 52 | }, |
53 | - // 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写/deep/ | |
53 | + // 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写::v-deep | |
54 | 54 | placeholderClass: { |
55 | 55 | type: String, |
56 | 56 | default: uni.$u.props.input.placeholderClass | ... | ... |
... | ... | @@ -59,7 +59,7 @@ import props from './props.js'; |
59 | 59 | * @property {Boolean} password 是否密码类型 ( 默认 false ) |
60 | 60 | * @property {String | Number} maxlength 最大输入长度,设置为 -1 的时候不限制最大长度 ( 默认 -1 ) |
61 | 61 | * @property {String} placeholder 输入框为空时的占位符 |
62 | - * @property {String} placeholderClass 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写/deep/ ( 默认 'input-placeholder' ) | |
62 | + * @property {String} placeholderClass 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写::v-deep ( 默认 'input-placeholder' ) | |
63 | 63 | * @property {String | Object} placeholderStyle 指定placeholder的样式,字符串/对象形式,如"color: red;" |
64 | 64 | * @property {Boolean} showWordLimit 是否显示输入字数统计,只在 type ="text"或type ="textarea"时有效 ( 默认 false ) |
65 | 65 | * @property {String} confirmType 设置右下角按钮的文字,兼容性详见uni-app文档 ( 默认 'done' ) | ... | ... |
... | ... | @@ -10,7 +10,7 @@ export default { |
10 | 10 | type: [String, Number], |
11 | 11 | default: uni.$u.props.textarea.placeholder |
12 | 12 | }, |
13 | - // 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写/deep/ | |
13 | + // 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写::v-deep | |
14 | 14 | placeholderClass: { |
15 | 15 | type: String, |
16 | 16 | default: uni.$u.props.input.placeholderClass | ... | ... |
... | ... | @@ -48,7 +48,7 @@ import props from "./props.js"; |
48 | 48 | * |
49 | 49 | * @property {String | Number} value 输入框的内容 |
50 | 50 | * @property {String | Number} placeholder 输入框为空时占位符 |
51 | - * @property {String} placeholderClass 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写/deep/ ( 默认 'input-placeholder' ) | |
51 | + * @property {String} placeholderClass 指定placeholder的样式类,注意页面或组件的style中写了scoped时,需要在类名前写::v-deep ( 默认 'input-placeholder' ) | |
52 | 52 | * @property {String | Object} placeholderStyle 指定placeholder的样式,字符串/对象形式,如"color: red;" |
53 | 53 | * @property {String | Number} height 输入框高度(默认 70 ) |
54 | 54 | * @property {String} confirmType 设置键盘右下角按钮的文字,仅微信小程序,App-vue和H5有效(默认 'done' ) | ... | ... |