commit message

components/default-page/default-page.vue

@@ -0,0 +1,86 @@
+<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>