徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 641f7d31e0e8551601b05ec076bcc42b1032f46d 1 个父辈 2a79c91c

班级班规 

校纪校规
内嵌 并排对比
正在显示 2 个修改的文件 包含 56 行增加 和 43 行删除
1 <template> 1 <template>
2 <view class="twoClassRules"> 2 <view class="twoClassRules">
3 <!-- 班级班规 --> 3 <!-- 班级班规 -->
4 - <view class="tel_index_bg"></view> 4 + <!-- <view class="tel_index_bg"></view> -->
5 5
6 <view class="vio_list"> 6 <view class="vio_list">
7 <view class="text-content" v-html="textAll"></view> 7 <view class="text-content" v-html="textAll"></view>
8 </view> 8 </view>
9 9
10 - <view v-if="!is_seleShow" class="btom_agree_all flex" @tap="agreeClick"> 10 + <view class="operate-wrap" v-if="!is_seleShow">
  11 + <view class="btom_agree_all flex" @tap="agreeClick">
11 <view class="sele_yes"> 12 <view class="sele_yes">
12 <view class="sele_yes_img" v-show="seleShow"></view> 13 <view class="sele_yes_img" v-show="seleShow"></view>
13 </view> 14 </view>
14 我已详细阅读，并同意和服从管理 15 我已详细阅读，并同意和服从管理
15 </view> 16 </view>
16 - <view v-if="!is_seleShow" class="agree_btn" @tap="agreeTap"> 17 + <view class="agree_btn" @tap="agreeTap">
17 同意 18 同意
18 </view> 19 </view>
  20 + </view>
