Browse Source

样式修改

lilei 4 năm trước cách đây
mục cha
commit
e04b3f3edd
3 tập tin đã thay đổi với 27 bổ sung14 xóa
  1. 27 14
      pages/userCenter/ldDetailed.vue
  2. BIN
      static/bued.png
  3. BIN
      static/tudi.png

+ 27 - 14
pages/userCenter/ldDetailed.vue

@@ -11,19 +11,27 @@
 				<view class="cell-item" v-for="(item, index) in listdata" :key="index">
 					<text class="cell-item-month" v-if="timeScope == 'threeMonth'">{{item.month}}</text>
 					<view class="cell-item-main" v-for="(subItem, ind) in item.monthDataList" :key="ind">
-						<text :class="['cell-item-pic', subItem.changeType == 'ADD'?'orange':'']">{{subItem.changeType == 'ADD' ? '收' : '支'}}</text>
+						<text :class="['cell-item-pic']">
+							<u-image mode="scaleToFill" v-if="subItem.changeType == 'ADD'" shape="circle" width="90rpx" height="90rpx" :src="`/static/tudi.png`"></u-image>
+							<u-image mode="scaleToFill" v-else shape="circle" width="90rpx" height="90rpx" :src="`/static/bued.png`"></u-image>
+						</text>
 						<view class="cell-item-c">
-							<text class="cell-item-des">{{subItem.remarks}}</text>
+							<text class="cell-item-des">{{subItem.remarks||'--'}}</text>
 							<text class="cell-item-date">{{subItem.createDate}}</text>
 						</view>
-						<text :class="['cell-item-score', subItem.changeType == 'ADD' ? 'red' : 'black']">
-						{{subItem.changeType == 'ADD' ? '+'+subItem.changeNum : subItem.changeNum}}
-						</text>
+						<view :class="['cell-item-score', subItem.changeType == 'ADD' ? 'black' : 'red']">
+							<text>{{subItem.changeType == 'ADD' ? '+'+subItem.changeNum : '-'+subItem.changeNum}}</text>
+							<u-image mode="scaleToFill" width="40rpx" height="40rpx" src="/static/ledou.png"></u-image>
+						</view>
+					</view>
+					<view class="nodata" v-if="item.monthDataList.length==0 && status!='loading'">
+						<u-empty :text="noDataText" mode="list"></u-empty>
 					</view>
-					<u-empty class="nodata" :text="noDataText" v-if="item.monthDataList.length==0 && status!='loading'" mode="list"></u-empty>
 				</view>
 			</view>
-			<u-empty class="nodata" :text="noDataText" v-if="listdata.length==0 && status!='loading'" mode="list"></u-empty>
+			<view class="nodata" v-if="listdata.length==0 && status!='loading'">
+				<u-empty :text="noDataText" mode="list"></u-empty>
+			</view>
 			<view class="loadmore">
 				<u-loadmore v-if="total>pageSize || status=='loading'" :status="status" />
 			</view>
@@ -147,6 +155,9 @@
 	.ldDetailed-container{
 		width: 100%;
 		height: 100%;
+		.nodata{
+			margin: 50upx 0;
+		}
 		// 筛选菜单
 		.filter-dropdown{
 			background-color: #fff!important;
@@ -174,8 +185,7 @@
 				.cell-item-main{
 					display: flex;
 					align-items: center;
-					margin: 0 30rpx;
-					padding: 20rpx 0;
+					padding: 20rpx 30rpx;
 					border-bottom: 1rpx solid #e9e9e9;
 					.cell-item-pic{
 						flex-shrink: 0;
@@ -183,7 +193,7 @@
 						width: 90rpx;
 						height: 90rpx;
 						line-height: 90rpx;
-						background-color: #f3f4f6;
+						background-color: #FFFFFF;
 						border-radius: 50%;
 						text-align: center;
 					}
@@ -192,8 +202,8 @@
 						.cell-item-des{
 							display: block;
 							color: #606266;
-							font-size: 26rpx;
-							margin-bottom: 18rpx;
+							font-size: 30rpx;
+							margin-bottom: 10rpx;
 						}
 						.cell-item-date{
 							display: block;
@@ -203,12 +213,15 @@
 					}
 					.cell-item-score{
 						flex-shrink: 0;
+						font-size: 40rpx;
+						display: flex;
+						align-items: center;
 					}
 					.black{
-						color: #000;
+						color: #01c9b2;
 					}
 					.red{
-						color: #fa3534;
+						color: red;
 					}
 					.orange{
 						background-color: #fcbd71;

BIN
static/bued.png


BIN
static/tudi.png