121 lines
2.5 KiB
Vue
121 lines
2.5 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="bodys">
|
||
<view class="addressinfo">
|
||
<view class="item">
|
||
某某,15888888888
|
||
</view>
|
||
<view class="picture">
|
||
<span @tap='upaddress()'>修改地址</span>
|
||
<image src="../../static/rows.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>
|