xinkeaboard/xinkeaboard-web/error.vue

  <template>
  <div class="container">
    <NuxtLayout>
        <SldHomeTopSearch />
        <NavCatHeader />
        <div class="bottom_line"></div>
        <div class="error_page flex_column_center_center">
        <div class="error_page_logo"></div>
        <div class="error_page_tips">{{L['亲，抱歉! 您查看的页面失联啦...']}}</div>
        <div class="error_page_main flex_row_between_center">
            <span class="error_page_left">{{L['您可以：去其他地方逛逛']}}</span>
            <span class="error_page_right" @click="handleError">{{L['商城首页']}}</span>
            <span class="error_page_line"></span>
            <NuxtLink to="/member/collect">
                <span class="error_page_right" >{{L['已收藏的商品']}}</span>
            </NuxtLink>
        </div>
    </div>
    </NuxtLayout>
  </div>
</template>


  <script setup>
  const L = getCurLanguage();
  const props = defineProps({
      error: Object,
    });

  const handleError = () => clearError({ redirect: "/" });
  </script>


  <style lang="scss" scoped>
  .error_page {
    padding-top: 80px;
    padding-bottom: 200px;
    border-top: 3px solid $colorMain;
    .error_page_logo {
      width: 249px;
      height: 271px;
      background-image: url('/error_logo.png');
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .error_page_tips {
      line-height: 70px;
      color: #333333;
      font-size: 24px;
      /*font-family: Microsoft YaHei;*/
      font-weight: bold;
      margin-top: 85px;
      margin-bottom: 40px;
      cursor: default;
    }
    .error_page_main {
      font-size: 14px;
      /*font-family: Microsoft YaHei;*/
      font-weight: 400;
      .error_page_left {
        color: #999999;
        margin-right: 20px;
        cursor: default;
      }
      .error_page_right {
        color: rgba(12, 97, 232, 1);
        margin-left: 16px;
        cursor: pointer;
      }
      .error_page_line {
        width: 1.6px;
        height: 14px;
        background: #999999;
        margin-left: 16px;
      }
    }
  }
</style>