<template>
  <view class="main">
    <view class="textBox">
      识别二维码关注服务号,进入主页后点击“我是会员”，选择“超值优惠券”，输入手机号选择激活，领取全额加油券大礼包。
    </view>

    <view class="codeBox">
      <image
        class="img"
        src="https://eshangtech.com/minTestImg/gasolineCode.png"
        @click="handleShowPreview"
      />
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    handleShowPreview() {
      uni.previewImage({
        showmenu: true,
        current: "https://eshangtech.com/minTestImg/gasolineCode.png", // 当前显示图片的http链接
        urls: ["https://eshangtech.com/minTestImg/gasolineCode.png"], // 需要预览的图片http链接列表
      });
    },
  },
};
</script>
<style lang="less" scoped>
.main {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  padding: 0 32rpx;
  background: #f6f7f8;
  text-align: center;
  .textBox {
    margin-top: 46rpx;
  }
  .codeBox {
    width: calc(100vw - 64rpx);
    height: calc(100vw - 64rpx);
    margin-top: 24rpx;
    .img {
      width: calc(100vw - 64rpx);
      height: calc(100vw - 64rpx);
    }
  }
}
</style>