徐浩 / zzxyt-uniapp · 提交

转到一个项目

作者 mxd
提交 0e7865fc4ac3326beae2365405b8d189220c711a 1 个父辈 2b80f7a7

学习页面

内嵌 并排对比
正在显示 12 个修改的文件 包含 87 行增加 和 95 行删除
1 <template> 1 <template>
2 <view class="study"> 2 <view class="study">
3 <!-- 学习 --> 3 <!-- 学习 -->
4 - <view class="header-wrap">  
5 - <view class="nav-all-wrap no-margin area flex">  
6 - <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoMailbox/twoMailbox`)">  
7 - <view class="nav-img-wrap flex">  
8 - <image class="nav-img" src="/static/images/xzxx.png" mode="aspectFit"></image>  
9 - </view>  
10 - <view class="nav-text">  
11 - 校长信箱  
12 - </view> 4 + <view class="nav-all-wrap area flex no-margin">
  5 + <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoMailbox/twoMailbox`)">
  6 + <view class="nav-img-wrap flex">
  7 + <image class="nav-img" src="/static/imagesV2/study/xzxx.png" mode="aspectFit"></image>
13 </view> 8 </view>
14 - <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoCurriculum/twoCurriculum`)">  
15 - <view class="nav-img-wrap flex">  
16 - <image class="nav-img" src="/static/images/kcb.png" mode="aspectFit" />  
17 - </view>  
18 - <view class="nav-text">  
19 - 课程表  
20 - </view> 9 + <view class="nav-text">
  10 + 校长信箱
21 </view> 11 </view>
22 </view> 12 </view>
23 - <view class="nav-all-wrap area flex">  
24 - <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoRule/twoRule`)">  
25 - <view class="nav-img-wrap flex">  
26 - <image class="nav-img" src="/static/images/xjxg.png" mode="aspectFit"></image>  
27 - </view>  
28 - <view class="nav-text">  
29 - 校纪校规  
30 - </view> 13 + <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoCurriculum/twoCurriculum`)">
  14 + <view class="nav-img-wrap flex">
  15 + <image class="nav-img" src="/static/imagesV2/study/kcb.png" mode="aspectFit" />
31 </view> 16 </view>
32 - <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoClassRules/twoClassRules`)">  
33 - <view class="nav-img-wrap flex">  
34 - <image class="nav-img" src="/static/images/bjbg.png" mode="aspectFit" />  
35 - </view>  
36 - <view class="nav-text">  
37 - 班级班规  
38 - </view> 17 + <view class="nav-text">
  18 + 课程表
  19 + </view>
  20 + </view>
  21 + </view>
  22 + <view class="nav-all-wrap area flex">
  23 + <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoRule/twoRule`)">
  24 + <view class="nav-img-wrap flex">
  25 + <image class="nav-img" src="/static/imagesV2/study/xjxg.png" mode="aspectFit"></image>
  26 + </view>
  27 + <view class="nav-text">
  28 + 校纪校规
  29 + </view>
  30 + </view>
  31 + <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoClassRules/twoClassRules`)">
  32 + <view class="nav-img-wrap flex">
  33 + <image class="nav-img" src="/static/imagesV2/study/bjbg.png" mode="aspectFit" />
  34 + </view>
  35 + <view class="nav-text">
  36 + 班级班规
39 </view> 37 </view>
40 </view> 38 </view>
41 </view> 39 </view>
  40 +
