zhengkaixin 2 سال پیش
والد
کامیت
c9f68f3260
1فایلهای تغییر یافته به همراه44 افزوده شده و 5 حذف شده
  1. 44 5
      pagesFinance/detailed/index.vue

+ 44 - 5
pagesFinance/detailed/index.vue

@@ -183,7 +183,7 @@
 			<view>查询为空</view>
 		</view>
 		
-			<view class="detailed-list"  v-for="(item ,index) in list2" 
+			<view class="detailed-list2"  v-for="(item ,index) in list2" 
 			@click="gotoUrl('pagesFinance/detailed/monthlyCardDetails?id='+item.id)"
 			
 			:key="index" >
@@ -194,16 +194,16 @@
 					<p v-if="showMap2">共收{{showMap2.get(item.showtime).num}}笔,{{showMap2.get(item.showtime).amount.toFixed(2)}}元</p>
 		
 				</view>
-				<view class="detailed-item">
+				<view class="detailed-item-sp">
 					<view class="detailed-item-name" style="
-								    width: 70%;
+								    width: 60%;
 							">
 						<h2 class="showName">{{item.monthlyRentName}}</h2>
 						<p>{{item.payTime?item.payTime.slice(11):''}}</p>
 					</view>
 					<view class="detailed-item-name" style="
-								min-width: 60px;
-								width: 30%;
+								min-width: 65px;
+								width: 40%;
 								font-size: 16px;
 								text-align: right;
 							">
@@ -666,6 +666,45 @@
 		
 		background-color: #fff;
 	}
+	.detailed-item-sp{
+		background-color: #fff;
+		display: flex;
+		justify-content: space-between;
+		padding: 10px 20px;
+		border-bottom: 1px solid #ededed;
+		position: relative;
+		.sign{
+			width: 32px;
+			height: 32px;
+			position: absolute;
+			top: 0;
+			right: 0;
+			img{
+				width: 100%;
+			}
+		}
+		
+		.detailed-item-name {
+			h4 {
+				font-weight: normal;
+			}
+		
+			p {
+				font-size: 15px;
+				margin-top: 4px;
+				color: #A2A9B5;
+			}
+		}
+		
+		.detailed-item-num {
+			display: flex;
+			align-items: center;
+		
+			h2 {
+				margin-right: 4px;
+			}
+		}
+	}
 	.detailed-item{
 		
 		background-color: #fff;