<template>
	<view>
		<view class="card">
			<view class="top">
				<view class="title center">
					<image src="../../static/icon/yidong.png" mode=""></image>
					<text>星巴克咖啡店</text>
				</view>
				<view class="detail">
					<view class="">
						<text>查看详情</text>
						<text class="cuIcon-right margin-left-10"></text>
					</view>
				</view>
			</view>
			<view class="content">
				<view class="">
					<text class="label">申请人：</text>
					<text class="value">张三</text>
				</view>
				<view class="padding-top-20">
					<text class="label">时间：</text>
					<text class="value">2021-08-02 10:10:35</text>
				</view>
			</view>
			
			<view class="bottom">
				<view class="cu-btn round pass-btn" style="width: 140rpx;">
					通过
				</view>
				<view class="cu-btn round refuse-btn" style="width: 140rpx;margin-left: 30rpx;">
					拒绝
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.pass-btn{
		background-color: 	#EF9944;
		color: #FFFFFF;
	}
	
	.refuse-btn{
		background-color: #FFFFFF;
		color: #EF9944;
		border: 1rpx solid #EF9944;
	}
	
	.card{
		border-radius: 30rpx;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		padding: 30rpx 36rpx;
		margin: 20rpx 0;
		position: relative;
		
		.top{
			display: flex;
			justify-content: space-between;
			
			.title{
				color: #252525;
				display: flex;
				font-size: 34rpx;
				font-weight: 800;
				image{
					margin-right: 10rpx;
					width: 40rpx;
					height: 40rpx;
					border-radius: 50%;
				}
			}
			
			.detail{
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				color: #999999;
				font-size: 26rpx;
			}
		}
		
		.content{
			margin: 30rpx 20rpx;
			
			.label{
				font-size: 28rpx;
				color: #999999;
			}
			
			.value{
				color: #252525;
			}
		}
		
		.bottom{
			display: flex;
			justify-content: flex-end;
		}
	}
</style>
