<template>
  <div id="errorPage" class="errPageDiv">
    <div class="errImgDiv"><img class="errImg" :style="errImgStyle" src="//img10.360buyimg.com/imgzone/jfs/t1/130689/20/19792/29086/5fd56d6dE66162b5d/cd1db77e734eb248.png" alt="" /></div>
    <div :style="errPromptStyle">
      <span>{{ errPrompt }}</span>
    </div>

    <!-- <div class="btnDiv"><buttonCom :buttonDiv='buttonStyle.buttonDiv' @btnClick="btnClick" v-lz-click="'shop_click'" :button='buttonStyle.originButton' :title="btnText" ></buttonCom></div> -->
  </div>
</template>

<script>
import errDataJson from '../../src/data.json';

import buttonCom from '../components/basisComponent/button/buttonCom.vue';
import { styleUtil,goToShopPage } from '../util/tools.js';
import store from "../store/store";

export default {
  name: 'ErrorPage',
  components: {
    buttonCom
  },
  data() {
    return {
      errPrompt: '',//提示文字
      btnText: '',//按钮文字
      errPromptStyle: '',//提示样式
      buttonStyle: '',//按钮样式
      errImgStyle: '',//图片样式
      imgSrc:'',//图片路径
    };
  },
  created() {
    this.imgSrc = errDataJson.errPageData.imagesStyle.imgSrc;
    this.errImgStyle = errDataJson.errPageData.imagesStyle.errImage1;
    this.errPrompt = errDataJson.errPageData.textStyle.errPrompt;
    this.btnText = errDataJson.errPageData.textStyle.btnText;
    this.errPromptStyle = errDataJson.errPageData.errPromptStyle;
    this.buttonStyle = errDataJson.errPageData.errPageButton;
  },
  mounted() {},
  methods: {
    initAppData(){
    },
    btnClick(){
      let shopId = sessionStorage.getItem('shopId') //store.state.shopId
      console.log(shopId,'shopId')
      goToShopPage(shopId)
    }

  }
};
</script>

<style lang="scss"></style>
