87 lines
1.3 KiB
Vue
87 lines
1.3 KiB
Vue
<template>
|
|
<view class="default-page">
|
|
<view class="default-wrap">
|
|
|
|
<text>{{title}}</text>
|
|
<view v-if="isBtn" class="btn" @click="toHome">
|
|
去逛逛
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
// 购物车 cart 消息 msg 订单 order 查询 search
|
|
type: {
|
|
type: String,
|
|
default: 'search'
|
|
},
|
|
isBtn:{
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
title:{
|
|
type: String,
|
|
default: '没有相关内容'
|
|
}
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
src:''
|
|
};
|
|
},
|
|
mounted() {
|
|
this.src ='/static/default/default_'+ this.type + '.png';
|
|
},
|
|
methods: {
|
|
toHome() {
|
|
uni.switchTab({
|
|
url: '/pages/home/home'
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.default-page{
|
|
background: #FFFFFF;
|
|
width: 100%;
|
|
height: 100vh;
|
|
.default-wrap{
|
|
position: absolute;
|
|
top: calc(50vh - 320rpx);
|
|
left: calc(50% - 120rpx);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
|
|
>image{
|
|
width: 260rpx;
|
|
height: 240rpx;
|
|
|
|
margin-bottom: 24rpx;
|
|
}
|
|
text{
|
|
font-size: 32rpx;
|
|
color: #828385;
|
|
}
|
|
.btn{
|
|
width: 160rpx;
|
|
height: 56rpx;
|
|
border: 2rpx solid #3180F6;
|
|
border-radius: 6rpx;
|
|
text-align: center;
|
|
line-height: 56rpx;
|
|
margin-top: 32rpx;
|
|
font-size: 24rpx;
|
|
color: #3180F6;
|
|
}
|
|
}
|
|
|
|
}
|
|
</style>
|