旅游教育出版社-数字教材移动端
QYF-GitLab1
14 小时以前 8e3ee81b6ed824866734b7034604121f370f4201
src/views/index/manual.vue
@@ -1,12 +1,12 @@
<template>
 <div class="manualPage">
  <div class="manualPage">
    <van-nav-bar
      title="操作手册"
      left-text
      left-arrow
      @click-left="onClickLeft"
    />
    <div style="padding-top: 20px;" v-html="manualCon"></div>
    <div style="padding-top: 20px" v-html="manualCon"></div>
  </div>
</template>
@@ -16,14 +16,13 @@
  data() {
    return {
      manualCon: "",
    };
  },
  created() {
    this.getOperating()
    this.getOperating();
  },
  methods: {
     onClickLeft() {
    onClickLeft() {
      this.$router.go(-1);
    },
    //操作手册
@@ -37,22 +36,27 @@
        })
        .then((res) => {
          if (res.datas.length > 0) {
            res.datas.forEach((item) => {
              item.tourism_content = item.tourism_content.replace(
                /<img/g,
                '<img style="max-width:100%;height:auto"'
              );
              item.tourism_content = item.tourism_content.replace(
                /\..\/file/g,
                this.config.requestCtx + "/file"
              );
            });
            this.manualCon = res.datas[0].tourism_content;
          }
        });
    },
  }
  },
};
</script>
<style scoped>
.manualPage{
    width:100%;
    height:100%;
    padding: 15px;
.manualPage {
  width: 100%;
  height: 100%;
  padding: 15px;
}
</style>