mytrends.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .mybox.data-v-fa03c0bc {
  18. min-height: 100vh;
  19. background-color: #fff;
  20. }
  21. .mybox .mymain.data-v-fa03c0bc {
  22. padding: 40rpx 32rpx;
  23. box-sizing: border-box;
  24. }
  25. .mybox .list.data-v-fa03c0bc {
  26. display: flex;
  27. align-items: flex-start;
  28. margin-bottom: 50rpx;
  29. }
  30. .mybox .list .listl.data-v-fa03c0bc {
  31. width: 80rpx;
  32. flex: 0 0 auto;
  33. color: #161616;
  34. font-weight: bold;
  35. margin-right: 20rpx;
  36. font-size: 38rpx;
  37. }
  38. .mybox .list .listl text.data-v-fa03c0bc {
  39. font-size: 24rpx;
  40. font-weight: normal;
  41. }
  42. .mybox .list .listr.data-v-fa03c0bc {
  43. display: flex;
  44. align-items: flex-start;
  45. }
  46. .mybox .list .listr .listrimg.data-v-fa03c0bc {
  47. display: flex;
  48. flex-wrap: wrap;
  49. width: 128rpx;
  50. flex: 0 0 auto;
  51. margin-right: 16rpx;
  52. }
  53. .mybox .list .listr .listrimg image.data-v-fa03c0bc {
  54. width: 60rpx;
  55. height: 60rpx;
  56. margin: 0 4rpx 4rpx 0;
  57. display: block;
  58. }
  59. .mybox .list .addimg.data-v-fa03c0bc {
  60. width: 120rpx;
  61. height: 120rpx;
  62. }
  63. .mybox .list .txtbox.data-v-fa03c0bc {
  64. flex: 1;
  65. padding: 20rpx 24rpx;
  66. box-sizing: border-box;
  67. background: #F3F3F3;
  68. border-radius: 4rpx;
  69. font-size: 30rpx;
  70. color: #161616;
  71. }
  72. .mybox .tabbox.data-v-fa03c0bc {
  73. display: flex;
  74. align-items: center;
  75. flex: 0 0 auto;
  76. }
  77. .mybox .tabbox .tablist.data-v-fa03c0bc {
  78. font-size: 30rpx;
  79. font-weight: 500;
  80. color: #666666;
  81. flex: 1;
  82. height: 88rpx;
  83. line-height: 88rpx;
  84. text-align: center;
  85. }
  86. .mybox .tabbox .tablist.act.data-v-fa03c0bc {
  87. font-weight: bold;
  88. color: #161616;
  89. position: relative;
  90. }
  91. .mybox .tabbox .tablist.act.data-v-fa03c0bc::after {
  92. width: 50rpx;
  93. height: 8rpx;
  94. background: #306EFE;
  95. border-radius: 4rpx;
  96. content: "";
  97. position: absolute;
  98. bottom: 0;
  99. left: 50%;
  100. margin-left: -25rpx;
  101. }