优化页面

pages/me/Delivery-details/index.vue

@@ -4,90 +4,88 @@
 		<view class="header-one">
 			库存总量：<text>999</text>
 		</view>
-			<view class="content">
-				<u-tabs style="width: 500rpx;" bg-color="#0095ff" inactive-color="#FFFFFF" active-color="#fff" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
-				<u-select style=" color: #fff;" v-model="showBrand" :list="brandList"></u-select>
-				<u-calendar style=" color: #fff;" v-model="showDate" :mode="mode"></u-calendar>
-				<u-search :show-action="true" :animation="true"></u-search>
-			</view>
-			<view class="content-one" v-for="(item,index) in datalist" :key="index">
-				<view class="content-one-view">
-				</view>
-				<view class="content-one-text">单号：20200609135904795 - 20753</view>
-				<view class="content-one-time">2020-10-28</view>
-				<u-collapse class="content-two">
-						<u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index">
-							<view class="content-two1">
-								物料描述：{{item.body}}
-							</view>
-							<view class="content-two1">
-								轮胎胎号：{{item.body}}
-							</view>
-							<view class="content-two1">
-								参加活动： {{item.body}}
-							</view>
-						</u-collapse-item>
-					</u-collapse>
+		<view class="content">
+			<u-tabs style="width: 500rpx;" bg-color="#0095ff" inactive-color="#FFFFFF" active-color="#fff" :list="list"
+			 :is-scroll="false" :current="current" @change="change"></u-tabs>
+			<u-select style=" color: #fff;" v-model="showBrand" :list="brandList"></u-select>
+			<u-calendar style=" color: #fff;" v-model="showDate" :mode="mode"></u-calendar>
+			<u-search :show-action="true" :animation="true"></u-search>
+		</view>
+		<view class="content-one" v-for="(item,index) in datalist" :key="index">
+			<view class="content-one-view">
 			</view>
