init
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
.net-fail{
|
||||
.net-fail-image{
|
||||
width: 400rpx;
|
||||
height: 240rpx;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
margin-top: 310rpx;
|
||||
}
|
||||
.tips{
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #818181;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.btn{
|
||||
width: 240rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size:30rpx ;
|
||||
background-color: #E63E32;
|
||||
border-radius: 44rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 64rpx;
|
||||
}
|
||||
}
|
@@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<view class="net-fail">
|
||||
<image src='../../static/net-fail.png' class="net-fail-image"/>
|
||||
<p class="tips">请检查网络</p>
|
||||
<div class="btn" @click="handleTo">重新加载</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
// 获取父组件值、方法
|
||||
const props = defineProps({
|
||||
handleToRefresh: { //用于自定义跳转
|
||||
type: Function
|
||||
}
|
||||
})
|
||||
//重新加载
|
||||
const handleTo = () => {
|
||||
props.handleToRefresh()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style src="./index.scss" lang="scss" scoped></style>
|
Reference in New Issue
Block a user