123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <template>
- <view class="safeArea">
- <nav-bar title="模拟考试-一级建造师-管理"></nav-bar>
- <view class="examWrap">
- <view class="title">距离管理开考还有</view>
- <view class="circle">
- <image class="img" mode="widthFix" src="../static/time-circle.png"></image>
- <view class="time">08:56</view>
- </view>
-
- <view class="btn" @click="examBank()" :class="{disabled:state}">开始考试</view>
- </view>
- </view>
- </template>
- <script>
- import { mapGetters } from 'vuex';
- export default {
- components: {
- },
- data() {
- return {
- state:1,
- };
- },
- onLoad(){
- },
- onShow() {
- },
- methods: {
- examBank() {
- uni.navigateTo({
- url:'../examReport/index'
- })
- }
- },
- onReachBottom() {},
- computed: { ...mapGetters(['userInfo']) }
- };
- </script>
- <style >
- page {
- background: #EAEEF1;
- }
- </style>
- <style scoped lang="scss">
- .examWrap{
- padding: 16rpx;
-
- .title {
- margin-top:70rpx;
- font-size: 32rpx;
- color: #666666;
- line-height: 48rpx;
- text-align: center;
- }
-
- .circle {
- margin:60rpx auto 0;
- width:480rpx;
- height:480rpx;
- position:relative;
- background: #fff;
- border-radius:50%;
-
- .img {
- width:448rpx;
- height:448rpx;
- position:absolute;
- left:50%;
- top:50%;
- transform: translate3D(-50%,-50%,0);
- }
-
- .time {
- width:100%;
- height:100%;
- display: flex;
- align-items: center;
- justify-content: center;
- position:relative;
- z-index: 999;
- font-size: 80rpx;
- text-align: center;
- font-weight: bold;
- color: #333333;
- }
- }
-
- .btn {
- margin:330rpx auto 0;
- width: 528rpx;
- height: 80rpx;
- background: #007AFF;
- border-radius: 40rpx;
- text-align: center;
- line-height: 80rpx;
- color:#fff;
-
- &.disabled {
- background:#ccc;
- }
- }
- }
- </style>
|