小程序商城项目七

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="