微擎模块开发-微擎小程序商城商品下单页面布局详解（前端篇）

微擎小程序商城完成商品下单页面布局

微擎小程序商城商品下单页面ordering.wxml

<!--shangcheng_xk/pages/order/ordering/ordering.wxml-->
<view class="container">
<scroll-view scroll-y="true" style="height: {
   {screenHeight}}px;" >
	<view class="address">
		<image src="http://www.shancloudy.com/attachment/images/2/2020/07/a1ADVtSUTDKsSq0N4T1aaDuX44QQ4F.png" mode="widthFix"></image>
		<text>请选择收货地址...</text>
	</view>
	<view class="goods-list">
		<view class="goods-item">
			<view class="goods-thumb">
				<image src="http://www.shancloudy.com/attachment/images/2/2020/07/W6s86z63u6fZxLuuUV1Ovh6s47lv6x.jpg" mode="widthFix"></image>
			</view>
			<view class="goods-info">
				<view class="goods-title">
					<text>小米10 双模5G 骁龙865</text>
					<text>小米10旗舰手机，尊享白条分期12期免息，骁龙865处理器， 1亿像素8K电影相机 对称式立体声 8GB+256GB</text>
				</view>
				<view class="g-p-info">
					<view class="goods-price">
						<text>￥1199.00</text>
						<text>1599.00</text>
					</view>
					<view class="goods-num">
						<text>x1</text>
					</view>
				</view>
			</view>
		</view>
		<view class="goods-item">
			<view class="goods-thumb">
				<image src="http://www.shancloudy.com/attachment/images/2/2020/07/W6s86z63u6fZxLuuUV1Ovh6s47lv6x.jpg" mode="widthFix"></image>
			</view>
			<view class="goods-info">
				<view class="