编程语言
首页 > 编程语言> > 小程序商城项目七

小程序商城项目七

作者:互联网

12. 确认订单

12.1 修改确认订单页面的标题

<script>
import wepy from 'wepy'
import mix from '@/mixins/order.js'
​
export default class extends wepy.page {
  config = {
    // 设置当前页面的标题
    navigationBarTitleText: '确认订单'
  }
​
  mixins = [mix]
}
</script>

12.2 渲染选择收货地址区域的UI结构

  1. 绘制UI结构:

    <!-- 选择收货地址按钮区域 -->
    <view class="choose_address_box">
      <van-button type="info" size="small">+ 选择收货地址</van-button>
    </view>
    ​
    <!-- 分割线 -->
    <image src="/assets/images/cart_border@2x.png" class="sep_line"></image>
  2. 美化样式:

    .choose_address_box {
      text-align: center;
      padding: 60rpx 0;
    }
    ​
    .sep_line {
      height: 7px;
      width: 100%;
      display: block;
    }

12.3 选择收货地址

  1. 为选择收货地址按钮绑定点击事件处理函数:

    <van-button type="

标签:收货,mixins,项目,程序,wepy,mix,地址,import,商城
来源: https://blog.csdn.net/yexiangCSDN/article/details/118110551