61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
|
<!-- 错误界面 -->
|
||
|
|
<template>
|
||
|
|
<view class="error-page">
|
||
|
|
<s-empty
|
||
|
|
v-if="errCode === 'NetworkError'"
|
||
|
|
icon="/static/internet-empty.png"
|
||
|
|
text="网络连接失败"
|
||
|
|
showAction
|
||
|
|
actionText="重新连接"
|
||
|
|
@clickAction="onReconnect"
|
||
|
|
buttonColor="#ff3000"
|
||
|
|
/>
|
||
|
|
<s-empty
|
||
|
|
v-else-if="errCode === 'TemplateError'"
|
||
|
|
icon="/static/internet-empty.png"
|
||
|
|
text="未找到模板"
|
||
|
|
showAction
|
||
|
|
actionText="重新加载"
|
||
|
|
@clickAction="onReconnect"
|
||
|
|
buttonColor="#ff3000"
|
||
|
|
/>
|
||
|
|
<s-empty
|
||
|
|
v-else-if="errCode !== ''"
|
||
|
|
icon="/static/internet-empty.png"
|
||
|
|
:text="errMsg"
|
||
|
|
showAction
|
||
|
|
actionText="重新加载"
|
||
|
|
@clickAction="onReconnect"
|
||
|
|
buttonColor="#ff3000"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import { onLoad } from '@dcloudio/uni-app';
|
||
|
|
import { ref } from 'vue';
|
||
|
|
import { ShoproInit } from '@/sheep';
|
||
|
|
|
||
|
|
const errCode = ref('');
|
||
|
|
const errMsg = ref('');
|
||
|
|
|
||
|
|
onLoad((options) => {
|
||
|
|
errCode.value = options.errCode;
|
||
|
|
errMsg.value = options.errMsg;
|
||
|
|
});
|
||
|
|
|
||
|
|
// 重新连接
|
||
|
|
async function onReconnect() {
|
||
|
|
uni.reLaunch({
|
||
|
|
url: '/pages/index/index',
|
||
|
|
});
|
||
|
|
await ShoproInit();
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.error-page {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
</style>
|