碎片样式调整

pages/wallet/fragment.vue

@@ -34,7 +34,7 @@
 				<image src="/static/imgs/record-icon.png" mode="widthFix" class="record-icon" />
 				<view class="">
 					<view class="record-list-item-top">
-						<view class="title ellipsis-1">完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片</view>
+						<view class="title ellipsis-2">完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片完成任务获得碎片</view>
 						<view class="money" >{{cointype==='in'?'+':'-'}}5</view>
 					</view>
 					<view class="record-list-item-date">2021-12-22 12:12:12</view>
@@ -206,6 +206,7 @@
 			bottom: 0;
 			right: 0;
 			z-index: 1;
+			opacity: .5;
 		}
 
 		.record-top-nav {
@@ -315,8 +316,9 @@
 				width: 600rpx;
 
 				.title {
-					font-size: 30rpx;
+					font-size: 32rpx;
 					width: 600rpx;
+					color: #444;
 				}
 
 				.money {

pages/wallet/property.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="propertyIndex">
 		<view class="propery">
+			<image src="/static/imgs/account-bg.png" mode="aspectFill" class="record-bg" />
 			<view class="propery-content">
 				<view class="currency">能量球 (≈ {{ price || '0' }} CNY)</view>
 				<view class="balance">{{ balance.balance || '0' }}</view>
@@ -241,18 +242,31 @@
 		position: relative;
 		padding-top: var(--status-bar-height);
 		background-image: linear-gradient(to right, #7c52fc, #976dff);
-
+		position: relative;
-		&::before {
+		overflow: hidden;
+		.record-bg {
 			position: absolute;
-			left: 0;
+			width: 120%;
-			top: 0;
+			height: 300rpx;
-			width: 100%;
+			bottom: -10rpx;
-			height: 100%;
+			right: -20rpx;
-			content: " ";
+			z-index: 1;
-			background-image: url(@/static/background/wallet-back.png);
+			opacity: .5;
-			background-size: 100%;
+			transform:rotate(-7deg);
-			background-repeat: no-repeat;
 		}
+		// &::before {
+		// 	position: absolute;
+		// 	left: 0;
+		// 	top: 0;
+		// 	width: 100%;
+		// 	height: 100%;
+		// 	content: " ";
+		// 	background-image: url(@/static/imgs/account-bg.png);
+		// 	background-size: 100%;
+		// 	background-repeat: no-repeat;
+		// 	opacity: .5;
+		// 	transform:rotate(0deg);
+		// }
 
 		.propery-content {
 			position: relative;