42 <view class="nav-all-wrap area flex"> 41 <view class="nav-all-wrap area flex">
43 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/oneMyCredit/oneMyCredit`)"> 42 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/oneMyCredit/oneMyCredit`)">
44 <view class="nav-img-wrap flex"> 43 <view class="nav-img-wrap flex">
45 - <image class="nav-img" src="/static/images/xfqk.png" mode="aspectFit"></image> 44 + <image class="nav-img" src="/static/imagesV2/study/xfqk.png" mode="aspectFit"></image>
46 </view> 45 </view>
47 <view class="nav-text"> 46 <view class="nav-text">
48 学分情况 47 学分情况
@@ -52,15 +51,16 @@ @@ -52,15 +51,16 @@
52 <view class="nav-wrap flex" @tap="getxzdata" data-url="/pagesStu/stu_selection/stu_selection"> 51 <view class="nav-wrap flex" @tap="getxzdata" data-url="/pagesStu/stu_selection/stu_selection">
53 52
54 <view class="nav-img-wrap flex"> 53 <view class="nav-img-wrap flex">
55 - <image class="nav-img" src="/static/images/tkjsxz.png" mode="aspectFit" /> 54 + <image class="nav-img" src="/static/imagesV2/study/tkjsxz.png" mode="aspectFit" />
56 </view> 55 </view>
57 <view> 56 <view>
58 <view class="nav-text"> 57 <view class="nav-text">
59 听课教室选座 58 听课教室选座
60 </view> 59 </view>
61 <view class="seat-sele"> 60 <view class="seat-sele">
62 - 选座中 61 + <image src="/static/imagesV2/study/xuanzuo.png" mode="aspectFit" />
63 </view> 62 </view>
  63 +
64 </view> 64 </view>
65 </view> 65 </view>
66 <!-- <view class="nav-wrap flex" @tap="$service.jump" data-url="/pagesStu/stu_myseat/stu_myseat"> 66 <!-- <view class="nav-wrap flex" @tap="$service.jump" data-url="/pagesStu/stu_myseat/stu_myseat">
@@ -77,40 +77,38 @@ @@ -77,40 +77,38 @@
77 </view> 77 </view>
78 </view> --> 78 </view> -->
79 </view> 79 </view>
80 -  
81 - <view class="entrance-wrap area">  
82 - <image src="/static/images/rxdj.png" mode="aspectFit"></image>  
83 - <view class="check-in flex">  
84 - <view class="check-in-left">  
85 - <view class=""> 80 +
  81 + <view class="entrance-container area" @tap="$service.jump" data-url="/pagesStu/stu_register/stu_register">
  82 + <view class="entrance-wrap">
  83 + <image class="entrance-wrap-bg" src="/static/imagesV2/study/rxdj.png" mode="aspectFit"></image>
  84 + <view class="check-in">
  85 + <view class="check-in-title">
86 入学登记 86 入学登记
87 </view> 87 </view>
88 - <view class="check-in-quick"> 88 + <view class="check-in-msg">
89 赶快去登记信息吧！ 89 赶快去登记信息吧！
90 </view> 90 </view>
91 - </view>  
92 - <view class="check-in-btn" @tap="$service.jump" data-url="/pagesStu/stu_register/stu_register">  
93 - 去登记 91 + <view class="check-in-go">
  92 + <image src="/static/imagesV2/study/rxdj-go.png" mode="aspectFit"></image>
  93 + </view>
94 </view> 94 </view>
95 </view> 95 </view>
96 - </view>  
97 - <view class="entrance-wrap area">  
98 - <image src="/static/images/xuexicepingbj.png" mode="aspectFit"></image>  
99 - <view class="check-in flex">  
100 - <view class="check-in-left">  
101 - <view class=""> 96 + <view class="entrance-wrap" @click="toEvaluating">
  97 + <image class="entrance-wrap-bg" src="/static/imagesV2/study/xuexicepingbj.png" mode="aspectFit"></image>
  98 + <view class="check-in">
  99 + <view class="check-in-title">
102 入学评测 100 入学评测
103 </view> 101 </view>
104 - <view class="check-in-quick"> 102 + <view class="check-in-msg">
105 赶快去登记信息吧！ 103 赶快去登记信息吧！
106 </view> 104 </view>
107 - </view>  
108 - <view class="check-in-btn check-in-btn2" @click="toEvaluating">  
109 - 去查看 105 + <view class="check-in-go">
  106 + <image src="/static/imagesV2/study/xuexicepingbj-go.png" mode="aspectFit"></image>
  107 + </view>
110 </view> 108 </view>
111 </view> 109 </view>
112 </view> 110 </view>
113 - </view> 111 + </view>
114 </template> 112 </template>
115 113
116 <script> 114 <script>
@@ -202,7 +200,11 @@ @@ -202,7 +200,11 @@
202 .no-margin { 200 .no-margin {
203 margin-top: 0 !important; 201 margin-top: 0 !important;
204 } 202 }
205 - 203 + .study {
  204 + min-height: 100vh;
  205 + background-color: #fff;
  206 + padding-top: 28rpx;
  207 + }
