Baozhangchao 3 年 前
コミット
4530bde074
共有2 個のファイルを変更した42 個の追加16 個の削除を含む
  1. 4
    1
      src/components/BuildingSelect/index.jsx
  2. 38
    15
      src/components/BuildingSelect/style.css

+ 4
- 1
src/components/BuildingSelect/index.jsx ファイルの表示

@@ -104,7 +104,10 @@ export default (props) => {
104 104
                     <Button className='checkBtn' onClick={() => setVisible(false)}  >取消</Button>
105 105
                     <Button className='okBtn' disabled={!val.buildingId} onClick={handleSubmit}> 确定</Button>
106 106
                   </view>
107
-
107
+                  {/* <view className='Btn'>
108
+                    <Button onClick={() => setVisible(false)} >取消</Button>
109
+                    <Button disabled={!val.buildingId} onClick={handleSubmit}>确定</Button>
110
+                  </view> */}
108 111
                 </view>
109 112
               </view>
110 113
             </view>

+ 38
- 15
src/components/BuildingSelect/style.css ファイルの表示

@@ -31,16 +31,7 @@
31 31
   align-items: center;
32 32
   text-align: center;
33 33
 }
34
-.title-wrapper-dark {
35
-  color: white;
36
-  justify-content: space-between;
37
-  text-align: center;
38
-  height: 28px;
39
-  font-size: 35px;
40
-  font-weight: 700;
41
-  /* margin-bottom: 5.9vw; */
42
-  border-bottom: #999 1px solid;
43
-}
34
+
44 35
 .radio-list__text-dark {
45 36
   width: 100%;
46 37
   align-items: center;
@@ -75,6 +66,8 @@
75 66
   /* margin-bottom: 5.9vw; */
76 67
   /* margin: 1.5em auto; */
77 68
   line-height: 80px;
69
+  padding-bottom: 2.9vw;
70
+
78 71
   border-bottom: 1px solid rgba(99, 99, 99, 0.2);
79 72
 }
80 73
 .title-wrapper > image {
@@ -95,30 +88,60 @@
95 88
 
96 89
 .checkBtn {
97 90
   display: inline-block;
98
-  width: 35%;
91
+  /* width: 35%;
99 92
 
100 93
   background-color: white;
101 94
   color: #57bd6a;
102 95
   text-align: center;
103 96
   height: 10vw;
104 97
   font-size: 26px;
105
-  box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
98
+  box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12); */
99
+
100
+  width: 35%;
101
+  text-align: center;
102
+  font-size: 32px;
103
+  line-height: 92px;
104
+  background: #193c83;
105
+  color: #fff;
106
+  font-weight: bold;
107
+  border-radius: 92px;
106 108
 }
107 109
 
108 110
 .okBtn {
109
-  width: 35%;
111
+  /* width: 35%;
110 112
   background-color: #57bd6a;
111 113
   color: white;
112 114
   text-align: center;
113 115
   height: 10vw;
114
-  font-size: 26px;
116
+  font-size: 26px; */
117
+  width: 35%;
118
+  text-align: center;
119
+  font-size: 32px;
120
+  line-height: 92px;
121
+  background: #193c83;
122
+  color: #fff;
123
+  font-weight: bold;
124
+  border-radius: 92px;
115 125
 }
116 126
 .radio-list__label {
117 127
   display: flex;
118 128
   align-items: center;
119 129
   margin: 1.5em auto;
120 130
 }
121
-.radio-list__RadioGroup {
131
+.Btn {
132
+  padding: 40px;
133
+  position: relative;
134
+  overflow: hidden;
135
+}
136
+button {
137
+  /* display: block; */
138
+  text-align: center;
139
+  font-size: 32px;
140
+  line-height: 92px;
141
+  background: #193c83;
142
+  color: #fff;
143
+  font-weight: bold;
144
+  border-radius: 92px;
122 145
 }
123 146
 .radio-list__radio {
124 147
   display: flex;