徐浩 / zzxyt-uniapp · 提交

转到一个项目

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

班级班规 

校纪校规
内嵌 并排对比
正在显示 2 个修改的文件 包含 94 行增加 和 81 行删除
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">  
11 - <view class="sele_yes">  
12 - <view class="sele_yes_img" v-show="seleShow"></view> 10 + <view class="operate-wrap" v-if="!is_seleShow">
  11 + <view class="btom_agree_all flex" @tap="agreeClick">
  12 + <view class="sele_yes">
  13 + <view class="sele_yes_img" v-show="seleShow"></view>
  14 + </view>
  15 + 我已详细阅读，并同意和服从管理
  16 + </view>
  17 + <view class="agree_btn" @tap="agreeTap">
  18 + 同意
13 </view> 19 </view>
14 - 我已详细阅读，并同意和服从管理  
15 - </view>  
16 - <view v-if="!is_seleShow" class="agree_btn" @tap="agreeTap">  
17 - 同意  
18 </view> 20 </view>
19 21
20 </view> 22 </view>
@@ -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 -  
160 - .sele_yes {  
161 - width: 28rpx;  
162 - height: 28rpx;  
163 - border: 1px solid #2D81FF;  
164 - border-radius: 50%;  
165 - margin-right: 10rpx;  
166 - position: relative;  
167 - margin-right: 14rpx;  
168 -  
169 - .sele_yes_img {  
170 - width: 18rpx;  
171 - height: 18rpx;  
172 - background-color: #2D81FF; 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;
  166 + .sele_yes {
  167 + width: 28rpx;
  168 + height: 28rpx;
  169 + border: 2px solid #A3C8FF;
173 border-radius: 50%; 170 border-radius: 50%;
174 - position: absolute;  
175 - top: 50%;  
176 - left: 50%;  
177 - transform: translate(-50%, -50%); 171 + margin-right: 10rpx;
  172 + position: relative;
  173 + margin-right: 14rpx;
  174 +
  175 + .sele_yes_img {
  176 + width: 28rpx;
  177 + height: 28rpx;
  178 + border: 2px solid #A3C8FF;
  179 + border-radius: 50%;
  180 + background-color: #2D81FF;
  181 + position: absolute;
  182 + top: 50%;
  183 + left: 50%;
  184 + transform: translate(-50%, -50%);
  185 + }
178 } 186 }
179 } 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;
@@ -9,15 +9,17 @@ @@ -9,15 +9,17 @@
9 <view class="text-content" v-html="textAll"></view> 9 <view class="text-content" v-html="textAll"></view>
10 <!-- </scroll-view> --> 10 <!-- </scroll-view> -->
11 </view> 11 </view>
12 -  
13 - <view v-if="!is_seleShow" class="btom_agree_all flex" @tap="agreeClick">  
14 - <view class="sele_yes">  
15 - <view class="sele_yes_img" v-show="seleShow"></view> 12 +
  13 + <view class="operate-wrap" v-if="!is_seleShow">
  14 + <view class="btom_agree_all flex" @tap="agreeClick">
  15 + <view class="sele_yes">
  16 + <view class="sele_yes_img" v-show="seleShow"></view>
  17 + </view>
  18 + 我已详细阅读，并同意和服从管理
  19 + </view>
  20 + <view class="agree_btn" @tap="agreeTap">
  21 + 同意
16 </view> 22 </view>
17 - 我已详细阅读，并同意和服从管理  
18 - </view>  
19 - <view v-if="!is_seleShow" class="agree_btn" @tap="agreeTap">  
20 - 同意  
21 </view> 23 </view>
22 </view> 24 </view>
23 </template> 25 </template>
@@ -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 -  
166 - .sele_yes {  
167 - width: 28rpx;  
168 - height: 28rpx;  
169 - border: 1px solid #2D81FF;  
170 - border-radius: 50%;  
171 - margin-right: 10rpx;  
172 - position: relative;  
173 - margin-right: 14rpx;  
174 -  
175 - .sele_yes_img {  
176 - width: 18rpx;  
177 - height: 18rpx;  
178 - background-color: #2D81FF; 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;
  170 + .sele_yes {
  171 + width: 28rpx;
  172 + height: 28rpx;
  173 + border: 2px solid #A3C8FF;
179 border-radius: 50%; 174 border-radius: 50%;
180 - position: absolute;  
181 - top: 50%;  
182 - left: 50%;  
183 - transform: translate(-50%, -50%); 175 + margin-right: 10rpx;
  176 + position: relative;
  177 + margin-right: 14rpx;
  178 +
  179 + .sele_yes_img {
  180 + width: 28rpx;
  181 + height: 28rpx;
  182 + border: 2px solid #A3C8FF;
  183 + border-radius: 50%;
  184 + background-color: #2D81FF;
  185 + position: absolute;
  186 + top: 50%;
  187 + left: 50%;
  188 + transform: translate(-50%, -50%);
  189 + }
184 } 190 }
185 } 191 }
186 -  
187 - .agree_btn {  
188 - width: 576rpx; 192 +
  193 +
  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;