73 lines
1.3 KiB
SCSS
73 lines
1.3 KiB
SCSS
|
/* 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 */
|
|||
|
|
|
|||
|
|
|
|||
|
|
|