uni.scss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. /**
  2. * uni-app内置的常用样式变量
  3. */
  4. /* 行为相关颜色 */
  5. $uni-color-primary: #007aff;
  6. $uni-color-success: #4cd964;
  7. $uni-color-warning: #f0ad4e;
  8. $uni-color-error: #dd524d;
  9. /* 文字基本颜色 */
  10. $uni-text-color:#333;//基本色
  11. $uni-text-color-inverse:#fff;//反色
  12. $uni-text-color-grey:#999;//辅助灰色,如加载更多的提示信息
  13. $uni-text-color-placeholder: #808080;
  14. $uni-text-color-disable:#c0c0c0;
  15. /* 背景颜色 */
  16. $uni-bg-color:#ffffff;
  17. $uni-bg-color-grey:#f8f8f8;
  18. $uni-bg-color-hover:#f1f1f1;//点击状态颜色
  19. $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
  20. /* 边框颜色 */
  21. $uni-border-color:#e5e5e5;
  22. /* 尺寸变量 */
  23. /* 文字尺寸 */
  24. $uni-font-size-sm:12px;
  25. $uni-font-size-base:14px;
  26. $uni-font-size-lg:16px;
  27. /* 图片尺寸 */
  28. $uni-img-size-sm:20px;
  29. $uni-img-size-base:26px;
  30. $uni-img-size-lg:40px;
  31. /* Border Radius */
  32. $uni-border-radius-sm: 2px;
  33. $uni-border-radius-base: 3px;
  34. $uni-border-radius-lg: 6px;
  35. $uni-border-radius-circle: 50%;
  36. /* 水平间距 */
  37. $uni-spacing-row-sm: 5px;
  38. $uni-spacing-row-base: 10px;
  39. $uni-spacing-row-lg: 15px;
  40. /* 垂直间距 */
  41. $uni-spacing-col-sm: 4px;
  42. $uni-spacing-col-base: 8px;
  43. $uni-spacing-col-lg: 12px;
  44. /* 透明度 */
  45. $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
  46. /* 文章场景相关 */
  47. $uni-color-title: #2C405A; // 文章标题颜色
  48. $uni-font-size-title:20px;
  49. $uni-color-subtitle: #555555; // 二级标题颜色
  50. $uni-font-size-subtitle:26px;
  51. $uni-color-paragraph: #3F536E; // 文章段落颜色
  52. $uni-font-size-paragraph:15px;
  53. em{
  54. display: inline-block;
  55. }
  56. /**app.wxss**/
  57. .container {
  58. height: 100%;
  59. display: flex;
  60. flex-direction: column;
  61. align-items: center;
  62. justify-content: space-between;
  63. padding: 0rpx 20rpx;
  64. box-sizing: border-box;
  65. }
  66. .fengexian{
  67. width: 100%;
  68. height: 20rpx;
  69. background: #f6f6f6;
  70. border-radius: 6rpx;
  71. }
  72. image {
  73. display: block;
  74. overflow: auto;
  75. }
  76. .titleLeft {
  77. font-size: 40rpx;
  78. font-weight: 600;
  79. color: #07c160;
  80. text-align: left;
  81. line-height: 90rpx;
  82. width: 100%;
  83. }
  84. .ck{
  85. position: absolute !important;
  86. margin-left: 0 !important;
  87. right: 30rpx !important;
  88. }
  89. .onePic{
  90. width: 100% !important;
  91. height: 360rpx !important;
  92. border-radius: 20rpx !important;
  93. overflow: hidden !important;
  94. margin: 20rpx 0 !important;
  95. }
  96. .list {
  97. border-bottom: solid 2rpx #f6f6f6 !important;
  98. padding: 10rpx 0 !important;
  99. width: 100% !important;
  100. }
  101. .onePic image {
  102. width: 100% !important;
  103. height: 100% !important;
  104. }
  105. .wenzhangLy {
  106. width: 100%;
  107. display: flex;
  108. justify-content: space-between;
  109. border-bottom: solid 2rpx #e8e8e8;
  110. padding: 0 0 14rpx 0;
  111. }
  112. .wenzhangCont {
  113. font-size: 34rpx;
  114. margin: 30rpx 0;
  115. }
  116. .fengexian {
  117. width: 100%;
  118. height: 20rpx;
  119. background: #f6f6f6;
  120. border-radius: 6rpx;
  121. }