19 21
20 </view> 22 </view>
21 </template> 23 </template>
@@ -117,6 +119,7 @@ @@ -117,6 +119,7 @@
117 <style lang="scss" scoped> 119 <style lang="scss" scoped>
118 .twoRule { 120 .twoRule {
119 position: relative; 121 position: relative;
  122 + padding-bottom: 40rpx;
120 } 123 }
121 124
122 .tel_index_bg { 125 .tel_index_bg {
@@ -131,6 +134,7 @@ @@ -131,6 +134,7 @@
131 .vio_list { 134 .vio_list {
132 width: 100%; 135 width: 100%;
133 padding: 30rpx 30rpx 0 30rpx; 136 padding: 30rpx 30rpx 0 30rpx;
  137 + border-radius: 20rpx;
134 position: relative; 138 position: relative;
135 z-index: 2; 139 z-index: 2;
136 .text-content { 140 .text-content {
@@ -144,48 +148,52 @@ @@ -144,48 +148,52 @@
144 min-height: 300rpx; 148 min-height: 300rpx;
145 } 149 }
146 } 150 }
147 - .btom_agree_all { 151 + .operate-wrap {
148 width: 100%; 152 width: 100%;
149 - height: 90rpx;  
150 - line-height: 90rpx;  
151 - justify-content: flex-start;  
152 - align-items: center;  
153 padding: 0 30rpx; 153 padding: 0 30rpx;
154 - // font-size: 24rpx;  
155 - // color: #929399;  
156 - font-size: 34rpx;  
157 - color: #2D81FF; 154 + margin-top: 50rpx;
158 } 155 }
159 - 156 + .btom_agree_all {
  157 + width: 100%;
  158 + font-size: 24rpx;
  159 + font-family: PingFang SC;
  160 + font-weight: 500;
  161 + color: #646464;
  162 + display: flex;
  163 + align-items: center;
  164 + justify-content: center;
  165 + margin-bottom: 20rpx;
160 .sele_yes { 166 .sele_yes {
161 width: 28rpx; 167 width: 28rpx;
162 height: 28rpx; 168 height: 28rpx;
163 - border: 1px solid #2D81FF; 169 + border: 2px solid #A3C8FF;
164 border-radius: 50%; 170 border-radius: 50%;
165 margin-right: 10rpx; 171 margin-right: 10rpx;
166 position: relative; 172 position: relative;
167 margin-right: 14rpx; 173 margin-right: 14rpx;
168 174
169 .sele_yes_img { 175 .sele_yes_img {
170 - width: 18rpx;  
171 - height: 18rpx;  
172 - background-color: #2D81FF; 176 + width: 28rpx;
  177 + height: 28rpx;
  178 + border: 2px solid #A3C8FF;
173 border-radius: 50%; 179 border-radius: 50%;
  180 + background-color: #2D81FF;
174 position: absolute; 181 position: absolute;
175 top: 50%; 182 top: 50%;
176 left: 50%; 183 left: 50%;
177 transform: translate(-50%, -50%); 184 transform: translate(-50%, -50%);
178 } 185 }
179 } 186 }
  187 + }
  188 +
  189 +
180 .agree_btn{ 190 .agree_btn{
181 - width: 576rpx; 191 + width: 100%;
182 height: 90rpx; 192 height: 90rpx;
183 line-height: 90rpx; 193 line-height: 90rpx;
184 background: #2D81FF; 194 background: #2D81FF;
185 - box-shadow: 5rpx 9rpx 30rpx 0rpx rgba(45, 129, 255, 0.2);  
186 border-radius: 45rpx; 195 border-radius: 45rpx;
187 - margin: 0 auto 30rpx auto;  
188 - font-size: 32rpx; 196 + font-size: 34rpx;
189 font-family: PingFang SC; 197 font-family: PingFang SC;
190 font-weight: 400; 198 font-weight: 400;
191 color: #FFFFFF; 199 color: #FFFFFF;
@@ -10,16 +10,18 @@ @@ -10,16 +10,18 @@
10 <!-- </scroll-view> --> 10 <!-- </scroll-view> -->
11 </view> 11 </view>
12 12
13 - <view v-if="!is_seleShow" class="btom_agree_all flex" @tap="agreeClick"> 13 + <view class="operate-wrap" v-if="!is_seleShow">
  14 + <view class="btom_agree_all flex" @tap="agreeClick">
14 <view class="sele_yes"> 15 <view class="sele_yes">
15 <view class="sele_yes_img" v-show="seleShow"></view> 16 <view class="sele_yes_img" v-show="seleShow"></view>
16 </view> 17 </view>
17 我已详细阅读，并同意和服从管理 18 我已详细阅读，并同意和服从管理
18 </view> 19 </view>
19 - <view v-if="!is_seleShow" class="agree_btn" @tap="agreeTap"> 20 + <view class="agree_btn" @tap="agreeTap">
20 同意 21 同意
21 </view> 22 </view>
22 </view> 23 </view>
  24 + </view>
23 </template> 25 </template>
24 26
25 <script> 27 <script>
@@ -119,7 +121,7 @@ @@ -119,7 +121,7 @@
119 <style lang="scss" scoped> 121 <style lang="scss" scoped>
120 .twoRule { 122 .twoRule {
121 position: relative; 123 position: relative;
122 - padding-bottom: 20rpx; 124 + padding-bottom: 40rpx;
123 } 125 }
124 126
125 .tel_index_bg { 127 .tel_index_bg {
@@ -150,49 +152,52 @@ @@ -150,49 +152,52 @@
150 } 152 }
151 } 153 }
152 154
153 - .btom_agree_all { 155 + .operate-wrap {
154 width: 100%; 156 width: 100%;
155 - height: 90rpx;  
156 - line-height: 90rpx;  
157 - justify-content: flex-start;  
158 - align-items: center;  
159 padding: 0 30rpx; 157 padding: 0 30rpx;
160 - // font-size: 24rpx;  
161 - // color: #929399;  
162 - font-size: 34rpx;  
163 - color: #2D81FF; 158 + margin-top: 50rpx;
164 } 159 }
165 - 160 + .btom_agree_all {
  161 + width: 100%;
  162 + font-size: 24rpx;
  163 + font-family: PingFang SC;
  164 + font-weight: 500;
  165 + color: #646464;
  166 + display: flex;
  167 + align-items: center;
  168 + justify-content: center;
  169 + margin-bottom: 20rpx;
166 .sele_yes { 170 .sele_yes {
167 width: 28rpx; 171 width: 28rpx;
168 height: 28rpx; 172 height: 28rpx;
169 - border: 1px solid #2D81FF; 173 + border: 2px solid #A3C8FF;
170 border-radius: 50%; 174 border-radius: 50%;
171 margin-right: 10rpx; 175 margin-right: 10rpx;
172 position: relative; 176 position: relative;
173 margin-right: 14rpx; 177 margin-right: 14rpx;
174 178
175 .sele_yes_img { 179 .sele_yes_img {
176 - width: 18rpx;  
177 - height: 18rpx;  
178 - background-color: #2D81FF; 180 + width: 28rpx;
  181 + height: 28rpx;
  182 + border: 2px solid #A3C8FF;
179 border-radius: 50%; 183 border-radius: 50%;
  184 + background-color: #2D81FF;
180 position: absolute; 185 position: absolute;
181 top: 50%; 186 top: 50%;
182 left: 50%; 187 left: 50%;
183 transform: translate(-50%, -50%); 188 transform: translate(-50%, -50%);
184 } 189 }
185 } 190 }
  191 + }
  192 +
186 193
187 - .agree_btn {  
188 - width: 576rpx; 194 + .agree_btn{
  195 + width: 100%;
189 height: 90rpx; 196 height: 90rpx;
190 line-height: 90rpx; 197 line-height: 90rpx;
191 background: #2D81FF; 198 background: #2D81FF;
192 - box-shadow: 5rpx 9rpx 30rpx 0rpx rgba(45, 129, 255, 0.2);  
193 border-radius: 45rpx; 199 border-radius: 45rpx;
194 - margin: 0 auto 30rpx auto;  
195 - font-size: 32rpx; 200 + font-size: 34rpx;
196 font-family: PingFang SC; 201 font-family: PingFang SC;
197 font-weight: 400; 202 font-weight: 400;
198 color: #FFFFFF; 203 color: #FFFFFF;