Skip to content

Commit 3b6d9a3

Browse files
wlxuquwlxuqu
committed
将全局样式，抽离给内部组件专用，避免暴露全局污染的样式
1 parent 4e77b88 commit 3b6d9a3

File tree

90 files changed

+229
-54
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

90 files changed

+229
-54
lines changed

‎pages/componentsC/test/index.vue

Lines changed: 43 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,48 @@
11
<template>
2-
<view>
3-
4-
</view>
2+
<u-card :title="title" :sub-title="subTitle" :thumb="thumb">
3+
<view class="" slot="body">
4+
<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
5+
<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
6+
<image src="https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg" mode="aspectFill"></image>
7+
</view>
8+
<view class="u-body-item u-flex u-row-between u-p-b-0">
9+
<view class="u-body-item-title u-line-2">釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放</view>
10+
<image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image>
11+
</view>
12+
</view>
13+
<view class="" slot="foot"><u-icon name="chat-fill" size="34" color="" label="30评论"></u-icon></view>
14+
</u-card>
515
</template>
616

717
<script>
8-
export default {
9-
data() {
10-
return {
11-
list: [{
12-
text: '点赞',
13-
color: 'blue',
14-
fontSize: 28
15-
}, {
16-
text: '分享'
17-
}, {
18-
text: '评论'
19-
}],
20-
show: false
21-
}
22-
}
18+
export default {
19+
data() {
20+
return {
21+
title: '素胚勾勒出青花，笔锋浓转淡',
22+
subTitle: '2020-05-15',
23+
thumb: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
24+
};
25+
}
26+
};
27+
</script>
28+
29+
<style scoped lang="scss">
30+
.u-card-wrap {
31+
background-color: $u-bg-color;
32+
padding: 1px;
33+
}
34+
35+
.u-body-item {
36+
font-size: 32rpx;
37+
color: #333;
38+
padding: 20rpx 10rpx;
39+
}
40+
41+
.u-body-item image {
42+
width: 120rpx;
43+
flex: 0 0 120rpx;
44+
height: 120rpx;
45+
border-radius: 8rpx;
46+
margin-left: 12rpx;
2347
}
24-
</script>
48+
</style>

‎uview-ui/components/u-action-sheet/u-action-sheet.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,8 @@
142142
</script>
143143

144144
<style lang="scss" scoped>
145+
@import "../../libs/css/style.components.scss";
146+
145147
.u-tips {
146148
font-size: 26rpx;
147149
text-align: center;

‎uview-ui/components/u-alert-tips/u-alert-tips.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,8 @@
128128
</script>
129129

130130
<style lang="scss" scoped>
131+
@import "../../libs/css/style.components.scss";
132+
131133
.u-alert-tips {
132134
display: flex;
133135
align-items: center;

‎uview-ui/components/u-avatar-cropper/u-avatar-cropper.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -225,6 +225,8 @@ export default {
225225
</script>
226226

227227
<style scoped>
228+
@import '../../libs/css/style.components.scss';
229+
228230
.content {
229231
background: rgba(255, 255, 255, 1);
230232
}

‎uview-ui/components/u-avatar/u-avatar.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,6 +103,8 @@
103103
</script>
104104

105105
<style lang="scss" scoped>
106+
@import "../../libs/css/style.components.scss";
107+
106108
.u-avatar {
107109
display: inline-flex;
108110
align-items: center;

‎uview-ui/components/u-back-top/u-back-top.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -123,6 +123,8 @@
123123
</script>
124124

125125
<style lang="scss" scoped>
126+
@import "../../libs/css/style.components.scss";
127+
126128
.u-back-top {
127129
width: 80rpx;
128130
height: 80rpx;

‎uview-ui/components/u-badge/u-badge.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,8 @@
137137
</script>
138138

139139
<style lang="scss" scoped>
140+
@import "../../libs/css/style.components.scss";
141+
140142
.u-badge-box {
141143
display: inline-flex;
142144
justify-content: center;

‎uview-ui/components/u-button/u-button.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -350,6 +350,7 @@ export default {
350350
</script>
351351

352352
<style scoped lang="scss">
353+
@import '../../libs/css/style.components.scss';
353354
.u-btn::after {
354355
border: none;
355356
}

‎uview-ui/components/u-calendar/u-calendar.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -456,6 +456,8 @@
456456
</script>
457457

458458
<style scoped lang="scss">
459+
@import "../../libs/css/style.components.scss";
460+
459461
.u-calendar {
460462
color: $u-content-color;
461463

‎uview-ui/components/u-car-keyboard/u-car-keyboard.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -165,6 +165,8 @@
165165
</script>
166166

167167
<style lang="scss" scoped>
168+
@import "../../libs/css/style.components.scss";
169+
168170
.u-keyboard-grids {
169171
background: rgb(215, 215, 217);
170172
padding: 24rpx 0;

‎uview-ui/components/u-card/u-card.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -242,6 +242,8 @@ export default {
242242
</script>
243243

244244
<style lang="scss" scoped>
245+
@import "../../libs/css/style.components.scss";
246+
245247
.u-card {
246248
position: relative;
247249
overflow: hidden;

‎uview-ui/components/u-cell-group/u-cell-group.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,8 @@
5555
</script>
5656

5757
<style lang="scss" scoped>
58+
@import "../../libs/css/style.components.scss";
59+
5860
.u-cell-box {
5961
width: 100%;
6062
}

‎uview-ui/components/u-cell-item/u-cell-item.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -207,6 +207,7 @@ export default {
207207
</script>
208208

209209
<style lang="scss" scoped>
210+
@import "../../libs/css/style.components.scss";
210211
.u-cell {
211212
position: relative;
212213
display: flex;

‎uview-ui/components/u-checkbox-group/u-checkbox-group.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,6 +97,8 @@
9797
</script>
9898

9999
<style lang="scss" scoped>
100+
@import "../../libs/css/style.components.scss";
101+
100102
.u-checkbox-group {
101103
/* #ifndef MP */
102104
display: inline-flex;

‎uview-ui/components/u-checkbox/u-checkbox.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -198,6 +198,8 @@
198198
</script>
199199

200200
<style lang="scss" scoped>
201+
@import "../../libs/css/style.components.scss";
202+
201203
.u-checkbox {
202204
display: -webkit-flex;
203205
display: flex;

‎uview-ui/components/u-circle-progress/u-circle-progress.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -197,6 +197,7 @@ export default {
197197
</script>
198198

199199
<style lang="scss" scoped>
200+
@import "../../libs/css/style.components.scss";
200201
.u-circle-progress {
201202
position: relative;
202203
display: inline-flex;

‎uview-ui/components/u-col/u-col.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@
3838
</script>
3939

4040
<style lang="scss">
41+
@import "../../libs/css/style.components.scss";
4142
.u-col {
4243
/* #ifdef MP-WEIXIN */
4344
float: left;

‎uview-ui/components/u-collapse-item/u-collapse-item.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -159,6 +159,8 @@
159159
</script>
160160

161161
<style lang="scss" scoped>
162+
@import "../../libs/css/style.components.scss";
163+
162164
.u-collapse-head {
163165
position: relative;
164166
display: flex;

‎uview-ui/components/u-collapse/u-collapse.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,5 +94,5 @@
9494
</script>
9595

9696
<style lang="scss" scoped>
97-
97+
@import "../../libs/css/style.components.scss";
9898
</style>

‎uview-ui/components/u-column-notice/u-column-notice.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -180,6 +180,8 @@ export default {
180180
</script>
181181

182182
<style lang="scss" scoped>
183+
@import "../../libs/css/style.components.scss";
184+
183185
.u-notice-bar {
184186
width: 100%;
185187
display: flex;

‎uview-ui/components/u-count-down/u-count-down.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -262,6 +262,8 @@ export default {
262262
</script>
263263

264264
<style scoped lang="scss">
265+
@import "../../libs/css/style.components.scss";
266+
265267
.u-countdown {
266268
display: inline-flex;
267269
align-items: center;

‎uview-ui/components/u-count-to/u-count-to.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -230,6 +230,8 @@ export default {
230230
</script>
231231

232232
<style lang="scss" scoped>
233+
@import "../../libs/css/style.components.scss";
234+
233235
.u-count-num {
234236
display: inline-block;
235237
text-align: center;

‎uview-ui/components/u-divider/u-divider.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,7 @@ export default {
106106
</script>
107107

108108
<style lang="scss" scoped>
109+
@import "../../libs/css/style.components.scss";
109110
.u-divider {
110111
width: 100%;
111112
position: relative;

‎uview-ui/components/u-dropdown-list/u-dropdown-list.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,7 @@ export default {
187187
</script>
188188

189189
<style lang="scss" scoped>
190+
@import "../../libs/css/style.components.scss";
190191
.dropdown-list-wapper {
191192
position: relative;
192193
}

‎uview-ui/components/u-empty/u-empty.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,8 @@
9595
</script>
9696

9797
<style lang="scss" scoped>
98+
@import "../../libs/css/style.components.scss";
99+
98100
.u-empty {
99101
display: flex;
100102
flex-direction: column;

‎uview-ui/components/u-field/u-field.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -255,6 +255,8 @@ export default {
255255
</script>
256256

257257
<style lang="scss" scoped>
258+
@import "../../libs/css/style.components.scss";
259+
258260
.u-field {
259261
font-size: 28rpx;
260262
padding: 20rpx 28rpx;

‎uview-ui/components/u-form-item/u-form-item.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -270,6 +270,8 @@ export default {
270270
</script>
271271

272272
<style lang="scss" scoped>
273+
@import "../../libs/css/style.components.scss";
274+
273275
.u-form-item {
274276
display: flex;
275277
// align-items: flex-start;

‎uview-ui/components/u-form/u-form.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,4 +102,6 @@ export default {
102102
};
103103
</script>
104104

105-
<style></style>
105+
<style scoped lang="scss">
106+
@import "../../libs/css/style.components.scss";
107+
</style>

‎uview-ui/components/u-full-screen/u-full-screen.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,8 @@
3737
</script>
3838

3939
<style scoped lang="scss">
40+
@import "../../libs/css/style.components.scss";
41+
4042
.u-full-content {
4143
background-color: #00C777;
4244
}

‎uview-ui/components/u-gap/u-gap.vue

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,4 +49,6 @@ export default {
4949
};
5050
</script>
5151

52-
<style></style>
52+
<style lang="scss" scoped>
53+
@import "../../libs/css/style.components.scss";
54+
</style>

‎uview-ui/components/u-grid-item/u-grid-item.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,6 +69,8 @@
6969
</script>
7070

7171
<style scoped lang="scss">
72+
@import "../../libs/css/style.components.scss";
73+
7274
.u-grid-item {
7375
box-sizing: border-box;
7476
background: #fff;

‎uview-ui/components/u-grid/u-grid.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,8 @@ export default {
7676
</script>
7777

7878
<style scoped lang="scss">
79+
@import "../../libs/css/style.components.scss";
80+
7981
.u-grid {
8082
width: 100%;
8183
/* #ifdef MP */

‎uview-ui/components/u-icon/u-icon.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,7 @@ export default {
160160
</script>
161161

162162
<style scoped lang="scss">
163+
@import "../../libs/css/style.components.scss";
163164
@import '../../iconfont.css';
164165
165166
.u-icon {

‎uview-ui/components/u-index-anchor/u-index-anchor.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,8 @@
5959
</script>
6060

6161
<style lang="scss" scoped>
62+
@import "../../libs/css/style.components.scss";
63+
6264
.u-index-anchor {
6365
box-sizing: border-box;
6466
padding: 14rpx 24rpx;

‎uview-ui/components/u-index-list/u-index-list.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,6 +269,8 @@
269269
</script>
270270

271271
<style lang="scss" scoped>
272+
@import "../../libs/css/style.components.scss";
273+
272274
.u-index-bar {
273275
position: relative
274276
}

‎uview-ui/components/u-input/u-input.vue

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -78,10 +78,6 @@ export default {
7878
type: String,
7979
default: 'text'
8080
},
81-
clearable: {
82-
type: Boolean,
83-
default: true
84-
},
8581
inputAlign: {
8682
type: String,
8783
default: 'left'

‎uview-ui/components/u-keyboard/u-keyboard.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -159,6 +159,8 @@
159159
</script>
160160

161161
<style lang="scss" scoped>
162+
@import "../../libs/css/style.components.scss";
163+
162164
.u-keyboard {
163165
position: relative;
164166
z-index: 1003;

‎uview-ui/components/u-lazy-load/u-lazy-load.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -209,6 +209,8 @@
209209
</script>
210210

211211
<style scoped lang="scss">
212+
@import "../../libs/css/style.components.scss";
213+
212214
.u-wrap {
213215
background-color: #eee;
214216
overflow: hidden;

0 commit comments

Comments
 (0)