NurseStationApp/pages/confirmOrder/confirmOrder.vue

<template>
	<view class="app">
		<view class="bodys">
			<view class="addressinfo">
				<view class="item">
					某某,15688888888
				</view>
				<view class="picture">
					<span @tap='upaddress()'>修改地址</span>
					<image src="../../static/right.png" mode=""></image>
				</view>
				<view class="item">
					某某市某某区详细地址
				</view>
			</view>
		</view>
		<view class="commodity">
			<view class="commodityInfo">
				<image src="../../static/spjtcs.png" mode=""></image>
				<view class="infos">
					<view class="detail">
						酒精棉片 200片 <span>￥36.0</span>
					</view>
					<view class="model">
						型号：<span>酒精棉片</span><span>8盒</span>
					</view>
				</view>

			</view>
			<view class="quantity">
				<view class="header">
					数量
				</view>
				<view class="number">
					<u-number-box :min="1" :max="999"></u-number-box>
				</view>
			</view>
		</view>
		<view class="integral">
			<view class="header">
				积分抵扣
			</view>
			<view class="number">
				共5积分，满100可用
			</view>
		</view>
		<view class="price">
			<view class="priceinfo">
				<view class="header money">
					商品金额
				</view>
				<view class="number money">
					￥36.0
				</view>
			</view>
			<view class="priceinfo">
				<view class="header money">
					运费
				</view>
				<view class="number money">
					+￥0.0
				</view>
			</view>
			<view class="freight">
				<view class="number total">
					￥36.0
				</view>
			</view>

		</view>
		<view class="bottom">
			<view class="moneys">
				￥36.0
			</view>
			<view class="submit" @tap='show=true'>
				提交订单
			</view>
		</view>
		<!-- 弹框 -->
		<view class="frame">
			<u-popup v-model="show" mode="bottom" length="45%" border-radius="30">
				<view class="payment">
					<span>请选择支付方式</span>
					<view class="cencel" @tap="show = false">
						<image src="../../static/gb.png" mode=""></image>
					</view>

				</view>
				<view class="chat">
					<image src="/static/chat.png" mode=""></image>
					<span>微信支付</span>
				</view>
				<view class="submits" @tap='show=true'>
					<span>确认支付</span><span>￥28元</span>
				</view>
			</u-popup>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false
			}
		},
		methods: {
			upaddress() {
				uni.navigateTo({
					url: '/pages/modifyAddress/modifyAddress'
				})
			}
		}
	}
</script>

<style lang="scss">
	@import './confirmOrder.scss'
</style>