Skip to content

Commit b2f6a37

Browse files
SinzoLSinzoL
committed
fix: 调整展示文件样式
1 parent f065e96 commit b2f6a37

16 files changed

Lines changed: 72 additions & 110 deletions

File tree

‎src/qrcode/__test__/__snapshots__/demo.test.js.snap‎

Lines changed: 27 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,10 @@
22

33
exports[`Qrcode Qrcode base demo works fine 1`] = `
44
<base>
5-
<wx-view
6-
class="intro-text"
7-
>
8-
基本用法
9-
</wx-view>
105
<t-qrcode
116
level="M"
127
status="active"
13-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
8+
value="https://tdesign.tencent.com/"
149
/>
1510
</base>
1611
`;
@@ -19,29 +14,22 @@ exports[`Qrcode Qrcode borderless demo works fine 1`] = `
1914
<borderless>
2015
<t-qrcode
2116
borderless="{{true}}"
22-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
17+
value="https://tdesign.tencent.com/"
2318
/>
2419
</borderless>
2520
`;
2621

2722
exports[`Qrcode Qrcode color demo works fine 1`] = `
2823
<color>
29-
<wx-view
30-
class="intro-text"
31-
style="padding-bottom: 16px"
32-
>
33-
二维码颜色
34-
</wx-view>
3524
<t-qrcode
3625
bgColor="#fff"
3726
color="#0052D9"
3827
level="M"
3928
status="active"
40-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
29+
value="https://tdesign.tencent.com/"
4130
/>
4231
<wx-view
43-
class="intro-text"
44-
style="padding-bottom: 16px; padding-top: 24px"
32+
class="demo-summary"
4533
>
4634
二维码背景颜色
4735
</wx-view>
@@ -50,7 +38,7 @@ exports[`Qrcode Qrcode color demo works fine 1`] = `
5038
color="#0052D9"
5139
level="M"
5240
status="active"
53-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
41+
value="https://tdesign.tencent.com/"
5442
/>
5543
</color>
5644
`;
@@ -59,7 +47,7 @@ exports[`Qrcode Qrcode icon demo works fine 1`] = `
5947
<wx-icon>
6048
<t-qrcode
6149
icon="https://tdesign.gtimg.com/site/tdesign-logo.png"
62-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
50+
value="https://tdesign.tencent.com/"
6351
/>
6452
</wx-icon>
6553
`;
@@ -82,13 +70,14 @@ exports[`Qrcode Qrcode level demo works fine 1`] = `
8270
bind:change="handleSliderChange"
8371
/>
8472
<wx-view
85-
style="height: 16px; width: 100%"
86-
/>
87-
<t-qrcode
88-
level="M"
89-
status="active"
90-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
91-
/>
73+
class="qrcode-content"
74+
>
75+
<t-qrcode
76+
level="M"
77+
status="active"
78+
value="https://tdesign.tencent.com/"
79+
/>
80+
</wx-view>
9281
</level>
9382
`;
9483

@@ -140,44 +129,39 @@ exports[`Qrcode Qrcode size demo works fine 1`] = `
140129