-			
-			
+			<view class="content-one-text">单号：20200609135904795 - 20753</view>
+			<view class="content-one-time">2020-10-28</view>
+			<u-collapse class="content-two">
+				<u-collapse-item :title="item.head" v-for="(item, index) in itemList" :key="index">
+					<view class="content-two1">
+						物料描述：{{item.body}}
+					</view>
+					<view class="content-two1">
+						轮胎胎号：{{item.body}}
+					</view>
+					<view class="content-two1">
+						参加活动： {{item.body}}
+					</view>
+				</u-collapse-item>
+			</u-collapse>
+		</view>
 	</view>
 </template>
 
 <script>
 	export default {
-			data() {
-				return {
-					datalist: [
-						{},
-						{}
-					],
-					list: [{
-						name: '全部'
-					}, {
-						name: '品牌'
-					}, {
-						name: '时间',
-					}],
-					itemList: [{
-										head: "赛轮 12R22.5 18PR S838",
-										body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
-										open: true,
-										disabled: true
-									},{
-										head: "赛轮 12R22.5 18PR S838",
-										body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
-										open: false,
-									},{
-										head: "赛轮 12R22.5 18PR S838",
-										body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
-										open: false,
-									}],
-					brandList: [{
-							value: '1',
-							label: '赛轮'
-						},
-						{
-							value: '2',
-							label: '黑鹰'
-						}
-					],
-					current: 0,
-					showBrand: false,
-					showDate: false,
-					mode: 'date'
-				};
-			},
-			methods: {
-				change(index) {	
-					this.current = index;
-					if(this.current==1){
-						this.showBrand=true
-					}else if(this.current==2){
-						this.showDate=true
+		data() {
+			return {
+				datalist: [{},
+					{}
+				],
+				list: [{
+					name: '全部'
+				}, {
+					name: '品牌'
+				}, {
+					name: '时间',
+				}],
+				itemList: [{
+					head: "赛轮 12R22.5 18PR S838",
+					body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
+					open: true,
+					disabled: true
+				}, {
+					head: "赛轮 12R22.5 18PR S838",
+					body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
+					open: false,
+				}, {
+					head: "赛轮 12R22.5 18PR S838",
+					body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
+					open: false,
+				}],
+				brandList: [{
+						value: '1',
+						label: '赛轮'
+					},
+					{
+						value: '2',
+						label: '黑鹰'
 					}
+				],
+				current: 0,
+				showBrand: false,
+				showDate: false,
+				mode: 'date'
+			};
+		},
+		methods: {
+			change(index) {
+				this.current = index;
+				if (this.current == 1) {
+					this.showBrand = true
+				} else if (this.current == 2) {
+					this.showDate = true
 				}
 			}
+		}
 	}
 </script>
 
@@ -108,21 +106,24 @@
 	.header-one>text {
 		font-size: 52rpx;
 	}
+
 	.content {
 		display: flex;
 		justify-content: space-between;
 		width: 700rpx;
 		margin-top: 80rpx;
 	}
+
 	.content-one {
 		width: 690rpx;
 		// height: 338rpx;
 		background: #FFFFFF;
 		box-shadow: 0px 0px 24px 0px rgba(101, 176, 249, 0.41);
-		border-radius: 20px;
+		border-radius: 20rpx;
 		margin: 0 auto;
-		margin-top: 50rpx;
+		margin-top: 30rpx;
 	}
+
 	.content-one-view {
 		width: 6rpx;
 		height: 30rpx;
@@ -131,30 +132,34 @@
 		top: 20rpx;
 		left: 30rpx;
 	}
+
 	.content-one-text {
 		position: relative;
 		top: -8rpx;
 		left: 60rpx;
-		font-size: 24rpx;
+		font-size: 28rpx;
 		font-weight: bold;
 		color: #000;
 	}
+
 	.content-one-time {
 		position: relative;
-		top: -40rpx;
+		top: -45rpx;
 		left: 530rpx;
-		font-size: 16rpx;
+		font-size: 26rpx;
 		color: #626262;
 	}
+
 	.content-two {
 		width: 600rpx;
 		margin: 0 auto;
-		margin-bottom: 50rpx;
+		margin-top: -30rpx;
+		margin-bottom: 20rpx;
 	}
+
 	.content-two1 {
 		font-size: 24rpx;
-		margin-top: 30rpx;
+		margin-top: 10rpx;
+		margin-bottom: 20rpx;
 	}
-	
 </style>
-

pages/me/Reward-details/index.vue

@@ -1,185 +1,190 @@
-<template>
-	<!-- 奖励明细页面 -->
-	<view class="header">
-		<view class="header-one">
-			库存总量：<text>999</text>
-		</view>
-			<view class="content">
-				<u-tabs style="width: 500rpx;" bg-color="#0095ff" inactive-color="#FFFFFF" active-color="#fff" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
-				<u-select style=" color: #fff;" v-model="showBrand" :list="brandList"></u-select>
-				<u-calendar style=" color: #fff;" v-model="showDate" :mode="mode"></u-calendar>
-				<view @click="search">
-					<u-search :show-action="true" :animation="true"></u-search>
-				</view>
-			</view>
-			<view class="content-one" v-for="(item,index) in datalist" :key="index">
-				<view class="content-one-view">
-				</view>
-				<view class="content-one-text">获得奖励：2元</view>
-				
-				<view class="content-two">
-					<view class="">
-						轮胎型号
-					</view>
-					<view class="">
-						SAILUN 12R22.5 18PR S838
-					</view>
-				</view>
-				<view class="content-two">
-					<view class="">
-						轮胎型号
-					</view>
-					<view class="">
-						SAILUN 12R22.5 18PR S838
-					</view>
-				</view>
-				<view class="content-two">
-					<view class="">
-						轮胎型号
-					</view>
-					<view class="">
-						SAILUN 12R22.5 18PR S838
-					</view>
-				</view>
-				<view class="content-two">
-					<view class="">
-						轮胎型号
-					</view>
-					<view class="">
-						SAILUN 12R22.5 18PR S838
-					</view>
-				</view>
-			</view>
-			
-			
-	</view>
-</template>
-
-<script>
-	export default {
-			data() {
-				return {
-					datalist: [
-						{},
-						{}
-					],
-					list: [{
-						name: '全部'
-					}, {
-						name: '品牌'
-					}, {
-						name: '时间',
-					}],
-					itemList: [{
-										head: "赛轮 12R22.5 18PR S838",
-										body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
-										open: true,
-										disabled: true
-									},{
-										head: "赛轮 12R22.5 18PR S838",
-										body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
-										open: false,
-									},{
-										head: "赛轮 12R22.5 18PR S838",
-										body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
-										open: false,
-									}],
-					brandList: [{
-							value: '1',
-							label: '赛轮'
-						},
-						{
-							value: '2',
-							label: '黑鹰'
-						}
-					],
-					current: 0,
-					showBrand: false,
-					showDate: false,
-					mode: 'date'
-				};
-			},
-			methods: {
-				search(){
-					this.$u.route({
-						url: 'pages/me/search/index',
-					})
-				},
-				change(index) {	
-					this.current = index;
-					if(this.current==1){
-						this.showBrand=true
-					}else if(this.current==2){
-						this.showDate=true
-					}
-				}
-			}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.header {
-		height: 400rpx;
-		width: 100%;
-		background: #0094FE;
-		color: #fff;
-		font-size: 28rpx;
-	}
-
-	.header-one {
-		text-align: center;
-		padding-top: 40rpx;
-	}
-
-	.header-one>text {
-		font-size: 52rpx;
-	}
-	.content {
-		display: flex;
-		justify-content: space-between;
-		width: 700rpx;
-		margin-top: 80rpx;
-	}
-	.content-one {
-		width: 690rpx;
-		height: 305rpx;
-		background: #FFFFFF;
-		box-shadow: 0px 0px 24px 0px rgba(101, 176, 249, 0.41);
-		border-radius: 20px;
-		margin: 0 auto;
-		margin-top: 50rpx;
-	}
-	.content-one-view {
-		width: 6rpx;
-		height: 30rpx;
-		background: #0292FD;
-		position: relative;
-		top: 20rpx;
-		left: 30rpx;
-	}
-	.content-one-text {
-		position: relative;
-		top: -8rpx;
-		left: 60rpx;
-		font-size: 24rpx;
-		font-weight: bold;
-		color: #000;
-	}
-	.content-one-time {
-		position: relative;
-		top: -40rpx;
-		left: 530rpx;
-		font-size: 13rpx;
-		color: #626262;
-	}
-	
-	.content-two {
-		display: flex;
        justify-content: space-between;
-		font-size: 24rpx;
-		color: #6A6A6A;
-		margin-top: 25rpx;
-		margin-left: 30rpx;
-		margin-right: 30rpx;
-	}
-	
+<template>
+	<!-- 奖励明细页面 -->
+	<view class="header">
+		<view class="header-one">
+			库存总量：<text>999</text>
+		</view>
+		<view class="content">
+			<u-tabs style="width: 500rpx;" bg-color="#0095ff" inactive-color="#FFFFFF" active-color="#fff" :list="list"
+			 :is-scroll="false" :current="current" @change="change"></u-tabs>
+			<u-select style=" color: #fff;" v-model="showBrand" :list="brandList"></u-select>
+			<u-calendar style=" color: #fff;" v-model="showDate" :mode="mode"></u-calendar>
+			<view @click="search">
+				<u-search :show-action="true" :animation="true"></u-search>
+			</view>
+		</view>
+		<view class="content-one" v-for="(item,index) in datalist" :key="index">
+			<view class="content-one-view">
+			</view>
+			<view class="content-one-text">获得奖励：2元</view>
+
+			<view class="content-two">
+				<view class="">
+					轮胎型号
+				</view>
+				<view class="">
+					SAILUN 12R22.5 18PR S838
+				</view>
+			</view>
+			<view class="content-two">
+				<view class="">
+					轮胎型号
+				</view>
+				<view class="">
+					SAILUN 12R22.5 18PR S838
+				</view>
+			</view>
+			<view class="content-two">
+				<view class="">
+					轮胎型号
+				</view>
+				<view class="">
+					SAILUN 12R22.5 18PR S838
+				</view>
+			</view>
+			<view class="content-two">
+				<view class="">
+					轮胎型号
+				</view>
+				<view class="">
+					SAILUN 12R22.5 18PR S838
+				</view>
+			</view>
+		</view>
+
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				datalist: [{},
+					{}
+				],
+				list: [{
+					name: '全部'
+				}, {
+					name: '品牌'
+				}, {
+					name: '时间',
+				}],
+				itemList: [{
+					head: "赛轮 12R22.5 18PR S838",
+					body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
+					open: true,
+					disabled: true
+				}, {
+					head: "赛轮 12R22.5 18PR S838",
+					body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
+					open: false,
+				}, {
+					head: "赛轮 12R22.5 18PR S838",
+					body: "12R22.5 152/149K 18PR S838 LBGSL 0L",
+					open: false,
+				}],
+				brandList: [{
+						value: '1',
+						label: '赛轮'
+					},
+					{
+						value: '2',
+						label: '黑鹰'
+					}
+				],
+				current: 0,
+				showBrand: false,
+				showDate: false,
+				mode: 'date'
+			};
+		},
+		methods: {
+			search() {
+				this.$u.route({
+					url: 'pages/me/search/index',
+				})
+			},
+			change(index) {
+				this.current = index;
+				if (this.current == 1) {
+					this.showBrand = true
+				} else if (this.current == 2) {
+					this.showDate = true
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.header {
+		height: 400rpx;
+		width: 100%;
+		background: #0094FE;
+		color: #fff;
+		font-size: 28rpx;
+	}
+
+	.header-one {
+		text-align: center;
+		padding-top: 40rpx;
+	}
+
+	.header-one>text {
+		font-size: 52rpx;
+	}
+
+	.content {
+		display: flex;
+		justify-content: space-between;
+		width: 700rpx;
+		margin-top: 80rpx;
+	}
+
+	.content-one {
+		width: 690rpx;
+		height: 305rpx;
+		background: #FFFFFF;
+		box-shadow: 0px 0px 24px 0px rgba(101, 176, 249, 0.41);
+		border-radius: 20rpx;
+		margin: 0 auto;
+		margin-top: 30rpx;
+	}
+
+	.content-one-view {
+		width: 6rpx;
+		height: 30rpx;
+		background: #0292FD;
+		position: relative;
+		top: 20rpx;
+		left: 30rpx;
+	}
+
+	.content-one-text {
+		position: relative;
+		top: -8rpx;
+		left: 60rpx;
+		font-size: 24rpx;
+		font-weight: bold;
+		color: #000;
+	}
+
+	.content-one-time {
+		position: relative;
+		top: -40rpx;
+		left: 530rpx;
+		font-size: 13rpx;
+		color: #626262;
+	}
+
+	.content-two {
+		display: flex;
+		justify-content: space-between;
+		font-size: 24rpx;
+		color: #6A6A6A;
+		margin-top: 25rpx;
+		margin-left: 30rpx;
+		margin-right: 30rpx;
+	}
 </style>

pages/me/Warehousing-details/index.vue

@@ -136,6 +136,8 @@
 		position: relative;
 		top: 20rpx;
 		left: 30rpx;
+
+		
 	}
 	.content-one-text {
 		position: relative;