lilei 3 jaren geleden
bovenliggende
commit
593784e78d
2 gewijzigde bestanden met toevoegingen van 106 en 33 verwijderingen
  1. 73 4
      pages/morePage/morePage.vue
  2. 33 29
      pages/vinRecord/vinRecord.vue

+ 73 - 4
pages/morePage/morePage.vue

@@ -1,6 +1,49 @@
 <template>
-	<view>
-		
+	<view class="morePages">
+		<view class="list-box">
+			<view class="list-title">
+				<u-icon size="38" name="bag"></u-icon> <text>货品管理</text>
+			</view>
+			<u-cell-group :border="false">
+				<u-cell-item title="库存查询" :title-style="{fontSize:'1em'}">
+					<text slot="icon"></text>
+				</u-cell-item>
+				<u-cell-item title="补货记录" :title-style="{fontSize:'1em'}">
+					<text slot="icon"></text>
+				</u-cell-item>
+			</u-cell-group>
+		</view>
+		<view class="list-box">
+			<view class="list-title">
+				<u-icon size="34" name="order"></u-icon> <text>订单管理</text>
+			</view>
+			<u-cell-group :border="false">
+				<u-cell-item title="货架订单" :title-style="{fontSize:'1em'}">
+					<text slot="icon"></text>
+				</u-cell-item>
+				<u-cell-item title="临配订单" :title-style="{fontSize:'1em'}">
+					<text slot="icon"></text>
+				</u-cell-item>
+			</u-cell-group>
+		</view>
+		<view class="list-box">
+			<view class="list-title">
+				<u-icon size="36" name="rmb-circle"></u-icon> <text>结算管理</text>
+			</view>
+			<u-cell-group :border="false">
+				<u-cell-item title="结算记录" :title-style="{fontSize:'1em'}">
+					<text slot="icon"></text>
+				</u-cell-item>
+				<u-cell-item title="付款结算" :title-style="{fontSize:'1em'}">
+					<text slot="icon"></text>
+				</u-cell-item>
+			</u-cell-group>
+		</view>
+		<view class="list-box">
+			<view class="list-title flex justify_center phone">
+				<u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -17,6 +60,32 @@
 	}
 </script>
 
-<style>
-
+<style lang="less">
+.morePages{
+	width: 100%;
+	padding: 30rpx;
+	background: #f8f8f8;
+	.list-box{
+		background: #ffffff;
+		margin-bottom: 30rpx;
+		border-radius: 25rpx;
+		overflow: hidden;
+		box-shadow: 2rpx 2rpx 5rpx #eee;
+		.list-title{
+			padding:30rpx 20rpx;
+			font-size: 30rpx;
+			border-bottom: 2rpx solid #f8f8f8;
+			> text{
+				margin-left: 10rpx;
+			}
+		}
+	}
+	.phone{
+		color: #00aaff;
+		&:active{
+			opacity: 0.8;
+			transform:scale(0.9);
+		}
+	}
+}
 </style>

+ 33 - 29
pages/vinRecord/vinRecord.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view class="vinRecord">
 		<view class="des">仅可查看最近7天的VIN查询记录</view>
 		<view class="list-box" v-for="item in 35">
 			<view class="list-item flex align_center justify_between">
@@ -32,36 +32,40 @@
 </script>
 
 <style lang="less">
-.des{
-	text-align: center;
-	color: #999;
-	font-size: 12px;
-	padding: 20rpx 15rpx;
-}
-.list-item{
-	margin: 30rpx;
-	border:2rpx solid #f8f8f8;
-	box-shadow: 2rpx 2rpx 6rpx #eee;
-	border-radius: 20rpx;
-	padding: 20rpx 15rpx;
-	> view{
-		padding: 0 10rpx;
-		&:last-child{
-			>view{
-				padding: 10rpx 0;
-			}
-		}
-	}
-	.time-text{
-		font-size: 10px;
+.vinRecord{
+	background: #f8f8f8;
+	.des{
+		text-align: center;
 		color: #999;
+		font-size: 12px;
+		padding: 20rpx 15rpx;
 	}
-	&:first-child{
-		margin-top: 10rpx;
-	}
-	&:active{
-		opacity: 0.6;
-		transform:scale(0.9);
+	.list-item{
+		margin: 20rpx 30rpx;
+		border:2rpx solid #f8f8f8;
+		box-shadow: 2rpx 2rpx 6rpx #eee;
+		border-radius: 20rpx;
+		padding: 20rpx 15rpx;
+		background: #ffffff;
+		> view{
+			padding: 0 10rpx;
+			&:last-child{
+				>view{
+					padding: 10rpx 0;
+				}
+			}
+		}
+		.time-text{
+			font-size: 10px;
+			color: #999;
+		}
+		&:first-child{
+			margin-top: 10rpx;
+		}
+		&:active{
+			opacity: 0.6;
+			transform:scale(0.9);
+		}
 	}
 }
 </style>