141130
exports[`Qrcode Qrcode status demo works fine 1`] = `
142131
<status>
143-
<wx-text
144-
class="status-text"
145-
>
146-
active
147-
</wx-text>
148132
<t-qrcode
149133
status="active"
150-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
134+
value="https://tdesign.tencent.com/"
151135
bind:refresh="handleRefresh"
152136
/>
153-
<wx-text
154-
class="status-text"
137+
<wx-view
138+
class="demo-summary"
155139
>
156140
expired
157-
</wx-text>
141+
</wx-view>
158142
<t-qrcode
159143
status="expired"
160-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
144+
value="https://tdesign.tencent.com/"
161145
bind:refresh="handleRefresh"
162146
/>
163-
<wx-text
164-
class="status-text"
147+
<wx-view
148+
class="demo-summary"
165149
>
166150
loading
167-
</wx-text>
151+
</wx-view>
168152
<t-qrcode
169153
status="loading"
170-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
154+
value="https://tdesign.tencent.com/"
171155
bind:refresh="handleRefresh"
172156
/>
173-
<wx-text
174-
class="status-text"
157+
<wx-view
158+
class="demo-summary"
175159
>
176160
scanned
177-
</wx-text>
161+
</wx-view>
178162
<t-qrcode
179163
status="scanned"
180-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
164+
value="https://tdesign.tencent.com/"
181165
bind:refresh="handleRefresh"
182166
/>
183167
</status>

‎src/qrcode/_example/base/index.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
{
22
"component": true,
3+
"styleIsolation": "apply-shared",
34
"usingComponents": {
45
"t-qrcode": "tdesign-miniprogram/qrcode/qrcode"
56
}

‎src/qrcode/_example/base/index.wxml‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1 @@
1-
<view class="intro-text"> 基本用法 </view>
2-
<t-qrcode value="https://tdesign.gtimg.com/site/tdesign-logo.png" level="M" status="active"></t-qrcode>
1+
<t-qrcode value="https://tdesign.tencent.com/" level="M" status="active" />

‎src/qrcode/_example/base/index.wxss‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +0,0 @@
1-
.intro-text {
2-
font-size: 14px;
3-
line-height: 22px;
4-
font-weight: 400;
5-
color: rgba(0, 0, 0, 0.6);
6-
margin-bottom: 16px;
7-
}

‎src/qrcode/_example/borderless/index.wxml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<t-qrcode value="https://tdesign.gtimg.com/site/tdesign-logo.png" borderless="{{true}}"></t-qrcode>
1+
<t-qrcode value="https://tdesign.tencent.com/" borderless="{{true}}" />

‎src/qrcode/_example/color/index.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
{
22
"component": true,
3+
"styleIsolation": "apply-shared",
34
"usingComponents": {
45
"t-qrcode": "tdesign-miniprogram/qrcode/qrcode"
56
}

‎src/qrcode/_example/color/index.wxml‎

Lines changed: 5 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,5 @@
1-
<view class="intro-text" style="padding-bottom: 16px"> 二维码颜色 </view>
2-
<t-qrcode
3-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
4-
level="M"
5-
status="active"
6-
color="#0052D9"
7-
bgColor="#fff"
8-
>
9-
</t-qrcode>
10-
<view class="intro-text" style="padding-bottom: 16px; padding-top: 24px"> 二维码背景颜色 </view>
11-
<t-qrcode
12-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
13-
level="M"
14-
status="active"
15-
color="#0052D9"
16-
bgColor="#D9E1FF"
17-
>
18-
</t-qrcode>
1+
<t-qrcode value="https://tdesign.tencent.com/" level="M" status="active" color="#0052D9" bgColor="#fff" />
2+
3+
<view class="demo-summary"> 二维码背景颜色 </view>
4+
5+
<t-qrcode value="https://tdesign.tencent.com/" level="M" status="active" color="#0052D9" bgColor="#D9E1FF" />

‎src/qrcode/_example/color/index.wxss‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
1-
.intro-text {
2-
color: rgba(0, 0, 0, 0.6);
3-
font-size: 14px;
4-
font-weight: 400;
1+
.demo-summary {
2+
padding-top: 48rpx;
3+
padding-bottom: 32rpx;
4+
box-sizing: border-box;
5+
56
line-height: 22px;
7+
color: var(--bg-color-demo-desc);
8+
font-size: var(--td-font-size-base, 28rpx);
69
}

‎src/qrcode/_example/icon/index.wxml‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1 @@
1-
<t-qrcode
2-
value="https://tdesign.gtimg.com/site/tdesign-logo.png"
3-
icon="https://tdesign.gtimg.com/site/tdesign-logo.png"
4-
>
5-
</t-qrcode>
1+
<t-qrcode value="https://tdesign.tencent.com/" icon="https://tdesign.gtimg.com/site/tdesign-logo.png" />

‎src/qrcode/_example/level/index.wxml‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
<t-slider value="{{value}}" min="0" max="3" step="1" marks="{{marks}}" bindchange="handleSliderChange" />
2-
3-
<view style="height: 16px; width: 100%"> </view>
4-
5-
<t-qrcode value="https://tdesign.gtimg.com/site/tdesign-logo.png" level="{{currentLevel}}" status="active" />
2+
<view class="qrcode-content">
3+
<t-qrcode value="https://tdesign.tencent.com/" level="{{currentLevel}}" status="active" />
4+
</view>

0 commit comments

Comments
 (0)