bn-q-icon/pages/index/error.vue

<template>
  <view class="error-box">
    <view class="error-content">
      <view class="error-icon">
        <text  class="iconfont">
          &#xe678;
        </text>
      </view>
      <view class="error-text">
        {{errorMsg}}
      </view>
    </view>


  </view>
</template>
<script>
export default {
  name: "error",
  props: {},
  components: {},
  data() {
    return {
      errorMsg:'出错啦！~~'
    }
  },
  onLoad(query) {
    if(query.errorMsg!==undefined){
      this.errorMsg=decodeURI(query.errorMsg);
    }
  },
  mounted() {

  },
  methods: {}

}
</script>

<style scoped lang="scss">
@import url("/components/static/css/en-common.css") ;
.error-box{
  width: 100vw;
  height: 100vh;
  background: #131E30;
  .error-content{
    padding-top: 260rpx;
    .error-icon{
      text-align: center;
      text{
        font-size: 240rpx;
        color: #7388a7;
      }
    }
    .error-text{
      font-size: 32rpx;
      text-align: center;
      font-weight: 600;
      color: #7388a7;
    }
  }

}

</style>