besiweb/pages/index/answer/applyRecord.vue

<template>
	<view>
		<view class="sticky-nav">
			<view class="nav-box">
				<u-icon name="arrow-left" color="#000" size="48" @click="backHome()"></u-icon>
				<text class="apply-record">申请记录</text>
			</view>
		</view>
		<view v-if="!ifApply" class="empty_data_box">
			<view>
				<image src="../../../static/index/gongdeng/empty_data_icon.png" class="empty_data_img"></image>
				<view class="empty_data_tip">暂无申请记录</view>
			</view>
			<view class="apply_btn" @click="applyJoin">申请加入</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				ifApply: false
			}
		},
		methods:{
			backHome() {
				uni.navigateBack({
					delta: 1
				});
			},
			applyJoin(){
				uni.navigateTo({
					url: '../answer/applyForm'
				});
			}
		}
	}
</script>
<style>
	page{
		background-color: rgb(247, 246, 242);
	}
</style>
<style lang="less" scoped>
	.sticky-nav {
		position: sticky;
		width: 100%;
		top: 0;
		z-index: 1;
	}
	.nav-box {
		width: 100%;
		padding-top: 50rpx;
		display: flex;
		align-items: center;
		background: #fff;
		height: 100rpx;
		padding-bottom: 50rpx;
	    /deep/.u-icon{
			margin-left: 20rpx!important;
		}
		.apply-record {
			font-size: 38rpx;
			color: #000;
			margin-left: 250rpx;
		}
	}
	.empty_data_box {
		width: 100%;
		height: 91vh;
		display: flex;
		justify-content: center;
		align-items: center;
		.empty_data_img {
			width: 246rpx;
			height: 122rpx;
		}
		.empty_data_tip {
			text-align: center;
			font-size: 35rpx;
		}
		.apply_btn{
			width:675rpx;
			height:90rpx;
			line-height: 90rpx;
			text-align: center;
			position: fixed;
			bottom: 85rpx;
			background-color: rgb(204,173,81);
			color: #fff;
			border-radius: 12rpx;
			font-size: 35rpx;
		}
	}
</style>