jiangping
2024-06-28 43942a545271345ce26e40d82bb97138c5ea7611
h5/pages/notice/notice.vue
@@ -1,34 +1,44 @@
<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() {
@@ -60,6 +70,7 @@
      })
    },
    toapply() {
      if(this.num > 0) return
      if (this.answer === '0') {
        uni.navigateTo({
          url: '/pages/userinfo/userinfo'
@@ -91,7 +102,7 @@
    height: calc(100% - 170rpx);
    .title {
      color: #333333;
      font-weight: 500;
      font-weight: 600;
      margin-bottom: 16rpx;
    }
    .text {
@@ -110,9 +121,12 @@
    border-radius: 44rpx;
    font-size: 32rpx;
    color: #ffffff;
    position: absolute;
    bottom: 42rpx;
    position: fixed;
    bottom: 30rpx;
    left: 30rpx;
  }
  .disable{
    background-color: #cccccc;
  }
}
</style>