<template>
  <div class="error">
    <div class="main">
      <img class="error-img" :src="errorImg" alt />
      <div class="msg">{{sup8.msg}}</div>
      <!-- <div class='msg'>对不起，查无此商品</div> -->
    </div>

    <!-- <div class='copy-right'>
      <img src="http://respic8i.yesno.com.cn/logo/super8/logo_v3.png" alt="">
      <span>由超级8提供技术支持</span>
    </div>-->
	<div class='copy-right'>
		<a class="super8" href="http://beian.miit.gov.cn">沪ICP备05004162号-14</a>
	</div>
  </div>
</template>

<script>
// import $ from "jquery";
import _ErrorCode from "./assets/js/errorCode.js";
export default {
  name: "Error",
  data: function() {
    return {
      errorImg: "http://image.supercarrier8.com/antifaketemplae/error.png"
    };
  },
  methods: {},
  created() {
    switch (this.sup8.error) {
      case _ErrorCode.entryTypeErro1:
      case _ErrorCode.entryTypeErro2:
      case _ErrorCode.jsSdkConfigError:
        this.errorImg = "http://image.supercarrier8.com/icon/weixin01.png";
        break;
    }
    this.sup8.msg =
      this.sup8.msg ||
      (this.sup8.error ? this.sup8.error.msg : "") ||
      "出错啦！请稍后重试。(101)";
  },
  mounted() {
    document.title = "Error";
    $("#appx").css("display", "none");
    // this.$emit("changeLoading", false);
  }
};
</script>

<style>
@import "./assets/css/index.css";
</style>
<style scoped>
body {
  margin: 0;
  background-color: #f8f8f8;
}

.error-img {
  width: 50%;
  background-color: #f3f3f3;
  border-radius: 50%;
  margin: 30% 25% 5% 25%;
}

.msg {
  font-size: 1rem;
  text-align: center;
  margin-top: 1rem;
  color: #bebebe;
}
.super8{
	text-decoration: none;
	color: #CACACA;
}
</style>
