样式

package1/index/deliveryPersonList.vue

@@ -12,7 +12,7 @@
 			</view>
 		</view>
 		<map id="map" :latitude="latitude" :longitude="longitude" :markers="markers" :polyline="polyline"
-			style="width: 95%;height: 150px;margin: 0 auto;border-radius: 10px;overflow: hidden;position: absolute;top: 100px;left: 1%;border: 5px solid #fff;"></map>
+			style="width: 95%;height: 300rpx;margin: 0 auto;border-radius: 20rpx;overflow: hidden;position: absolute;top: 200rpx;left: 1%;border: 10rpx solid #fff;"></map>
 		<view class="title-sort">
 			<view class="sort-member" style="position: relative;">
 				<view @tap="checkArea">
@@ -29,14 +29,15 @@
 			<view @tap="searchShop('xiangtong')" class="sort-member" style="border-radius: 60rpx" :style="{'background':xiangtong==true?'rgba(138, 255, 67, 0.16)':'#fff','border':xiangtong==true?'1px solid rgba(138, 255, 67, 1)':'0'}">
 				相同地址
 			</view>
-			<view class="sort-member">
-				<input type="text" placeholder="搜索" style="height: 30px;line-height: 30px;">
+			<view class="sort-member" style="display: flex;padding-left: 10rpx;">
+				<uni-icons type="search" size="12"></uni-icons>
+				<input type="text" placeholder="搜索" style="height: 60rpx;line-height: 60rpx;">
 			</view>
 		</view>
 		<view class="man-box">
 			<view class="man-title">
 				<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt=""
-					style="width: 60px;height: 60px;" />
+					style="width: 60rpx;height: 60rpx;" />
 				<view class="man-title1">
 					<view class="man-title2">
 						<view class="man-name">
@@ -44,7 +45,7 @@
 						</view>
 						<view style="flex:1;">
 							<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/d27fa14c6bb7426482ed7821919d3aa7.png"
-								alt="" style="width: 70px;height: 16px;margin-top: 9px;" />
+								alt="" style="width: 140rpx;height: 32rpx;margin-top: 18rpx;" />
 						</view>
 						<view class="man-type">
 							接单类型:跑腿单
@@ -56,20 +57,20 @@
 							<uni-rate :disabled="true" size="16" disabledColor="rgba(255, 184, 84, 1)" value="5" />
 						</view>
 						<view class="man-num">
-							平均配送时长 <text style="font-size: 15px;font-weight: 700;color: #000;">32</text>分钟
+							平均配送时长 <text style="font-size: 30rpx;font-weight: 700;color: #000;">32</text>分钟
 						</view>
 					</view>
 				</view>
 			</view>
 			<view class="man-dingdan">
 				<view class="man-dingdan1">
-					当前待取 <text style="font-size:18px;font-weight:700;color: #000;">5</text>
+					当前待取 <text style="font-size:36rpx;font-weight:700;color: #000;">5</text>
 				</view>
 				<view class="man-dingdan1">
-					当前待送 <text style="font-size:18px;font-weight:700;color: #000;">2</text>
+					当前待送 <text style="font-size:36rpx;font-weight:700;color: #000;">2</text>
 				</view>
 				<view class="man-dingdan1">
-					当接单数 <text style="font-size:18px;font-weight:700;color: #000;">1</text>
+					当接单数 <text style="font-size:36rpx;font-weight:700;color: #000;">1</text>
 				</view>
 			</view>
 			<view class="man-mank">
@@ -167,7 +168,7 @@
 	}
 
 	.title-name {
-		padding-top: 55px;
+		padding-top: 110rpx;
 		font-size: 36rpx;
 		font-weight: 700;
 		flex: 1;
@@ -212,7 +213,7 @@
 		height: 40rpx;
 		display: flex;
 		border-radius: 20rpx;
-		margin: 0 10px;
+		margin: 0 20rpx;
 	}
 
 	.shop-rate-num {
@@ -230,12 +231,12 @@
 	}
 
 	.man-box {
-		height: 190px;
-		border-radius: 10px;
+		height: 380rpx;
+		border-radius: 20rpx;
 		width: 95%;
-		margin: 10px auto;
+		margin: 20rpx auto;
 		background: #fff;
-		    padding: 10px;
+		    padding: 20rpx;
 	}
 
 	.man-title1 {
@@ -246,31 +247,31 @@
 
 	.man-title2 {
 		display: flex;
-		height: 35px;
-		line-height: 35px;
-		    padding-right: 10px;
+		height: 70rpx;
+		line-height: 70rpx;
+		    padding-right: 20rpx;
 	}
 
 	.man-name {
-		font-size: 15px;
+		font-size: 30rpx;
 		font-weight: 700;
-		margin: 0 10px;
+		margin: 0 20rpx;
 	}
 
 	.man-type {
-		height: 16px;
-		line-height: 16px;
+		height: 32rpx;
+		line-height: 32rpx;
 		background: #a6ffea;
-		padding: 0 5px;
-		font-size: 10px;
+		padding: 0 10rpx;
+		font-size: 20rpx;
 		color: #777;
-		margin-top: 9px;
-		border-radius: 5px;
+		margin-top: 18rpx;
+		border-radius: 10rpx;
 	}
 
 	.man-rate {
 		display: flex;
-		    padding-right: 10px;
+		    padding-right: 20rpx;
 	}
 
 	.man-num {
@@ -284,12 +285,12 @@
 	}
 	.man-dingdan{
 		width: 100%;
-		height: 50px;
+		height: 100rpx;
 		display: flex;
-		line-height: 50px;
+		line-height: 100rpx;
 		background: rgba(166, 255, 234, 0.16);
-		border-radius: 10px;
-		margin: 10px auto;
+		border-radius: 20rpx;
+		margin: 20rpx auto;
 		border: 1px solid rgba(166, 255, 234, 1);
 	}
 	.man-dingdan1{
@@ -298,7 +299,7 @@
 		color:#777;
 	}
 	.man-mank{
-		    line-height: 20px;
+		    line-height: 40rpx;
 		    color: #777;
 		    font-weight: 700;
 	}