menkanactivity.vue 1.9 KB
<template>
  <div class="containerbox">
    <div class="flextwo sharetopk zuixin" @click="back">
      <div class="leftrow leftrowkimg">
        <img src="../../../assets/leftrowk.png" alt />
      </div>
      <div class="sharemiddle newacty">最新优惠活动</div>
      <div class="sharebtn">
        <!-- <img src="../../../assets/sharebtn.png" alt /> -->
      </div>
    </div>
    <div class="containerk">
      <div class="xianshihui">
        <!-- <img src="../../../assets/zizhi.png" alt /> -->

        <div class="xianshitext" v-html="agent"></div>
      </div>

      <div class="clicknext">点击下一页识别二维码回到唐元集公众号>> >></div>
      <div class="flextwo shiyebotk" style="margin-top:0.32rem">
        <div class="shibotleft" @click="prepage">上一页</div>
        <div class="shibotright" @click="nextpage">下一页</div>
      </div>
      <!-- <div class="nextpage" @click="prepage">上一页</div> -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      subid: "",
      agent: ""
    };
  },
  created() {
    document.title = "唐元集";
    this.subid = this.$route.query.subid;

    this.getyouhui();
  },
  methods: {
    back() {
      this.$router.go(-1);
    },
    getyouhui() {
      let that = this;
      var url = "/api/common/agent";
      let param = {};

      that.$axios
        .post(url, param)
        .then(function (res) {
          console.log(res);
          that.agent = res.data.agent;
        })
        .catch(function (err) {
          console.log(err);
        });
    },
    prepage() {
      this.$router.go(-1);
    },
    // 下一页
    nextpage() {
      this.$router.push({
        path: "/finish"
      });
    }
  }
};
</script>

<style scoped>
@import "../../../style/usercenter.css";
.containerk {
  padding: 0.32rem;
  box-sizing: border-box;
  margin-top: 0.5rem;
}
.zuixin {
  background: #759875;
}
.newacty {
  color: #fff;
}
</style>