uniapp添加收货地址页面

首先，在 `pages` 目录下创建一个名为 `address` 的文件夹，然后在该文件夹下创建一个名为 `addAddress` 的页面。

在 `addAddress.vue` 文件中，我们添加一个表单来收集用户输入的收货地址信息。以下是一个简单的模板：

<template>
  <div class="add-address">
    <form>
      <div class="form-group">
        <label for="name">收货人姓名：</label>
        <input type="text" id="name" name="name" v-model="name" />
      </div>
      <div class="form-group">
        <label for="phone">联系电话：</label>
        <input type="tel" id="phone" name="phone" v-model="phone" />
      </div>
      <div class="form-group">
        <label for="province">所在省份：</label>
        <input type="text" id="province" name="province" v-model="province" />
      </div>
      <div class="form-group">
        <label for="city">所在城市：</label>
        <input type="text" id="city" name="city" v-model="city" />
      </div>
      <div class="form-group">
        <label for="district">所在区县：</label>
        <input type="text" id="district" name="district" v-model="district" />
      </div>
      <div class="form-group">
        <label for="address">详细地址：</label>
        <textarea id="address" name="address" v-model="address"></textarea>
      </div>
      <button type="submit" @click.prevent="handleSubmit">保存</button>
    </form>
  </div>
</template>

在 `data` 中定义表单中的字段：

<script>
export default {
  data() {
    return {
      name: '',
      phone: '',
      province: '',
      city: '',
      district: '',
      address: '',
    };
  },
  methods: {
    handleSubmit() {
      // 处理表单提交
    },
  },
};
</script>

接下来，我们可以使用 uni-app 的 `uni.showToast` API 来显示成功添加收货地址的提示信息。在 `handleSubmit` 方法中添加以下代码：

handleSubmit() {
  // 处理表单提交
  uni.showToast({
    title: '添加成功',
    icon: 'success',
    duration: 2000,
  });
},

最后，在 `pages.json` 文件中添加以下代码来添加路由：

{
  "path": "pages/address/addAddress",
  "style": {
    "navigationBarTitleText": "新增收货地址"
  }
}

这样，我们就完成了添加收货地址页面的开发。