style.mp.scss 1.4 KB

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