LJ-ancient-city-h5/pages/user/guide.vue

<template>
  <view class="app-container">
    <u-navbar
        title=""
        bgColor="#fff"
        :fixed="true"
        :autoBack="false"
        leftIconColor="#333333"
        leftIconSize="28"
        @leftClick="handleLeftClick"
    >
    </u-navbar>
    <view class="app-container-item flex-column-center">
      <view style="color: #333333;font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;margin-bottom: 5px">预订须知</view>
      <div v-html="content"></div>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      userInfo: {},
      loading: true,
      isLogin: true,
      picUrl: this.$require,
      content: `<p>1、票型有效期：仅限游玩当日有效。</p> <p>2、检票方式：刷脸（开通快速入园后）、刷 身份证（原件）、刷二维码或现场手输身份证号入园。</p> <p>3、退改规则：一经检票，不得退票。</p> <p>4、实名制一证一票。门票仅限入园1次，不可重复入园。</p> <p>5、禁止携带宠物入园。</p>`
    };
  },
  onLoad() {
    console.log('onLoad')
  },
  onShow() {
    this.userInfo = uni.getStorageSync('userInfo')
    this.userInfo = {
      ...this.userInfo,
      phone: '18322568765'
    };
    // this.isLogin = this.userInfo.username ? true : false;
  },
  methods: {
    handleLeftClick() {
      //获取页面栈的长度
      const canNavBack = getCurrentPages()
      //判断是否刷新了浏览器，刷新了浏览器，页面栈只有当前一个
      if (canNavBack && canNavBack.length > 1) {
        uni.navigateBack({
          delta: 1
        })
      } else {
        history.back()
      }
    },
    getGuideInfo() {
      // this.isLogin = true;
    },
  }
};
</script>
<style lang="scss" scoped>
.app-container {
  width: 100vw;
  background: #fff;
  position: relative;
  height: 100vh;

  &-item {
    position: absolute;
    top: 44px;
    padding: 10px 20px;
  }
}
</style>