206 .nav-all-wrap { 208 .nav-all-wrap {
207 justify-content: space-between; 209 justify-content: space-between;
208 align-items: center; 210 align-items: center;
@@ -210,8 +212,9 @@ @@ -210,8 +212,9 @@
210 212
211 .nav-wrap { 213 .nav-wrap {
212 width: 334rpx; 214 width: 334rpx;
213 - height: 132rpx;  
214 - background: #FFFFFF; 215 + height: 150rpx;
  216 + position: relative;
  217 + background: #F7F7F7;
215 border-radius: 20rpx; 218 border-radius: 20rpx;
216 font-size: 30rpx; 219 font-size: 30rpx;
217 font-family: PingFang SC; 220 font-family: PingFang SC;
@@ -240,23 +243,25 @@ @@ -240,23 +243,25 @@
240 } 243 }
241 244
242 .seat-sele { 245 .seat-sele {
243 - height: 26rpx;  
244 - line-height: 26rpx;  
245 - font-size: 26rpx;  
246 - font-family: PingFang SC;  
247 - font-weight: 400;  
248 - color: #ADADAD;  
249 - margin-top: 6rpx; 246 + position: absolute;
  247 + top: 0;
  248 + right: 0;
  249 + width: 100rpx;
  250 + height: 40rpx;
250 } 251 }
251 } 252 }
252 - 253 + .entrance-container {
  254 + display: flex;
  255 + justify-content: space-between;
  256 + align-items: center;
  257 + }
253 .entrance-wrap { 258 .entrance-wrap {
254 - height: 253rpx;  
255 - border-radius: 20rpx; 259 + width: 334rpx;
  260 + height: 250rpx;
256 margin-top: 28rpx; 261 margin-top: 28rpx;
257 position: relative; 262 position: relative;
258 263
259 - image { 264 + .entrance-wrap-bg {
260 width: 100%; 265 width: 100%;
261 height: 100%; 266 height: 100%;
262 position: absolute; 267 position: absolute;
@@ -268,44 +273,31 @@ @@ -268,44 +273,31 @@
268 .check-in { 273 .check-in {
269 width: 100%; 274 width: 100%;
270 height: 100%; 275 height: 100%;
271 - // justify-content: space-around;  
272 - align-items: center;  
273 position: absolute; 276 position: absolute;
274 top: 0; 277 top: 0;
275 left: 0; 278 left: 0;
276 z-index: 2; 279 z-index: 2;
277 -  
278 - .check-in-left { 280 + padding: 30rpx;
  281 + box-sizing: border-box;
  282 +
  283 + .check-in-title {
279 font-size: 36rpx; 284 font-size: 36rpx;
280 font-family: PingFang SC; 285 font-family: PingFang SC;
281 font-weight: 500; 286 font-weight: 500;
282 color: #FFFFFF; 287 color: #FFFFFF;
283 - margin: -46rpx 60rpx 0 80rpx;  
284 -  
285 - .check-in-quick {  
286 - font-size: 28rpx;  
287 - font-family: PingFang SC;  
288 - font-weight: 400;  
289 - color: #FFFFFF;  
290 - }  
291 } 288 }
292 -  
293 - .check-in-btn {  
294 - width: 260rpx;  
295 - height: 80rpx;  
296 - line-height: 80rpx;  
297 - text-align: center;  
298 - background: #FFFFFF;  
299 - opacity: 0.9;  
300 - border-radius: 40rpx;  
301 - font-size: 30rpx; 289 + .check-in-msg {
  290 + font-size: 24rpx;
302 font-family: PingFang SC; 291 font-family: PingFang SC;
303 font-weight: 500; 292 font-weight: 500;
304 - color: #2D81FF;  
305 - margin-top: -46rpx; 293 + color: #FFFFFF;
  294 + margin-top: 20rpx;
306 } 295 }
307 - .check-in-btn2{  
308 - color: #fea13a; 296 +
  297 + .check-in-go {
  298 + width: 78rpx;
  299 + height: 40rpx;
  300 + margin-top: 20rpx;
309 } 301 }
310 } 302 }
311 } 303 }