Baozhangchao 3 年前
父节点
当前提交
6b807459c2
共有 2 个文件被更改,包括 17 次插入8 次删除
  1. 2
    2
      src/components/BottomMoadl/index.jsx
  2. 15
    6
      src/components/BottomMoadl/style.css

+ 2
- 2
src/components/BottomMoadl/index.jsx 查看文件

@@ -119,7 +119,7 @@ export default (props) => {
119 119
         <view className={darkMode == 'dark' ? 'frame-dark' : 'frame'}>
120 120
           {/* 标题  */}
121 121
           <view className={darkMode == 'dark' ? 'title-wrapper-dark' : 'title-wrapper'}>
122
-            <view>{frameTitle}</view>
122
+            <view style={{ marginLeft: '-8vw' }}>{frameTitle}</view>
123 123
           </view>
124 124
           {/* 内容 */}
125 125
           <view style='overflow-x: hidden;'>
@@ -127,7 +127,7 @@ export default (props) => {
127 127
               <View className='radio-list' >
128 128
                 <scroll-view
129 129
                   scrollY
130
-                  style={{ height: '30vh', overflow: 'hidden' }}
130
+                  style={{ height: '40vh', overflow: 'hidden' }}
131 131
                   catchMove
132 132
                 >
133 133
                   <RadioGroup className='radio-list__RadioGroup' onChange={buildingConten} onClick={e => e.stopPropagation()}>

+ 15
- 6
src/components/BottomMoadl/style.css 查看文件

@@ -36,7 +36,8 @@
36 36
   height: 28px;
37 37
   font-size: 35px;
38 38
   font-weight: 700;
39
-  margin-bottom: 5.9vw;
39
+  /* margin-bottom: 5.9vw; */
40
+  border-bottom: #999 1px solid;
40 41
 }
41 42
 .radio-list__text-dark {
42 43
   width: 100%;
@@ -57,15 +58,22 @@
57 58
   align-items: center;
58 59
   text-align: center;
59 60
 }
61
+.page-section {
62
+  padding-top: 1em;
63
+}
60 64
 .title-wrapper {
65
+  -webkit-justify-content: space-between;
66
+  -ms-flex-pack: justify;
61 67
   justify-content: space-between;
62 68
   text-align: center;
63
-  height: 28px;
69
+  /* height: 28rpx; */
64 70
   font-size: 35px;
65 71
   font-weight: 700;
66 72
   color: #202020;
67
-  margin-bottom: 5.9vw;
68
-  margin: 1.5em auto;
73
+  /* margin-bottom: 5.9vw; */
74
+  /* margin: 1.5em auto; */
75
+  line-height: 80px;
76
+  border-bottom: 1px solid rgba(99, 99, 99, 0.2);
69 77
 }
70 78
 .title-wrapper > image {
71 79
   width: 3.5vw;
@@ -106,14 +114,15 @@
106 114
 .radio-list__label {
107 115
   display: flex;
108 116
   align-items: center;
117
+  margin: 1.5em auto;
109 118
 }
110 119
 .radio-list__RadioGroup {
111 120
 }
112 121
 .radio-list__radio {
113 122
   display: flex;
114 123
 
115
-  margin-top: 1em;
116
-  margin-bottom: 0.2em;
124
+  /* margin-top: 1em; */
125
+  /* margin-bottom: 0.2em; */
117 126
 }
118 127
 .radio-list__text {
119 128
   width: 100%;