修改颜色

pages/school/personal/receiptDetails.vue

@@ -2,8 +2,9 @@
 	.receiptDetails{
 		padding: 5px 20px;
 		font-family: aa;
-		height: 100vh;
+		min-height: 100vh;
 		font-size: 14px;
+		background: #ecdaea;
 		position: relative;
 		.top{
 			display: flex;
@@ -12,7 +13,7 @@
 		}
 		.box{
 			width: 100%;
-			min-height: calc(100vh - 40px - 30px - 30px - 20px);
+			min-height: calc(100vh - 40px - 30px - 30px - 20px - 36px);
 			border: 1px solid #111;
 			padding: 10px 30px;
 			margin: 10px 0;
@@ -50,7 +51,7 @@
 			display: flex;
 			align-items: center;
 			justify-content: center;
-			position: absolute;
+			position: fixed;
 			left: 0;
 			bottom: 30px;
 			.claimbtn_box{
@@ -98,40 +99,48 @@
 			justify-content: center;
 			margin-top: 20px;
 		}
+		.color_bt{
+			color: #323278;
+		}
 	}
 </style>
 <template>
 	<view class="receiptDetails" >
 		<template v-if="data && boxshow">
+			<view style="width: 100%;display: flex;align-items: center;justify-content: center;margin: 10px 0;font-weight: bold;">
+				 
+				<span style="border-bottom:3px double black;cursor:pointer;letter-spacing:10px;font-size: 24px !important">收款收据</span>
+				       
+			</view>
 			<view class="top">
-				<span>开票日期：<span :class="{'vague':data.State==2}">{{data.CreateTime}}</span></span>
-				<span>编号： <sapn style="font-size: 20px;color: red;" :class="{'vague':data.State==2}">{{data.ReceiptNo}}</sapn> </span>
+				<span>开票日期：<span class='color_bt' :class="{'vague':data.State==2}">{{data.CreateTime}}</span></span>
+				<span>编号： <sapn style="font-size: 20px;color: #323278;" :class="{'vague':data.State==2}">{{data.ReceiptNo}}</sapn> </span>
 			</view>
 			<view class="box">
 				<view class="box_item">
 					<view class="box_item_l">交款人</view>
-					<view class="box_item_r" >{{data.Remitter}}</view>
+					<view class="box_item_r color_bt" >{{data.Remitter}}</view>
 				</view>
 				<view class="box_item">
 					  <div style="display: flex;align-items: center;flex:1">
 						<span>人民币(大写)</span>
-						<span class="box_item_r" v-if="data.Money">{{changeMoneyToChinese(data.Money)}}</span>
+						<span class="box_item_r color_bt" v-if="data.Money">{{changeMoneyToChinese(data.Money)}}</span>
 					</div>
 					<view style="display: flex;align-items: center;margin-left: 10px;">
 						<span>￥：</span>
-						<span class="box_item_r" style="width: 200px" v-if="data.Money">{{addCommas(Math.round(data.Money * 100) / 100)}}</span>
+						<span class="box_item_r color_bt" style="width: 200px" v-if="data.Money">{{addCommas(Math.round(data.Money * 100) / 100)}}</span>
 					</view>
 				</view>
 				<view class="box_item">
 					<view class="box_item_l">收款事由</view>
-					<view class="box_item_r" :class="{'vague':data.State==2}">{{data.Remark}}</view>
+					<view class="box_item_r color_bt" :class="{'vague':data.State==2}">{{data.Remark}}</view>
 				</view>
 			</view>
 			<view class="bottom">
 				<view style="display: flex;align-items: center;position: relative;" v-for="(x,y) in AuditSteps" :key='y'>
 					<span>{{x.Name}}：</span>
 					<image v-if="x.Id==1" :src="data.SealImages"  :class="{'vague':data.State==2}" style="width: 80px;height: 80px;position: absolute;left: 60px;bottom: 0;z-index:9"></image>
-					<span v-if="x.Id==4">{{data.CreateByName}}</span>
+					<span v-if="x.Id==4" class='color_bt'>{{data.CreateByName}}</span>
 				</view>
 			</view>
 			<view class="claimbtn" v-if="data.State==2">