jp-charge/pagesFinance/recordOfInvoice/applicationDetails.vue

<template>
	<view >
		<u-navbar title="发票详情"></u-navbar>
		<view class="price">
			<view class="num">
				15.00元
			</view>
			<view class="text" >
				发票金额
			</view>
		</view>
		
		<u-cell-group>
				<u-cell-item  title="开票状态" :arrow="false">
					<text class="success">开票成功</text>
					<!-- <text class="invoicing">开票中</text> -->
				</u-cell-item>
				<u-cell-item  title="发票代码" :arrow="false" value="000011110000"></u-cell-item>
				<u-cell-item  title="发票号码" :arrow="false" value="00000000"></u-cell-item>
				<u-cell-item  title="发票类型":arrow="false" value="个人/非企业单位"></u-cell-item>
				<u-cell-item  title="发票抬头" :arrow="false" value="李广宵"></u-cell-item>
				<u-cell-item  title="发票税号" :arrow="false" value="--"></u-cell-item>
				<u-cell-item  title="开票时间" :arrow="false" value="2022-06-08"></u-cell-item>
			</u-cell-group>
			<u-cell-item style="background-color: #fff;"  title="发票预览":arrow="false">
				<text class="success">查看</text>
			</u-cell-item>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page{
		padding-bottom: 50px;
		background-color: #F2F4F4;  
	}
	.price{
		background-color: #fff;
		padding: 24px 0;
		text-align: center;
		.num{
			line-height: 36px;
			color: rgba(16, 16, 16, 100);
			font-size: 36px;
		}
		.text{
			color: rgba(102, 102, 102, 100);
			font-size: 16px;
			margin-top: 4px;
		}
		
	}
	.success{
		color: #00b962;
		font-size: 16px;
		margin-top: 4px;
	}
	.invoicing{
		color: #ff6100;
	}
	/deep/.u-cell-box{
		margin: 12px 0;
		
	}
	/deep/.u-cell__value,/deep/.u-cell_title{
		font-size: 18px 
	}
	/deep/.u-cell_title{
		color: #666666;
	}
	/deep/.u-cell__value{
		color: #101010;
	}
	
</style>