<template>
  <div class="basicMaskDiv" v-if="show">
    <div class="van-popup-order-gift van-popup-order-gift-center" style="z-index: 2005;">
      <div class="focusshopbg">
        <p>关注店铺参与活动赢下单好礼</p>
        <div class="shoplogo">
            <img :src="shopLogoUrl">
        </div>
        <div class="focusbtn" v-lz-click="'7'" @click="goFocusShop">关注店铺</div>
      </div>
    </div>
  </div>
</template>
<script>
import apis from "../../../util/apis1.js";
let { orderGiftFollowShop } = apis;

export default {
  props: [],
  components: {
  },
  data() {
    return {
      orderShopList:[],
      shopId:""
    };
  },
  created() {
    document.querySelector("body").setAttribute("style",
        "position:#fixed;top:0;height:100%;overflow:hidden"
      );
  },
  methods: {
    // 关注店铺
    goFocusShop() {
      orderGiftFollowShop(
        (data) => {
          document.querySelector("body").removeAttribute("style");
          this.submit(); 
        }
      );
    },
  },
};
</script>

<style lang="scss">
.van-popup-order-gift {
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
  transition: transform .3s,-webkit-transform .3s;
  background-color: transparent;
}
.van-popup-order-gift-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
}

.basicMaskDiv{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  top: 0;
  bottom: 0;
  z-index: 200;
}

.van-popup-order-gift .focusshopbg {
    position: relative;
    width: 5.7rem;
    height: 3.99rem;
    background: url("//img10.360buyimg.com/imgzone/jfs/t1/170076/24/5515/35555/601bbcecE7710a3f8/697fee9b08519b50.png") no-repeat;
    background-size: 100% 100%;
    padding: 0.65rem 0.25rem 0.41rem;
}

.van-popup-order-gift .focusshopbg p {
    font-size: 0.28rem;
    color: #ff9900;
    width: 100%;
    line-height: 0.8rem;
    height: 0.8rem;
    text-align: center;
}


.van-popup-order-gift .shoplogo {
    width: 100%;
    height: 1.37rem;
    line-height: 1.37rem;
    text-align: center;
    padding-bottom: 0.1rem;
}

.van-popup-order-gift .shoplogo img {
    max-width: 100%;
    max-height: 100%;
}

.van-popup-order-gift .focusbtn {
    margin: 0 auto;
    width: 2.73rem;
    height: 0.76rem;
    line-height: 0.76rem;
    text-align: center;
    color: #fff;
    font-size: 0.35rem;
    border-radius: 0.38rem;
    background: #ff256d;
}
</style>
