1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| /* start--微信小程序编译后页面有组件名的元素，特别处理--start */
| /* #ifdef MP-WEIXIN || MP-QQ */
| u-td, u-th {
| flex: 1;
| align-self: stretch;
| }
|
| .u-td {
| height: 100%;
| }
|
| u-icon {
| display: inline-flex;
| align-items: center;
| }
|
| // 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
| u-grid {
| width: 100%;
| flex: 0 0 100%;
| }
|
| // 避免小程序线条组件因为父组件display: flex;而失效
| u-line {
| flex: 1;
| }
|
| u-switch {
| display: inline-flex;
| align-items: center;
| }
|
| u-dropdown {
| flex: 1;
| }
| /* #endif */
| /* end-微信小程序编译后页面有组件名的元素，特别处理--end */
|
|
| /* #ifdef MP-QQ || MP-TOUTIAO */
| // 需要做这一切额外的兼容，都是因为TX的无能
| u-icon {
| line-height: 0;
| }
| /* #endif */
|
| /* start--头条小程序编译后页面有组件名的元素，特别处理--start */
| // 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
| /* #ifdef MP-TOUTIAO */
| .u-td, .u-th, .u-tr {
| flex: 1;
| align-self: stretch;
| }
|
| .u-row, .u-col {
| flex: 1;
| align-self: stretch;
| }
|
| // 避免小程序线条组件因为父组件display: flex;而失效
| .u-line {
| flex: 1;
| }
|
| .u-dropdown {
| flex: 1;
| }
| /* #endif */
| /* end-头条小程序编译后页面有组件名的元素，特别处理--end */
|
|
