| | |
| | | <template> |
| | | <div class="container"> |
| | | <view class="container"> |
| | | <!-- <video |
| | | src="https://vdept3.bdstatic.com/mda-nj7gwfue9kdnbtsh/sc/cae_h264/1665488517815949255/mda-nj7gwfue9kdnbtsh.mp4?v_from_s=hkapp-haokan-hbe&auth_key=1715141591-0-0-6dfdf4d4c3d94b60b9adeb53368a72f3&bcevod_channel=searchbox_feed&pd=1&cr=2&cd=0&pt=3&logid=0791905773&vid=13790089500387859718&klogid=0791905773&abtest=" |
| | | ></video> --> |
| | | <scroll-view scroll-y class="content"> |
| | | <div> |
| | | <div v-html="content"></div> |
| | | </div> |
| | | <div class="empty"></div> |
| | | <view> |
| | | <view v-html="content"></view> |
| | | </view> |
| | | <view class="empty"></view> |
| | | </scroll-view> |
| | | <div class="button" @click="toapply">确认了解</div> |
| | | </div> |
| | | <view class="button" :class="{disable: num > 0}" @click="toapply"> |
| | | 已知晓,下一步 |
| | | <text v-if="num > 0">({{ num }}秒)</text> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | let timer |
| | | import { getSystemDictData } from "@/api" |
| | | export default { |
| | | name: 'Index', |
| | | data() { |
| | | return { |
| | | content: ``, |
| | | answer: '' |
| | | answer: '', |
| | | num: 5 |
| | | } |
| | | }, |
| | | onLoad() { |
| | | this.getInfo() |
| | | if(!this.$store.state.openId){ |
| | | if (!this.$store.state.openId) { |
| | | this.initToken() |
| | | } |
| | | |
| | | timer = setInterval(() => { |
| | | this.num-- |
| | | if (this.num === 0) { |
| | | clearInterval(timer) |
| | | } |
| | | }, 1000) |
| | | }, |
| | | methods: { |
| | | initToken() { |
| | |
| | | }) |
| | | }, |
| | | toapply() { |
| | | if(this.num > 0) return |
| | | if (this.answer === '0') { |
| | | uni.navigateTo({ |
| | | url: '/pages/userinfo/userinfo' |
| | |
| | | height: calc(100% - 170rpx); |
| | | .title { |
| | | color: #333333; |
| | | font-weight: 500; |
| | | font-weight: 600; |
| | | margin-bottom: 16rpx; |
| | | } |
| | | .text { |
| | |
| | | border-radius: 44rpx; |
| | | font-size: 32rpx; |
| | | color: #ffffff; |
| | | position: absolute; |
| | | bottom: 42rpx; |
| | | position: fixed; |
| | | bottom: 30rpx; |
| | | left: 30rpx; |
| | | } |
| | | .disable{ |
| | | background-color: #cccccc; |
| | | } |
| | | } |
| | | </style> |