first commit

components/back.vue

@@ -0,0 +1,152 @@
+<template name="back">
+	<!-- 总高94rpx -->
+	<view class="back-body">
+		<view class="title-padding">
+			
+		</view>
+		<view class="back-block" v-if="backShowFlag">
+			<view @click="backTo" class="backTo-block">
+				<view class="back-view">
+					<image class="back" src="/static/pic/back.png"></image>
+				</view>
+				<view class="back-text">返回</view>
+			</view>
+			<view class="pageName-block" v-if="pageNameFlag==1">{{pageName}}</view>
+		</view>
+		<view class="back-solid"></view>
+		<view class="errorMsg-block" v-if="showFlag==1">
+			<view class="errorMsg" >
+				<view class="text">{{errorMsg}}</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"back",
+		data() {
+			return {
+			
+			}
+		},
+		methods: {
+			backTo(){
+				uni.navigateBack({
+					delta:1
+				})
+			}
+		},
+		props:{
+			errorMsg:'',//报错提示信息
+			showFlag:0,//0-不显示 1-显示报错内容
+			pageName:'',//页面名称
+			pageNameFlag:0,//0-不显示 1-显示页面名称
+			backShowFlag: {
+			   type: Number,
+			   default: 1,
+			}
+		},
+	}
+</script>
+
+<style>
+	.title-padding{
+		  height: var(--status-bar-height);
+	}
+	.back-body{
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		position: relative;
+		background: #FFFFFF;
+	}
+	/* 返回 */
+	.back-block{
+		height: 62rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		margin-left: 18rpx;
+		margin-top: 30rpx;
+		align-items: center;
+	}
+	.backTo-block{
+		height: 62rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	.back-view{
+		width: 18rpx;
+		height: 32rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	.back{
+		width: 18rpx;
+		height: 32rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	.back-text{
+		height: 32rpx;
+		font-size: 30rpx;
+		color: #333333;
+		margin-left: 18rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		align-items: center;
+	}
+	/* 退出-结束 */
+	.back-solid{
+		height: 2rpx;
+		background: rgba(240,240,240,1);
+	}
+	/* 错误提示开始 */
+	.errorMsg-block{
+		height: 60rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		position: absolute;
+		top: 150rpx;
+		left: 225rpx;
+	}
+	.errorMsg{
+			width: 300rpx;
+			height: 60rpx;
+			background: #FF6A0B;
+			border-radius: 14.5px;
+			display: flex;
+			flex-direction: row;
+			justify-content: center;
+			align-items: center;
+			white-space: nowrap;
+		}
+		.text{
+			color: #FFFFFF;
+			font-size: 26rpx;
+		}
+	/* 错误提示结束 */
+	/* 页面名开始 */
+	.pageName-block{
+		width: 250rpx;
+		font-size:32rpx;
+		color:rgba(23,31,36,1);
+		/* margin-left: 198rpx; */
+		font-weight: 400;
+		 position: absolute;  
+		left: 250rpx;
+		right: 250rpx;
+		text-align: center;
+		white-space: nowrap;
+	}
+	/* 页面名结束 */
+</style>