订单确认页面显示更多信息，一些不重要信息折叠显示

pages/market/one/leader/handle.vue

@@ -19,21 +19,75 @@
 				<view v-if="current == 2">
 					<view class="item ctt">进口申报确认</view>
 				</view>
-				<view class="item">
-					<text class="label">订单编号</text>
-					<text class="desc omit">{{ item.tradeNo }}</text>
+				<view class="expand" :style="{height:expand?'auto':'300px'}">
+					<view class="item">
+						<text class="label">订单编号</text>
+						<text class="desc omit">{{ item.tradeNo }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品名称</text>
+						<text class="desc">{{ item.goodsNames }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品金额</text>
+						<text class="desc">¥ {{ item.totalPrice }}</text>
+					</view>
+					<view class="item">
+						<text class="label">车牌号</text>
+						<text class="desc">{{ item.veNo }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品金额</text>
+						<text class="desc">¥ {{ item.totalPrice }}</text>
+					</view>
+					<view class="item">
+						<text class="label">车牌号</text>
+						<text class="desc">{{ item.veNo }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品金额</text>
+						<text class="desc">¥ {{ item.totalPrice }}</text>
+					</view>
+					<view class="item">
+						<text class="label">车牌号</text>
+						<text class="desc">{{ item.veNo }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品金额</text>
+						<text class="desc">¥ {{ item.totalPrice }}</text>
+					</view>
+					<view class="item">
+						<text class="label">车牌号</text>
+						<text class="desc">{{ item.veNo }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品金额</text>
+						<text class="desc">¥ {{ item.totalPrice }}</text>
+					</view>
+					<view class="item">
+						<text class="label">车牌号</text>
+						<text class="desc">{{ item.veNo }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品金额</text>
+						<text class="desc">¥ {{ item.totalPrice }}</text>
+					</view>
+					<view class="item">
+						<text class="label">车牌号</text>
+						<text class="desc">{{ item.veNo }}</text>
+					</view>
+					<view class="item">
+						<text class="label">商品金额</text>
+						<text class="desc">¥ {{ item.totalPrice }}</text>
+					</view>
+					<view class="item">
+						<text class="label">车牌号</text>
+						<text class="desc">{{ item.veNo }}</text>
+					</view>
 				</view>
-				<view class="item">
-					<text class="label">商品名称</text>
-					<text class="desc">{{ item.goodsNames }}</text>
-				</view>
-				<view class="item">
-					<text class="label">商品金额</text>
-					<text class="desc">¥ {{ item.totalPrice }}</text>
-				</view>
-				<view class="item">
-					<text class="label">车牌号</text>
-					<text class="desc">{{ item.veNo }}</text>
+				<view class="more" @click="expand = !expand">
+					<text class="icon">&#xe649;</text>
+					<text>{{expand?'收起':'更多信息'}}</text>
 				</view>
 			</view>
 		</view>
@@ -51,9 +105,10 @@
 export default {
 	data() {
 		return {
+			expand: false, //展开
 			current: 0,
 			item: {},
-			orderId: '',
+			orderId: ''
 		};
 	},
 	onLoad(e) {
@@ -144,6 +199,19 @@ export default {
 page {
 	background-color: $pg;
 }
+.cmain{
+	padding-bottom: 100px;
+}
+.expand {
+	overflow: hidden;
+}
+.more {
+	text-align: center;
+	padding: 10px 10px 15px 10px;
+	.icon {
+		padding-right: 3px;
+	}
+}
 .ctt {
 	text-align: center;
 	font-weight: bold;