app.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. /*app.wxss*/
  2. /* #ifndef APP-NVUE */
  3. page {
  4. background-color: #fafafa;
  5. font-size: 32rpx;
  6. }
  7. ::-webkit-scrollbar {
  8. width: 0 !important;
  9. height: 0 !important;
  10. color: transparent !important;
  11. display: none;
  12. }
  13. button::after {
  14. border: none;
  15. }
  16. .container {
  17. display: flex;
  18. box-sizing: border-box;
  19. flex-direction: column;
  20. }
  21. .tui-phcolor {
  22. color: #ccc;
  23. font-size: 32rpx;
  24. overflow: visible;
  25. }
  26. .tui-opcity {
  27. opacity: 0.5;
  28. }
  29. .tui-hover {
  30. background-color: #f7f7f9 !important;
  31. }
  32. .tui-ellipsis {
  33. overflow: hidden;
  34. white-space: nowrap;
  35. text-overflow: ellipsis;
  36. }
  37. /*按钮样式*/
  38. /*列表统一样式 */
  39. .tui-list-item {
  40. position: relative;
  41. }
  42. .tui-list-item::after {
  43. content: '';
  44. position: absolute;
  45. border-bottom: 1rpx solid #eaeef1;
  46. -webkit-transform: scaleY(0.5);
  47. transform: scaleY(0.5);
  48. bottom: 0;
  49. right: 0;
  50. left: 30rpx;
  51. }
  52. .tui-last::after {
  53. border-bottom: 0 !important;
  54. }
  55. .tui-button-primary {
  56. width: 100%;
  57. height: 90rpx;
  58. line-height: 90rpx;
  59. background: linear-gradient(-90deg, #5677fc, #5c8dff);
  60. border-radius: 45rpx;
  61. color: #fff;
  62. font-size: 36rpx;
  63. }
  64. .tui-button-hover {
  65. color: #d5d4d9;
  66. background: linear-gradient(-90deg, #4a67d6, #4e77d9);
  67. }
  68. .tui-button-gray {
  69. background: #ededed;
  70. color: #999 !important;
  71. }
  72. .tui-button-gray_hover {
  73. background: #d5d5d5 !important;
  74. color: #898989;
  75. }
  76. .tui-button-white {
  77. background: #fff;
  78. color: #333 !important;
  79. }
  80. .tui-button-white_hover {
  81. background: #e5e5e5 !important;
  82. color: #2e2e2e !important;
  83. }
  84. /* #endif */