index.wxss 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .cards-tips{background: #fff7f6;top:0; font-size: 26rpx; color: var(--subtitleColor);line-height: 2.5;white-space: nowrap;padding:0 20rpx}
  2. .card-list{margin: 20rpx;border: 2rpx solid #eee;border-radius: 20rpx; background: #fff;padding-left: 20rpx;}
  3. .card-modfiy .icon{margin:0 30rpx;}
  4. .card-list-info{font-size: 26rpx; color: #595757; line-height: 40rpx;padding: 20rpx 0;}
  5. .card-list-info .name{font-size: 28rpx;padding-bottom: 20rpx;}
  6. .blue{color:#0079C0;}
  7. .list-block .item-icon{
  8. max-height: 56rpx;
  9. margin-left: 10rpx;
  10. color: #5f646e;
  11. white-space: nowrap;
  12. flex-shrink: 0;
  13. }
  14. .tab-bar{border-bottom: 2rpx solid #ebedf0; display: flex; justify-content: space-between; align-items: center; box-sizing: content-box; position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
  15. .tab-item{flex: 0; flex-basis: 50%; padding: 0 10rpx; text-align: center; line-height: 88rpx; font-size:28rpx; box-sizing: border-box;font-weight: 700;}
  16. .tab-item.active .label{border-bottom: 4rpx solid var(--subtitleColor); color: var(--subtitleColor);}
  17. .label{display: inline-block; position: relative; border-bottom: 4rpx solid transparent; color: #7d7e80;}
  18. .tab-bar ~ .content{padding-top: 94rpx;}
  19. .tab-active .label{color: var(--subtitleColor)}
  20. .head_label{
  21. padding: 20rpx;
  22. display: flex;
  23. flex-direction: row;
  24. justify-content: space-between;
  25. font-size: 28rpx;
  26. background: #fff;
  27. margin: 20rpx;
  28. border-top-left-radius: 20rpx;
  29. border-top-right-radius: 20rpx;
  30. }
  31. .head_label .switch{
  32. font-size: 24rpx;
  33. padding: 2rpx;
  34. border-radius: 20rpx;
  35. background: var(--subtitleColor);
  36. color: #fff;
  37. display: flex;
  38. flex-direction: row;
  39. align-items: center;
  40. }
  41. .head_label .switch_label{
  42. display: block;
  43. }
  44. .head_label .switch_label_active{
  45. background: #fff;
  46. border-radius: 20rpx;
  47. color: var(--subtitleColor);
  48. padding: 2rpx 10rpx;
  49. }
  50. .head_label .switch_label_noactive{
  51. padding: 2rpx 10rpx;
  52. }
  53. .form-table{
  54. margin: 20rpx;
  55. padding: 20rpx;
  56. border-radius: 20rpx;
  57. background: #fff;
  58. font-size: 28rpx;
  59. }
  60. .form-table .column{
  61. padding: 20rpx 0;
  62. display: flex;
  63. flex-direction: row;
  64. justify-content: space-between;
  65. align-items: center;
  66. border-bottom: 1rpx solid #eee;
  67. }
  68. .form-table .column .it-tit{width: 165rpx;}
  69. .form-table .column .it-lab{flex: 1;}
  70. .form-table .column .it-lab .weui-input{text-align: right;}
  71. .form-table .column .it-lab .textarea{text-align: left;}
  72. .perfect{
  73. margin-left: 10rpx;
  74. color: #fff;
  75. background: var(--subtitleColor);
  76. padding: 2rpx 6rpx;
  77. border-radius: 13rpx;
  78. border-bottom-left-radius: 0;
  79. font-size: 20rpx;
  80. }
  81. .maskTitle{
  82. color:var(--subtitleColor);
  83. font-size:26rpx;
  84. line-height:40rpx;
  85. margin-top:10rpx;
  86. }
  87. .maskTit{
  88. font-size:26rpx;
  89. line-height:40rpx;
  90. }