jr-produce-section3.wxss 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. page {
  28. margin-bottom: 10rpx;
  29. }
  30. .section3 {
  31. margin-top: 10rpx;
  32. padding-bottom: 20rpx;
  33. background-color: #fff;
  34. }
  35. .section3 .title {
  36. width: 750rpx;
  37. height: 97rpx;
  38. padding-top: 28rpx;
  39. padding-left: 17rpx;
  40. box-sizing: border-box;
  41. text-align: center;
  42. border-bottom: 2rpx solid #f0f0f0;
  43. }
  44. .section3 .title .inner {
  45. width: 719rpx;
  46. height: 44rpx;
  47. font-size: 31rpx;
  48. font-family: PingFangSC-Medium, PingFang SC;
  49. font-weight: 700;
  50. color: #232627;
  51. line-height: 44rpx;
  52. }
  53. .section3 .title .inner .icon {
  54. display: inline-block;
  55. width: 42rpx;
  56. height: 42rpx;
  57. background-image: url(data:image/png;base64,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);
  58. background-size: cover;
  59. background-repeat: no-repeat;
  60. position: relative;
  61. top: 10rpx;
  62. margin-right: 10rpx;
  63. }
  64. .section3 .content .info1 {
  65. box-sizing: border-box;
  66. padding-top: 10rpx;
  67. padding-left: 14rpx;
  68. padding-right: 16rpx;
  69. font-size: 27rpx;
  70. font-family: PingFangSC-Medium, PingFang SC;
  71. font-weight: 500;
  72. color: #2C3E50;
  73. line-height: 39rpx;
  74. }
  75. .section3 .content .info2 {
  76. box-sizing: border-box;
  77. padding-top: 10rpx;
  78. padding-left: 14rpx;
  79. padding-right: 16rpx;
  80. }
  81. .section3 .content .info2 .info2-title {
  82. height: 39rpx;
  83. font-size: 27rpx;
  84. font-family: PingFangSC-Medium, PingFang SC;
  85. font-weight: 500;
  86. color: #232627;
  87. line-height: 39rpx;
  88. }
  89. .section3 .content .info2 .info2-inner {
  90. margin-top: 8rpx;
  91. }
  92. .section3 .content .info2 .info2-inner .inner-title {
  93. display: -webkit-box;
  94. display: -webkit-flex;
  95. display: flex;
  96. -webkit-box-pack: justify;
  97. -webkit-justify-content: space-between;
  98. justify-content: space-between;
  99. height: 82rpx;
  100. background: #F3F6FA;
  101. padding: 21rpx 50rpx 0;
  102. box-sizing: border-box;
  103. border-bottom: 1rpx solid #f0f0f0;
  104. }
  105. .section3 .content .info2 .info2-inner .inner-title view {
  106. height: 42rpx;
  107. font-size: 27rpx;
  108. font-family: PingFangSC-Regular, PingFang SC;
  109. font-weight: 400;
  110. color: #232627;
  111. line-height: 42rpx;
  112. }
  113. .section3 .content .info2 .info2-inner .inner-item {
  114. display: -webkit-box;
  115. display: -webkit-flex;
  116. display: flex;
  117. -webkit-box-pack: justify;
  118. -webkit-justify-content: space-between;
  119. justify-content: space-between;
  120. height: 82rpx;
  121. background: #fff;
  122. padding-top: 21rpx;
  123. padding-left: 50rpx;
  124. padding-right: 30rpx;
  125. box-sizing: border-box;
  126. border-bottom: 1rpx solid #f0f0f0;
  127. }
  128. .section3 .content .info2 .info2-inner .inner-item view {
  129. height: 42rpx;
  130. font-size: 27rpx;
  131. font-family: PingFangSC-Regular, PingFang SC;
  132. font-weight: 400;
  133. color: #232627;
  134. line-height: 42rpx;
  135. }