上传代码

uniapp04/unpackage/dist/dev/mp-weixin/pages/address/address.js

@@ -0,0 +1,99 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  components: {},
+  data() {
+    return {
+      candidates1: [
+        "河北省",
+        "山西省",
+        "辽宁省",
+        "吉林省",
+        "江苏省",
+        "安徽省",
+        "黑龙江省",
+        "浙江省",
+        "福建省",
+        "江西省",
+        "山东省",
+        "河南省",
+        "湖北省",
+        "湖南省",
+        "广东省",
+        "海南省",
+        "贵州省",
+        "四川省",
+        "云南省",
+        "陕西省",
+        "甘肃省",
+        "青海省",
+        "台湾省",
+        "内蒙古自治区",
+        "广西壮族自治区",
+        "西藏自治区",
+        "宁夏回族自治区",
+        "新疆维吾尔自治区",
+        "北京市",
+        "天津市",
+        "上海市",
+        "重庆市",
+        "香港特别行政区",
+        "澳门特别行政区"
+      ],
+      candidates2: [
+        "石家庄市",
+        "唐山市",
+        "秦皇岛市",
+        "邯郸市",
+        "邢台市",
+        "保定市",
+        "张家口市",
+        "承德市",
+        "沧州市",
+        "廊坊市",
+        "衡水市",
+        "辛集市",
+        "定州市"
+      ],
+      candidates3: [
+        "长安区",
+        "桥西区",
+        "新华区",
+        "裕华区",
+        "井陉矿区",
+        "藁城区",
+        "鹿泉区",
+        "栾城区"
+      ]
+    };
+  }
+};
+if (!Array) {
+  const _easycom_uni_combox2 = common_vendor.resolveComponent("uni-combox");
+  _easycom_uni_combox2();
+}
+const _easycom_uni_combox = () => "../../uni_modules/uni-combox/components/uni-combox/uni-combox.js";
+if (!Math) {
+  _easycom_uni_combox();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {
+    a: common_vendor.p({
+      border: false,
+      candidates: $data.candidates1,
+      placeholder: "请选择省份"
+    }),
+    b: common_vendor.p({
+      border: false,
+      candidates: $data.candidates2,
+      placeholder: "请选择城市"
+    }),
+    c: common_vendor.p({
+      border: false,
+      candidates: $data.candidates3,
+      placeholder: "请选择区县"
+    })
+  };
+}
+const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createPage(MiniProgramPage);

uniapp04/unpackage/dist/dev/mp-weixin/pages/address/address.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "地址",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "uni-combox": "../../uni_modules/uni-combox/components/uni-combox/uni-combox"
+  }
+}

uniapp04/unpackage/dist/dev/mp-weixin/pages/address/address.wxml

@@ -0,0 +1 @@
+<view><view class="address-form"><form id="addressForm"><label for="name">收货人姓名：</label><input type="text" id="name" name="name" required></input><label for="phone">联系电话：</label><input type="tel" id="phone" name="phone" required></input><label for="province">省份：</label><uni-combox wx:if="{{a}}" u-i="2587ea78-0" bind:__l="__l" u-p="{{a}}"></uni-combox><label for="city">城市：</label><uni-combox wx:if="{{b}}" u-i="2587ea78-1" bind:__l="__l" u-p="{{b}}"></uni-combox><label for="district">区县：</label><uni-combox wx:if="{{c}}" u-i="2587ea78-2" bind:__l="__l" u-p="{{c}}"></uni-combox><label for="addressDetail">详细地址：</label><input type="text" id="addressDetail" name="addressDetail" required></input></form></view><view class="add-btn"><navigator url="">保存地址</navigator></view></view>

uniapp04/unpackage/dist/dev/mp-weixin/pages/address/address.wxss

@@ -0,0 +1,58 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+page {
+  height: 100%;
+  overflow: hidden;
+  background-color: #f5f5f5;
+}
+.address-form {
+  background-color: white;
+  padding: 20px;
+  border-radius: 5px;
+  max-width: 600px;
+  margin: auto;
+}
+label {
+  display: block;
+  margin-bottom: 5px;
+}
+input, select {
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 20px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+}
+.add-btn {
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+  margin: 30rpx 20rpx;
+  color: #fff;
+  border-radius: 80rpx;
+  font-size: 30rpx;
+  background-color: #9abbd9;
+}