作者 mxd

学习页面

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"> 4 + <view class="nav-all-wrap area flex no-margin">
6 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoMailbox/twoMailbox`)"> 5 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoMailbox/twoMailbox`)">
7 <view class="nav-img-wrap flex"> 6 <view class="nav-img-wrap flex">
8 - <image class="nav-img" src="/static/images/xzxx.png" mode="aspectFit"></image> 7 + <image class="nav-img" src="/static/imagesV2/study/xzxx.png" mode="aspectFit"></image>
9 </view> 8 </view>
10 <view class="nav-text"> 9 <view class="nav-text">
11 校长信箱 10 校长信箱
@@ -13,7 +12,7 @@ @@ -13,7 +12,7 @@
13 </view> 12 </view>
14 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoCurriculum/twoCurriculum`)"> 13 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoCurriculum/twoCurriculum`)">
15 <view class="nav-img-wrap flex"> 14 <view class="nav-img-wrap flex">
16 - <image class="nav-img" src="/static/images/kcb.png" mode="aspectFit" /> 15 + <image class="nav-img" src="/static/imagesV2/study/kcb.png" mode="aspectFit" />
17 </view> 16 </view>
18 <view class="nav-text"> 17 <view class="nav-text">
19 课程表 18 课程表
@@ -23,7 +22,7 @@ @@ -23,7 +22,7 @@
23 <view class="nav-all-wrap area flex"> 22 <view class="nav-all-wrap area flex">
24 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoRule/twoRule`)"> 23 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoRule/twoRule`)">
25 <view class="nav-img-wrap flex"> 24 <view class="nav-img-wrap flex">
26 - <image class="nav-img" src="/static/images/xjxg.png" mode="aspectFit"></image> 25 + <image class="nav-img" src="/static/imagesV2/study/xjxg.png" mode="aspectFit"></image>
27 </view> 26 </view>
28 <view class="nav-text"> 27 <view class="nav-text">
29 校纪校规 28 校纪校规
@@ -31,18 +30,18 @@ @@ -31,18 +30,18 @@
31 </view> 30 </view>
32 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoClassRules/twoClassRules`)"> 31 <view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoClassRules/twoClassRules`)">
33 <view class="nav-img-wrap flex"> 32 <view class="nav-img-wrap flex">
34 - <image class="nav-img" src="/static/images/bjbg.png" mode="aspectFit" /> 33 + <image class="nav-img" src="/static/imagesV2/study/bjbg.png" mode="aspectFit" />
35 </view> 34 </view>
36 <view class="nav-text"> 35 <view class="nav-text">
37 班级班规 36 班级班规
38 </view> 37 </view>
39 </view> 38 </view>
40 </view> 39 </view>
41 - </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">
@@ -78,35 +78,33 @@ @@ -78,35 +78,33 @@
78 </view> --> 78 </view> -->
79 </view> 79 </view>
80 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=""> 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 class="check-in-go">
  92 + <image src="/static/imagesV2/study/rxdj-go.png" mode="aspectFit"></image>
91 </view> 93 </view>
92 - <view class="check-in-btn" @tap="$service.jump" data-url="/pagesStu/stu_register/stu_register">  
93 - 去登记  
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>
  105 + <view class="check-in-go">
  106 + <image src="/static/imagesV2/study/xuexicepingbj-go.png" mode="aspectFit"></image>
107 </view> 107 </view>
108 - <view class="check-in-btn check-in-btn2" @click="toEvaluating">  
109 - 去查看  
110 </view> 108 </view>
111 </view> 109 </view>
112 </view> 110 </view>
@@ -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;
  280 + padding: 30rpx;
  281 + box-sizing: border-box;
277 282
278 - .check-in-left { 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 } 288 }
291 - }  
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 }