common.scss 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* 全局公共样式 */
  2. page{
  3. font-size: $global-font-size-base;
  4. color: $global-text-color;
  5. width: 100%;
  6. min-height: calc(100% - calc(50px + constant(safe-area-inset-bottom)));
  7. min-height: calc(100% - calc(50px + env(safe-area-inset-bottom)));
  8. background-color: $global-bg-color;
  9. padding-bottom: calc(50px + constant(safe-area-inset-bottom));
  10. padding-bottom: calc(50px + env(safe-area-inset-bottom));
  11. }
  12. view{
  13. box-sizing: border-box;
  14. }
  15. .flex{
  16. display: flex;
  17. }
  18. /* 卡片列表样式 */
  19. .global-list-card{
  20. border: 1px solid rgba(112, 112, 112, 0.05);
  21. box-shadow: 3rpx 3rpx 12rpx rgba(161, 161, 161, 0.14);
  22. border-radius: 16rpx;
  23. overflow: hidden;
  24. }
  25. /* 公共按钮 */
  26. .global-btn-yellow-change{
  27. background: linear-gradient(270deg, #EEC795 0%, #D9A360 100%);
  28. border-radius: 35rpx;
  29. color: $global-text-color-white;
  30. text-align: center;
  31. line-height: 70rpx;
  32. }
  33. .global-btn-yellow-plain{
  34. text-align: center;
  35. color: $global-text-color-main;
  36. border-radius: 35rpx;
  37. border: 1px solid $global-text-color-main;
  38. line-height: 70rpx;
  39. }
  40. .global-btn-disable{
  41. text-align: center;
  42. color:$global-text-color-white;
  43. background-color: #E6E6E6;
  44. border-radius: 35rpx;
  45. line-height: 70rpx;
  46. }
  47. /* 公共弹窗 */
  48. .global-pup{
  49. background-color: #fff;
  50. width: 90vw;
  51. min-height: 200rpx;
  52. font-size: $global-font-size-lg;
  53. .content{
  54. padding: 34rpx;
  55. text-align: center;
  56. min-height: 250rpx;
  57. display: flex;
  58. align-items: center;
  59. text-align: center;
  60. line-height: 1.7;
  61. rich-text{
  62. flex: 1;
  63. }
  64. }
  65. .bot{
  66. border-top: 1px solid $global-border-color;
  67. view{
  68. line-height: 96rpx;
  69. flex: 1;
  70. text-align: center;
  71. border-right: 1px solid $global-border-color;
  72. color:$global-text-color-main;
  73. }
  74. view:last-child {
  75. border: none;
  76. }
  77. }
  78. }