作者 mxd

学习页面

<template>
<view class="study">
<!-- 学习 -->
<view class="header-wrap">
<view class="nav-all-wrap no-margin area flex">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoMailbox/twoMailbox`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/xzxx.png" mode="aspectFit"></image>
</view>
<view class="nav-text">
校长信箱
</view>
<view class="nav-all-wrap area flex no-margin">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoMailbox/twoMailbox`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/imagesV2/study/xzxx.png" mode="aspectFit"></image>
</view>
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoCurriculum/twoCurriculum`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/kcb.png" mode="aspectFit" />
</view>
<view class="nav-text">
课程表
</view>
<view class="nav-text">
校长信箱
</view>
</view>
<view class="nav-all-wrap area flex">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoRule/twoRule`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/xjxg.png" mode="aspectFit"></image>
</view>
<view class="nav-text">
校纪校规
</view>
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoCurriculum/twoCurriculum`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/imagesV2/study/kcb.png" mode="aspectFit" />
</view>
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoClassRules/twoClassRules`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/bjbg.png" mode="aspectFit" />
</view>
<view class="nav-text">
班级班规
</view>
<view class="nav-text">
课程表
</view>
</view>
</view>
<view class="nav-all-wrap area flex">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoRule/twoRule`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/imagesV2/study/xjxg.png" mode="aspectFit"></image>
</view>
<view class="nav-text">
校纪校规
</view>
</view>
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/twoClassRules/twoClassRules`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/imagesV2/study/bjbg.png" mode="aspectFit" />
</view>
<view class="nav-text">
班级班规
</view>
</view>
</view>
<view class="nav-all-wrap area flex">
<view class="nav-wrap flex" @tap="$sjuNav.navigateTo(`/pagesB/oneMyCredit/oneMyCredit`)">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/xfqk.png" mode="aspectFit"></image>
<image class="nav-img" src="/static/imagesV2/study/xfqk.png" mode="aspectFit"></image>
</view>
<view class="nav-text">
学分情况
... ... @@ -52,15 +51,16 @@
<view class="nav-wrap flex" @tap="getxzdata" data-url="/pagesStu/stu_selection/stu_selection">
<view class="nav-img-wrap flex">
<image class="nav-img" src="/static/images/tkjsxz.png" mode="aspectFit" />
<image class="nav-img" src="/static/imagesV2/study/tkjsxz.png" mode="aspectFit" />
</view>
<view>
<view class="nav-text">
听课教室选座
</view>
<view class="seat-sele">
选座中
<image src="/static/imagesV2/study/xuanzuo.png" mode="aspectFit" />
</view>
</view>
</view>
<!-- <view class="nav-wrap flex" @tap="$service.jump" data-url="/pagesStu/stu_myseat/stu_myseat">
... ... @@ -77,40 +77,38 @@
</view>
</view> -->
</view>
<view class="entrance-wrap area">
<image src="/static/images/rxdj.png" mode="aspectFit"></image>
<view class="check-in flex">
<view class="check-in-left">
<view class="">
<view class="entrance-container area" @tap="$service.jump" data-url="/pagesStu/stu_register/stu_register">
<view class="entrance-wrap">
<image class="entrance-wrap-bg" src="/static/imagesV2/study/rxdj.png" mode="aspectFit"></image>
<view class="check-in">
<view class="check-in-title">
入学登记
</view>
<view class="check-in-quick">
<view class="check-in-msg">
赶快去登记信息吧!
</view>
</view>
<view class="check-in-btn" @tap="$service.jump" data-url="/pagesStu/stu_register/stu_register">
去登记
<view class="check-in-go">
<image src="/static/imagesV2/study/rxdj-go.png" mode="aspectFit"></image>
</view>
</view>
</view>
</view>
<view class="entrance-wrap area">
<image src="/static/images/xuexicepingbj.png" mode="aspectFit"></image>
<view class="check-in flex">
<view class="check-in-left">
<view class="">
<view class="entrance-wrap" @click="toEvaluating">
<image class="entrance-wrap-bg" src="/static/imagesV2/study/xuexicepingbj.png" mode="aspectFit"></image>
<view class="check-in">
<view class="check-in-title">
入学评测
</view>
<view class="check-in-quick">
<view class="check-in-msg">
赶快去登记信息吧!
</view>
</view>
<view class="check-in-btn check-in-btn2" @click="toEvaluating">
去查看
<view class="check-in-go">
<image src="/static/imagesV2/study/xuexicepingbj-go.png" mode="aspectFit"></image>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
... ... @@ -202,7 +200,11 @@
.no-margin {
margin-top: 0 !important;
}
.study {
min-height: 100vh;
background-color: #fff;
padding-top: 28rpx;
}
.nav-all-wrap {
justify-content: space-between;
align-items: center;
... ... @@ -210,8 +212,9 @@
.nav-wrap {
width: 334rpx;
height: 132rpx;
background: #FFFFFF;
height: 150rpx;
position: relative;
background: #F7F7F7;
border-radius: 20rpx;
font-size: 30rpx;
font-family: PingFang SC;
... ... @@ -240,23 +243,25 @@
}
.seat-sele {
height: 26rpx;
line-height: 26rpx;
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 400;
color: #ADADAD;
margin-top: 6rpx;
position: absolute;
top: 0;
right: 0;
width: 100rpx;
height: 40rpx;
}
}
.entrance-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.entrance-wrap {
height: 253rpx;
border-radius: 20rpx;
width: 334rpx;
height: 250rpx;
margin-top: 28rpx;
position: relative;
image {
.entrance-wrap-bg {
width: 100%;
height: 100%;
position: absolute;
... ... @@ -268,44 +273,31 @@
.check-in {
width: 100%;
height: 100%;
// justify-content: space-around;
align-items: center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
.check-in-left {
padding: 30rpx;
box-sizing: border-box;
.check-in-title {
font-size: 36rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
margin: -46rpx 60rpx 0 80rpx;
.check-in-quick {
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
}
}
.check-in-btn {
width: 260rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
background: #FFFFFF;
opacity: 0.9;
border-radius: 40rpx;
font-size: 30rpx;
.check-in-msg {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #2D81FF;
margin-top: -46rpx;
color: #FFFFFF;
margin-top: 20rpx;
}
.check-in-btn2{
color: #fea13a;
.check-in-go {
width: 78rpx;
height: 40rpx;
margin-top: 20rpx;
}
}
}
... ...