<template>
  <div class="pop">
    <img class="img" src="/img/icon/network.png" alt="极度证券">
    <div class="des">
      <!-- 请求超时,请检查您的网络状态 -->
      {{ $t('common.l35') }}
    </div>
    <div class="btn" @click="cancel">
      <!-- 好的 -->
      {{ $t('common.l36') }}
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      
    }
  },
  methods: {
    cancel() {
      this.$store.commit('setNetwork', false)
    }
  }
}
</script>
<style lang="less" scoped>
.pop {
  padding: 17px 21px 22px;
  line-height: 1;
}
.img {
  display: block;
  width: 100px;
  margin: 0 auto 15px;
}
.des {
  text-align: center;
  font-size: 16px;
  margin-bottom: 35px;
}
.btn {
  cursor: pointer;
  background-color: var(--color-);
  text-align: center;
  border-radius: 6px;
  line-height: 44px;
  font-size: 16px;
  color: #FEFFFF;
}
</style>