tab.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .listtopb {
  18. background-color: #ffffff;
  19. }
  20. .listtopb .tit {
  21. flex: 1;
  22. display: flex;
  23. flex-direction: column;
  24. justify-content: center;
  25. position: relative;
  26. }
  27. .listtopb .tit view {
  28. text-align: center;
  29. }
  30. .listtopb .tit .tits {
  31. color: #AAAAAA;
  32. }
  33. .listtopb .tit .txt {
  34. color: #aaaaaa;
  35. }
  36. .listtopb .tit .line {
  37. width: 40rpx;
  38. height: 12rpx;
  39. position: absolute;
  40. left: 50%;
  41. margin-left: -20rpx;
  42. bottom: 6rpx;
  43. display: none;
  44. }
  45. .listtopb .tit.act .tits {
  46. color: #161616;
  47. }
  48. .listtopb .tit.act .txt {
  49. color: #FE5706;
  50. }
  51. .listtopb .tit.act .line {
  52. display: block;
  53. }
  54. .listtopb .chebox {
  55. width: 96rpx;
  56. background: #FFFFFF;
  57. box-shadow: -10rpx 0rpx 10rpx 0rpx rgba(196, 191, 191, 0.22);
  58. display: flex;
  59. align-items: center;
  60. justify-content: center;
  61. }
  62. .listtopb .chebox image {
  63. width: 30rpx;
  64. height: 26rpx;
  65. }