init
This commit is contained in:
@@ -0,0 +1,223 @@
|
||||
"use strict";
|
||||
var common_vendor = require("../../../common/vendor.js");
|
||||
var pages_api_order = require("../../../pages/api/order.js");
|
||||
require("../../../utils/request.js");
|
||||
require("../../../utils/env.js");
|
||||
require("../../../pages/api/login.js");
|
||||
if (!Array) {
|
||||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||
_easycom_uni_popup2();
|
||||
}
|
||||
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_popup();
|
||||
}
|
||||
const _sfc_main = {
|
||||
__name: "selectArea",
|
||||
props: {
|
||||
provinceId: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
cityId: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
countyId: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
emits: ["@getAreaData"],
|
||||
setup(__props, { expose, emit: emits }) {
|
||||
const props = __props;
|
||||
const popup = common_vendor.ref();
|
||||
let province = common_vendor.reactive({
|
||||
data: []
|
||||
});
|
||||
let selectedProvince = common_vendor.reactive({
|
||||
data: {
|
||||
name: "\u5317\u4EAC\u5E02",
|
||||
id: "1"
|
||||
}
|
||||
});
|
||||
const city = common_vendor.reactive({
|
||||
data: []
|
||||
});
|
||||
let selectedCity = common_vendor.reactive({
|
||||
data: {
|
||||
name: "\u76F4\u8F96\u5E02",
|
||||
id: "2"
|
||||
}
|
||||
});
|
||||
const area = common_vendor.reactive({
|
||||
data: []
|
||||
});
|
||||
let selectedArea = common_vendor.reactive({
|
||||
data: {
|
||||
name: "\u4E1C\u57CE\u533A",
|
||||
id: "3"
|
||||
}
|
||||
});
|
||||
let areaIndex = common_vendor.reactive({
|
||||
data: [0, 0, 0]
|
||||
});
|
||||
let hotCityIndex = common_vendor.ref("");
|
||||
const cityList = common_vendor.reactive([
|
||||
{
|
||||
label: "\u5317\u4EAC",
|
||||
provinceId: "1",
|
||||
cityId: "2",
|
||||
countyId: "3"
|
||||
},
|
||||
{
|
||||
label: "\u4E0A\u6D77",
|
||||
provinceId: "161792",
|
||||
cityId: "161793",
|
||||
countyId: "161794"
|
||||
},
|
||||
{
|
||||
label: "\u5E7F\u5DDE",
|
||||
provinceId: "483250",
|
||||
cityId: "483251",
|
||||
countyId: "483252"
|
||||
},
|
||||
{
|
||||
label: "\u6DF1\u5733",
|
||||
provinceId: "483250",
|
||||
cityId: "487721",
|
||||
countyId: "487722"
|
||||
}
|
||||
]);
|
||||
let placeIdItem = common_vendor.reactive({
|
||||
provinceId: "",
|
||||
cityId: "",
|
||||
countyId: ""
|
||||
});
|
||||
let chooseType = common_vendor.ref("select");
|
||||
common_vendor.watch(props, (newValue, oldValue) => {
|
||||
placeIdItem.provinceId = newValue.provinceId;
|
||||
placeIdItem.cityId = newValue.cityId;
|
||||
placeIdItem.countyId = newValue.countyId;
|
||||
});
|
||||
const handleHotCityClick = (item, index) => {
|
||||
placeIdItem.provinceId = item.provinceId;
|
||||
placeIdItem.cityId = item.cityId;
|
||||
placeIdItem.countyId = item.countyId;
|
||||
getAreaInfo("", province);
|
||||
getAreaInfo(placeIdItem.provinceId, city);
|
||||
getAreaInfo(placeIdItem.cityId, area);
|
||||
chooseType.value = "click";
|
||||
hotCityIndex.value = index;
|
||||
};
|
||||
const getList = () => {
|
||||
getAreaInfo("", province);
|
||||
getAreaInfo(placeIdItem.provinceId || 1, city);
|
||||
getAreaInfo(placeIdItem.cityId || 2, area);
|
||||
};
|
||||
const getAreaInfo = (parentId, type) => {
|
||||
pages_api_order.getArea({
|
||||
parentId
|
||||
}).then((res) => {
|
||||
type.data = res.data;
|
||||
if (type === province) {
|
||||
common_vendor.nextTick(() => {
|
||||
selectedProvince.data = res.data.filter((item) => item.id == placeIdItem.provinceId)[0] || res.data[0];
|
||||
areaIndex.data[0] = res.data.findIndex((item) => item.id == placeIdItem.provinceId);
|
||||
});
|
||||
} else if (type === city) {
|
||||
common_vendor.nextTick(() => {
|
||||
selectedCity.data = res.data.filter((item) => item.id == placeIdItem.cityId)[0] || res.data[0];
|
||||
areaIndex.data[1] = res.data.findIndex((item) => item.id == placeIdItem.cityId);
|
||||
});
|
||||
} else if (type === area) {
|
||||
common_vendor.nextTick(() => {
|
||||
selectedArea.data = res.data.filter((item) => item.id == placeIdItem.countyId)[0] || res.data[0];
|
||||
areaIndex.data[2] = res.data.findIndex((item) => item.id == placeIdItem.countyId);
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const handlePickStart = () => {
|
||||
chooseType.value = "select";
|
||||
};
|
||||
const bindChange = (event) => {
|
||||
if (chooseType.value === "click")
|
||||
return;
|
||||
if (areaIndex.data[0] !== event.detail.value[0]) {
|
||||
getAreaInfo(province.data[event.detail.value[0]].id, city);
|
||||
getAreaInfo(Number(province.data[event.detail.value[0]].id) + 1, area);
|
||||
selectedProvince.data = province.data[event.detail.value[0]];
|
||||
} else if (areaIndex.data[1] !== event.detail.value[1]) {
|
||||
getAreaInfo(city.data[event.detail.value[1]].id, area);
|
||||
selectedCity.data = city.data[event.detail.value[1]];
|
||||
} else {
|
||||
selectedArea.data = area.data[event.detail.value[2]];
|
||||
}
|
||||
areaIndex.data = event.detail.value;
|
||||
hotCityIndex.value = "";
|
||||
};
|
||||
const handleOpen = () => {
|
||||
popup.value.open("bottom");
|
||||
};
|
||||
const handleCancel = () => {
|
||||
popup.value.close("bottom");
|
||||
};
|
||||
const confirm = () => {
|
||||
handleCancel();
|
||||
emits("getAreaData", {
|
||||
province: selectedProvince.data,
|
||||
city: selectedCity.data,
|
||||
area: selectedArea.data
|
||||
});
|
||||
};
|
||||
expose({
|
||||
handleOpen,
|
||||
getList
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o(handleCancel),
|
||||
b: common_vendor.f(cityList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.label),
|
||||
b: common_vendor.n(index === common_vendor.unref(hotCityIndex) ? "active" : ""),
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => handleHotCityClick(item, index), index)
|
||||
};
|
||||
}),
|
||||
c: common_vendor.f(common_vendor.unref(province).data, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.name),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
d: common_vendor.f(city.data, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.name),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
e: common_vendor.f(area.data, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.name),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
f: common_vendor.unref(areaIndex).data,
|
||||
g: `height: 50px;`,
|
||||
h: common_vendor.o(bindChange),
|
||||
i: common_vendor.o(handlePickStart),
|
||||
j: common_vendor.o(confirm),
|
||||
k: common_vendor.sr(popup, "7dfaf907-0", {
|
||||
"k": "popup"
|
||||
}),
|
||||
l: common_vendor.p({
|
||||
type: "bottom"
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
};
|
||||
var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7dfaf907"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/address-info/components/selectArea.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="selectArea data-v-7dfaf907"><uni-popup wx:if="{{l}}" class="r data-v-7dfaf907" u-s="{{['d']}}" u-r="popup" u-i="7dfaf907-0" bind:__l="__l" u-p="{{l}}"><view class="header data-v-7dfaf907"><view class="header-title data-v-7dfaf907">选择省市区</view><view class="close data-v-7dfaf907" bindtap="{{a}}"></view></view><view class="hot-city data-v-7dfaf907"><view class="title data-v-7dfaf907">热门城市</view><view class="city-box data-v-7dfaf907"><view wx:for="{{b}}" wx:for-item="item" wx:key="c" class="{{['city-item', 'data-v-7dfaf907', item.b]}}" bindtap="{{item.d}}">{{item.a}}</view></view></view><view class="province-city-area data-v-7dfaf907"><view class="label-box data-v-7dfaf907"><view class="label data-v-7dfaf907">省份</view><view class="label data-v-7dfaf907">城市</view><view class="label data-v-7dfaf907">区县</view></view><picker-view value="{{f}}" indicator-style="{{g}}" bindchange="{{h}}" bindpickstart="{{i}}" class="picker-view data-v-7dfaf907"><picker-view-column class="data-v-7dfaf907"><view wx:for="{{c}}" wx:for-item="item" wx:key="b" class="item data-v-7dfaf907">{{item.a}}</view></picker-view-column><picker-view-column class="data-v-7dfaf907"><view wx:for="{{d}}" wx:for-item="item" wx:key="b" class="item data-v-7dfaf907">{{item.a}}</view></picker-view-column><picker-view-column class="data-v-7dfaf907"><view wx:for="{{e}}" wx:for-item="item" wx:key="b" class="item data-v-7dfaf907">{{item.a}}</view></picker-view-column></picker-view></view><view class="footer data-v-7dfaf907"><view class="btn data-v-7dfaf907" bindtap="{{j}}">确定</view></view></uni-popup></view>
|
||||
@@ -0,0 +1,123 @@
|
||||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.selectArea.data-v-7dfaf907 .uni-popup__wrapper {
|
||||
height: 1160rpx;
|
||||
background-color: white !important;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
.selectArea .header.data-v-7dfaf907 {
|
||||
display: flex;
|
||||
height: 56rpx;
|
||||
padding: 30rpx 38rpx;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
.selectArea .header .header-title.data-v-7dfaf907 {
|
||||
font-size: 32rpx;
|
||||
color: #151515;
|
||||
font-weight: bold;
|
||||
}
|
||||
.selectArea .header .close.data-v-7dfaf907 {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAA39JREFUSEudlr9vHEUUx79vNmcJJxESsgAFRBG5YHb3AuRIqhSGVCQdkktED0gktgu6CCSKNLEdKaJCQkhRIp2ChYRAiMYVqZzGNzcWMn+BKzqS7M1Db3fGGa/nLkuuubu9m/nO5/34viE0L/LvDCAD4ADI5xd9Kb9e9pDPLgi0N5TnLyoUH/pw3/phURSvMPO3BJRgvmOsve9PImKdBZeXl7PhcDgpiuIdOHcDRPMqy77e3d192Ahpvc7ANQImDBADq9baDR/GSZf4LQPZEJic0/p8BfwK4DW/7tFL8/Mf1kJa6wcEfAzgXwJ6DGQibK3d7JKzpaWlE9vb21VRFBcB/MTOvQHgCYA5AH8zcLkWyvP8Eph/A3DKU0kCJWYrHcikeCZa6/P0jKSiJjIZKXXDGPONCNVVUWp91QH3AJwGUPnnahZZRHIBwJaQhPDLegLWjbUrUtWhQsKprhAwBDDfgWw2CdGt0Xi8Rk0xHQpJpLqSqcFgkO3s7DwtiiJNotSGMeZ6nN8jfTQYDHqygdb6eWRSQOmcNOFajSq1bo9Uwz6P7HMiegjgFzCfOZKTBEkQTDpDiszbkhziH7/4ZW8tXFfXFJKZQv7HFJl4YMhncAwC8+3x3t6Xs3pumtfVu4XyzfP8Mph/BnAyMktZK9V001j7VcuYj5nJTKFgQWVZnnNV9QeIXm15H5FSXxhj7vhDiV0lvXGWUN0neZ6/B2bxrtd9nmJ3rscBKbVmjLk1yxuTQiFkZVm+76pqC0Rv+uoS8ac+Lj0vXOeMgeuRXR2bZymhFMmhJUlOMqX+nDh3l1veSEqtGmPWU2RHhKaReIOVEt401l6T732tr0wAmVttb0ySxUI1SVEU77Jz4uSSk2cuDGx4g5RB2TPGPOnn+UeOecjAydgbU2S1UBhakhOuqi32OUmQxPeJus86kDUFE8x0KkljK2L1wbJC0yI4yFQy5jWztyfV2Lh3v99/21XV7wy8JSEIJCC6PR6PZ3Z8OGibLAw+lWWfjUaj78Ll5Ed27hMAjwk44SfjVJJ226fIolH+V29urrkzFFr/wMCnvkd6HUnaeqmcyX8sKdUI9fv9s1VVfa+ISlJqY2Fh4aZcNkJYjhnXlAfRaP8AwCacO03Aysjarbi81eLiYm9/f//x/xVo6daXTxE9ODhQ0gbx4ItvpvF1titMMozxuPkPXmX1s/RItWUAAAAASUVORK5CYII=");
|
||||
}
|
||||
.selectArea .seachBox.data-v-7dfaf907 .uni-searchbar {
|
||||
padding-left: 38rpx !important;
|
||||
}
|
||||
.selectArea .seachBox.data-v-7dfaf907 .uni-searchbar .uni-searchbar__box {
|
||||
border-radius: 34rpx !important;
|
||||
}
|
||||
.selectArea .seachBox .search-icon.data-v-7dfaf907 {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,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");
|
||||
}
|
||||
.selectArea .hot-city.data-v-7dfaf907 {
|
||||
margin-top: 31rpx;
|
||||
border-bottom: 2rpx solid #F4F4F4;
|
||||
padding-bottom: 40rpx;
|
||||
margin: 0 38rpx;
|
||||
}
|
||||
.selectArea .hot-city .title.data-v-7dfaf907 {
|
||||
font-size: 24rpx;
|
||||
color: #888;
|
||||
}
|
||||
.selectArea .hot-city .city-box.data-v-7dfaf907 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.selectArea .hot-city .city-box .city-item.data-v-7dfaf907 {
|
||||
font-size: 24rpx;
|
||||
height: 64rpx;
|
||||
background: #F4F4F4;
|
||||
border-radius: 34rpx;
|
||||
min-width: 148rpx;
|
||||
margin-top: 18rpx;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
}
|
||||
.selectArea .hot-city .city-box .city-item.active.data-v-7dfaf907 {
|
||||
border: 2rpx solid #E84134;
|
||||
color: #E84134;
|
||||
background-color: white;
|
||||
}
|
||||
.selectArea .province-city-area.data-v-7dfaf907 {
|
||||
margin-top: -10rpx;
|
||||
}
|
||||
.selectArea .province-city-area .picker-view.data-v-7dfaf907 {
|
||||
width: 750rpx;
|
||||
height: 600rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.selectArea .province-city-area .item.data-v-7dfaf907 {
|
||||
height: 50px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
.selectArea .province-city-area.data-v-7dfaf907 .uni-picker-view-wrapper .uni-picker-view-mask {
|
||||
display: none;
|
||||
}
|
||||
.selectArea .province-city-area.data-v-7dfaf907 .uni-picker-view-wrapper .uni-picker-view-indicator {
|
||||
top: 46% !important;
|
||||
}
|
||||
.selectArea .province-city-area .label-box.data-v-7dfaf907 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 40rpx 90rpx;
|
||||
}
|
||||
.selectArea .province-city-area .label-box .label.data-v-7dfaf907 {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.selectArea .footer.data-v-7dfaf907 {
|
||||
height: 168rpx;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding-top: 80rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.selectArea .footer .btn.data-v-7dfaf907 {
|
||||
width: 404rpx;
|
||||
height: 88rpx;
|
||||
background: #E84134;
|
||||
border-radius: 44rpx;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 88rpx;
|
||||
font-size: 30rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
270
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/address-info/index.js
vendored
Normal file
270
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/address-info/index.js
vendored
Normal file
@@ -0,0 +1,270 @@
|
||||
"use strict";
|
||||
var common_vendor = require("../../common/vendor.js");
|
||||
var pages_api_address = require("../../pages/api/address.js");
|
||||
var pages_api_my = require("../../pages/api/my.js");
|
||||
require("../../utils/request.js");
|
||||
require("../../utils/env.js");
|
||||
require("../../pages/api/login.js");
|
||||
if (!Array) {
|
||||
const _component_nav_bar = common_vendor.resolveComponent("nav-bar");
|
||||
_component_nav_bar();
|
||||
}
|
||||
if (!Math) {
|
||||
(BtnFooter + SelectArea)();
|
||||
}
|
||||
const BtnFooter = () => "../../components/BtnFooter/index.js";
|
||||
const SelectArea = () => "./components/selectArea.js";
|
||||
const _sfc_main = {
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
const formName = common_vendor.ref("");
|
||||
const formPhone = common_vendor.ref("");
|
||||
const formAddressInfo = common_vendor.ref("");
|
||||
let provinceId = common_vendor.ref("");
|
||||
let cityId = common_vendor.ref("");
|
||||
let countyId = common_vendor.ref("");
|
||||
let title = common_vendor.ref("");
|
||||
const isSaveToAddress = common_vendor.ref(false);
|
||||
const isDefaultAddress = common_vendor.ref(false);
|
||||
const isFromAddress = common_vendor.ref();
|
||||
const selectArea = common_vendor.ref();
|
||||
const type = common_vendor.ref("send");
|
||||
const addressType = common_vendor.ref();
|
||||
const editOrAdd = common_vendor.ref();
|
||||
const id = common_vendor.ref("");
|
||||
const isConfirm = common_vendor.computed$1(() => {
|
||||
return Boolean(formName.value) && Boolean(formPhone.value) && Boolean(formAddressInfo.value) && areaLabel.value !== "\u57CE\u5E02/\u5730\u533A";
|
||||
});
|
||||
const isReset = common_vendor.computed$1(() => {
|
||||
return Boolean(formName.value) || Boolean(formPhone.value) || Boolean(formAddressInfo.value) || Boolean(provinceId.value);
|
||||
});
|
||||
const areaLabel = common_vendor.ref("\u57CE\u5E02/\u5730\u533A");
|
||||
const isRealNameAuth = common_vendor.ref(true);
|
||||
common_vendor.onLoad((options) => {
|
||||
if (options.id) {
|
||||
getAddressInfo(options.id);
|
||||
}
|
||||
editOrAdd.value = options.editOrAdd;
|
||||
id.value = options.id || "";
|
||||
type.value = options.type;
|
||||
isFromAddress.value = options.isFromAddress;
|
||||
title.value = options.type === "address" ? "\u7F16\u8F91\u5730\u5740" : options.type === "send" ? "\u5BC4\u4EF6\u4EBA\u5730\u5740\u586B\u5199" : "\u6536\u4EF6\u4EBA\u5730\u5740\u586B\u5199";
|
||||
isDefaultAddress.value = options.isDefault === "0" ? false : true;
|
||||
});
|
||||
common_vendor.onMounted(() => {
|
||||
if (editOrAdd.value === "add") {
|
||||
selectArea.value.getList();
|
||||
}
|
||||
isRealName();
|
||||
});
|
||||
const toAddress = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/address/index?type=" + type.value
|
||||
});
|
||||
};
|
||||
const handleTorealName = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/subPages/realName-authentication/index"
|
||||
});
|
||||
};
|
||||
const isRealName = () => {
|
||||
pages_api_my.getUserInfo().then((res) => {
|
||||
if (res) {
|
||||
isRealNameAuth.value = Boolean(res.data.idCardNoVerify);
|
||||
}
|
||||
});
|
||||
};
|
||||
const getAddressInfo = async (id2) => {
|
||||
await pages_api_address.getAddressInfoDetail(id2).then((res) => {
|
||||
const {
|
||||
name,
|
||||
phoneNumber,
|
||||
address,
|
||||
city,
|
||||
county,
|
||||
province,
|
||||
isShow,
|
||||
isDefault
|
||||
} = res.data;
|
||||
formName.value = name;
|
||||
formPhone.value = phoneNumber;
|
||||
formAddressInfo.value = address;
|
||||
areaLabel.value = province.name + " " + city.name + " " + county.name;
|
||||
provinceId.value = province.id;
|
||||
cityId.value = city.id;
|
||||
countyId.value = county.id;
|
||||
isSaveToAddress.value = isShow;
|
||||
isDefaultAddress.value = isDefault;
|
||||
});
|
||||
selectArea.value.getList();
|
||||
};
|
||||
const handleSaveToAddress = () => {
|
||||
if (isFromAddress.value) {
|
||||
isDefaultAddress.value = !isDefaultAddress.value;
|
||||
} else {
|
||||
isSaveToAddress.value = !isSaveToAddress.value;
|
||||
}
|
||||
};
|
||||
const handledSelectArea = () => {
|
||||
selectArea.value.handleOpen();
|
||||
};
|
||||
const handleFormName = (event) => {
|
||||
formName.value = event.detail.value;
|
||||
};
|
||||
const handleFormPhone = (event) => {
|
||||
formPhone.value = event.detail.value;
|
||||
};
|
||||
const handleFormAddressInfo = (event) => {
|
||||
formAddressInfo.value = event.detail.value;
|
||||
};
|
||||
const getAreaData = (value) => {
|
||||
provinceId.value = value.province.id;
|
||||
cityId.value = value.city.id;
|
||||
countyId.value = value.area.id;
|
||||
areaLabel.value = value.province.name + " " + value.city.name + " " + value.area.name;
|
||||
};
|
||||
const reset = () => {
|
||||
formAddressInfo.value = "";
|
||||
formName.value = "";
|
||||
formPhone.value = "";
|
||||
areaLabel.value = "\u57CE\u5E02/\u5730\u533A";
|
||||
};
|
||||
const handleToLink = () => {
|
||||
common_vendor.index.navigateBack();
|
||||
};
|
||||
const submit = () => {
|
||||
console.log();
|
||||
if (!isConfirm.value) {
|
||||
common_vendor.index.showToast({
|
||||
title: "\u8BF7\u5C06\u4FE1\u606F\u586B\u5199\u5B8C\u6574",
|
||||
icon: "none"
|
||||
});
|
||||
} else if (!/^1[3456789]\d{9}$/.test(formPhone.value)) {
|
||||
common_vendor.index.showToast({
|
||||
title: "\u8BF7\u586B\u5199\u6B63\u786E\u7684\u624B\u673A\u53F7\u7801\u683C\u5F0F",
|
||||
icon: "none"
|
||||
});
|
||||
} else if (formName.value.length < 2) {
|
||||
common_vendor.index.showToast({
|
||||
title: "\u59D3\u540D\u5B57\u6570\u957F\u5EA6\u4E3A2-10",
|
||||
icon: "none"
|
||||
});
|
||||
} else {
|
||||
if (editOrAdd.value === "add" && !id.value) {
|
||||
pages_api_address.addAddress({
|
||||
name: formName.value,
|
||||
phoneNumber: formPhone.value,
|
||||
address: formAddressInfo.value,
|
||||
provinceId: provinceId.value,
|
||||
cityId: cityId.value,
|
||||
countyId: countyId.value,
|
||||
type: type.value === "send" ? 1 : 2,
|
||||
isShow: isFromAddress.value ? 1 : isSaveToAddress.value ? 1 : 0,
|
||||
isDefault: isDefaultAddress.value ? 1 : 0
|
||||
}).then((res) => {
|
||||
common_vendor.index.showToast({
|
||||
title: "\u64CD\u4F5C\u6210\u529F",
|
||||
icon: "success"
|
||||
});
|
||||
if (isFromAddress.value === "true") {
|
||||
common_vendor.index.redirectTo({
|
||||
url: "/pages/address/index"
|
||||
});
|
||||
} else {
|
||||
common_vendor.index.redirectTo({
|
||||
url: "/pages/express-delivery/index?id=" + res.data.id + "&type=" + type.value
|
||||
});
|
||||
}
|
||||
});
|
||||
} else if (editOrAdd.value === "edit" && id.value) {
|
||||
pages_api_address.editAddress({
|
||||
name: formName.value,
|
||||
phoneNumber: formPhone.value,
|
||||
address: formAddressInfo.value,
|
||||
provinceId: provinceId.value,
|
||||
cityId: cityId.value,
|
||||
countyId: countyId.value,
|
||||
type: addressType.value,
|
||||
isShow: isFromAddress.value ? 1 : isSaveToAddress.value ? 1 : 0,
|
||||
id: id.value,
|
||||
isDefault: isDefaultAddress.value ? 1 : 0
|
||||
}).then((res) => {
|
||||
common_vendor.index.showToast({
|
||||
title: "\u64CD\u4F5C\u6210\u529F",
|
||||
icon: "success"
|
||||
});
|
||||
if (isFromAddress.value === "true") {
|
||||
common_vendor.index.redirectTo({
|
||||
url: "/pages/address/index"
|
||||
});
|
||||
} else {
|
||||
common_vendor.index.redirectTo({
|
||||
url: "/pages/express-delivery/index?id=" + res.data.id + "&type=" + type.value
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.p({
|
||||
title: common_vendor.unref(title),
|
||||
handleToLink
|
||||
}),
|
||||
b: type.value !== "get" && editOrAdd.value !== "add"
|
||||
}, type.value !== "get" && editOrAdd.value !== "add" ? common_vendor.e({
|
||||
c: common_vendor.t(!isRealNameAuth.value ? "\u6839\u636E\u56FD\u5BB6\u6CD5\u5F8B\u6CD5\u89C4\u8981\u6C42\uFF0C\u5BC4\u4EF6\u4EBA\u540D\u79F0\u987B\u4E0E\u5B9E\u540D\u4FE1\u606F\u4E00\u81F4\u3002\u60A8\u53EF\u4EE5\u5728\u4E0B\u5355\u524D\u8BA4\u8BC1\u6216\u73B0\u573A\u51FA\u793A\u8BC1\u4EF6" : "\u6839\u636E\u56FD\u5BB6\u6CD5\u5F8B\u6CD5\u89C4\u8981\u6C42\uFF0C\u5BC4\u4EF6\u4EBA\u540D\u79F0\u987B\u4E0E\u5B9E\u540D\u4FE1\u606F\u4E00\u81F4\u3002"),
|
||||
d: common_vendor.n(type.value === "get" ? "active" : ""),
|
||||
e: !isRealNameAuth.value && type.value !== "get"
|
||||
}, !isRealNameAuth.value && type.value !== "get" ? {
|
||||
f: common_vendor.o(handleTorealName)
|
||||
} : {}, {
|
||||
g: common_vendor.n(isRealNameAuth.value ? "isRealNameAuth" : "")
|
||||
}) : {}, {
|
||||
h: type.value === "address"
|
||||
}, type.value === "address" ? {} : common_vendor.e({
|
||||
i: type.value === "send"
|
||||
}, type.value === "send" ? {} : type.value === "get" ? {} : {}, {
|
||||
j: type.value === "get",
|
||||
k: common_vendor.t(type.value === "send" ? "\u5BC4" : "\u6536"),
|
||||
l: common_vendor.o(toAddress)
|
||||
}), {
|
||||
m: common_vendor.n(formName.value !== "" ? "active" : ""),
|
||||
n: common_vendor.o(handleFormName),
|
||||
o: formName.value,
|
||||
p: common_vendor.n(formPhone.value !== "" ? "active" : ""),
|
||||
q: common_vendor.o(handleFormPhone),
|
||||
r: formPhone.value,
|
||||
s: common_vendor.t(areaLabel.value),
|
||||
t: common_vendor.n(areaLabel.value !== "\u57CE\u5E02/\u5730\u533A" ? "active" : ""),
|
||||
v: common_vendor.o(handledSelectArea),
|
||||
w: common_vendor.n(formAddressInfo.value !== "" ? "active" : ""),
|
||||
x: formAddressInfo.value,
|
||||
y: common_vendor.o(handleFormAddressInfo),
|
||||
z: (isFromAddress.value ? isDefaultAddress.value : isSaveToAddress.value) ? 1 : "",
|
||||
A: common_vendor.t(isFromAddress.value ? "\u8BBE\u4E3A\u9ED8\u8BA4\u5BC4\u4EF6\u5730\u5740" : "\u4FDD\u5B58\u5230\u5730\u5740\u7C3F"),
|
||||
B: common_vendor.o(handleSaveToAddress),
|
||||
C: common_vendor.o(reset),
|
||||
D: common_vendor.n(common_vendor.unref(isReset) ? "active" : ""),
|
||||
E: common_vendor.o(submit),
|
||||
F: common_vendor.p({
|
||||
btnText: "\u786E\u5B9A",
|
||||
isActive: common_vendor.unref(isConfirm)
|
||||
}),
|
||||
G: common_vendor.sr(selectArea, "3ff5d8d2-2", {
|
||||
"k": "selectArea"
|
||||
}),
|
||||
H: common_vendor.o(getAreaData),
|
||||
I: common_vendor.p({
|
||||
provinceId: common_vendor.unref(provinceId),
|
||||
cityId: common_vendor.unref(cityId),
|
||||
countyId: common_vendor.unref(countyId),
|
||||
editOrAdd: editOrAdd.value
|
||||
})
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
var MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3ff5d8d2"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/subPages/address-info/index.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "地址信息",
|
||||
"enablePullDownRefresh": false,
|
||||
"usingComponents": {
|
||||
"btn-footer": "../../components/BtnFooter/index",
|
||||
"select-area": "./components/selectArea"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<nav-bar wx:if="{{a}}" class="data-v-3ff5d8d2" u-i="3ff5d8d2-0" bind:__l="__l" u-p="{{a}}"></nav-bar><view class="address-info data-v-3ff5d8d2"><view wx:if="{{b}}" class="{{['approve-tips', 'data-v-3ff5d8d2', g]}}"><view class="circle data-v-3ff5d8d2"></view><view class="{{['content', 'data-v-3ff5d8d2', d]}}">{{c}}</view><view wx:if="{{e}}" class="btn data-v-3ff5d8d2" bindtap="{{f}}">实名认证</view></view><view class="address-box data-v-3ff5d8d2"><view class="title data-v-3ff5d8d2"><view wx:if="{{h}}" class="address-title data-v-3ff5d8d2">联系人信息</view><view wx:else class="send-get-title data-v-3ff5d8d2"><view wx:if="{{i}}" class="send data-v-3ff5d8d2">寄</view><view wx:elif="{{j}}" class="get data-v-3ff5d8d2">收</view><view class="subTitle data-v-3ff5d8d2">{{k}}件人信息 </view><view class="toAddress data-v-3ff5d8d2" bindtap="{{l}}"> 地址簿 </view></view></view><view class="name-number data-v-3ff5d8d2"><input placeholder-class="phcolor" class="{{['uni-input', 'data-v-3ff5d8d2', m]}}" placeholder="姓名" bindinput="{{n}}" value="{{o}}" maxlength="10"/><input placeholder-class="phcolor" type="number" class="{{['uni-input', 'data-v-3ff5d8d2', p]}}" placeholder="电话" bindinput="{{q}}" value="{{r}}"/></view><view class="city-area data-v-3ff5d8d2" bindtap="{{v}}"><view class="{{['label', 'data-v-3ff5d8d2', t]}}">{{s}}</view><view class="arrow data-v-3ff5d8d2"></view></view><view class="address-detail data-v-3ff5d8d2"><input placeholder-class="phcolor" class="{{['uni-input', 'data-v-3ff5d8d2', w]}}" placeholder="详细地址(例如:**街**号)" value="{{x}}" bindinput="{{y}}" maxlength="33"/></view><view class="footer data-v-3ff5d8d2"><view class="save-address data-v-3ff5d8d2" bindtap="{{B}}"><view class="{{['checkbox', 'data-v-3ff5d8d2', z && 'active']}}"></view><view class="label data-v-3ff5d8d2">{{A}}</view></view><view bindtap="{{C}}" class="{{['reset-btn', 'data-v-3ff5d8d2', D]}}">清空</view></view></view><btn-footer wx:if="{{F}}" class="data-v-3ff5d8d2" bindconfirm="{{E}}" u-i="3ff5d8d2-1" bind:__l="__l" u-p="{{F}}"></btn-footer><select-area wx:if="{{I}}" class="r data-v-3ff5d8d2" u-r="selectArea" bindgetAreaData="{{H}}" u-i="3ff5d8d2-2" bind:__l="__l" u-p="{{I}}"></select-area></view>
|
||||
289
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/address-info/index.wxss
vendored
Normal file
289
project-wl-yonghuduan-uniapp-vue3/unpackage/dist/dev/mp-weixin/subPages/address-info/index.wxss
vendored
Normal file
@@ -0,0 +1,289 @@
|
||||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.address-info.data-v-3ff5d8d2 {
|
||||
background-color: #F3F5F9 !important;
|
||||
height: 85vh;
|
||||
}
|
||||
.address-info .approve-tips.data-v-3ff5d8d2 {
|
||||
height: 90rpx;
|
||||
background: #FAF4DE;
|
||||
padding: 5rpx 18rpx 8rpx 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.address-info .approve-tips .circle.data-v-3ff5d8d2 {
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
background-color: #E88649;
|
||||
border-radius: 50%;
|
||||
margin-right: 20rpx;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.address-info .approve-tips .content.data-v-3ff5d8d2 {
|
||||
font-size: 22rpx;
|
||||
color: #EA8A57;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 515rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.address-info .approve-tips .content.active.data-v-3ff5d8d2 {
|
||||
width: 650rpx;
|
||||
}
|
||||
.address-info .approve-tips .btn.data-v-3ff5d8d2 {
|
||||
width: 132rpx;
|
||||
height: 44rpx;
|
||||
background: #EA8A57;
|
||||
border-radius: 22rpx;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 44rpx;
|
||||
font-size: 22rpx;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.address-info .approve-tips.isRealNameAuth.data-v-3ff5d8d2 {
|
||||
height: 60rpx;
|
||||
}
|
||||
.address-info .approve-tips.isRealNameAuth .content.data-v-3ff5d8d2 {
|
||||
width: 100%;
|
||||
}
|
||||
.address-info .address-box.data-v-3ff5d8d2 {
|
||||
height: 510rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
margin: 19rpx 19rpx 0rpx 19rpx;
|
||||
padding: 32rpx 28rpx 0rpx;
|
||||
}
|
||||
.address-info .address-box .address-title.data-v-3ff5d8d2 {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.address-info .address-box .uni-input.data-v-3ff5d8d2 {
|
||||
width: 400rpx;
|
||||
}
|
||||
.address-info .address-box .uni-input.active.data-v-3ff5d8d2 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.address-info .address-box .send-get-title.data-v-3ff5d8d2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.address-info .address-box .send-get-title .toAddress.data-v-3ff5d8d2 {
|
||||
width: 104rpx;
|
||||
height: 46rpx;
|
||||
border: 2rpx solid #888888;
|
||||
border-radius: 22rpx;
|
||||
text-align: center;
|
||||
line-height: 46rpx;
|
||||
margin-left: 20rpx;
|
||||
font-size: 22rpx;
|
||||
}
|
||||
.address-info .address-box .send-get-title .send.data-v-3ff5d8d2, .address-info .address-box .send-get-title .get.data-v-3ff5d8d2 {
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
border-radius: 50%;
|
||||
font-size: 24rpx;
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.address-info .address-box .send-get-title .send.data-v-3ff5d8d2 {
|
||||
background-color: #000000;
|
||||
}
|
||||
.address-info .address-box .send-get-title .get.data-v-3ff5d8d2 {
|
||||
background-color: #E63E32;
|
||||
}
|
||||
.address-info .address-box .send-get-title .subTitle.data-v-3ff5d8d2 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.address-info .address-box .name-number.data-v-3ff5d8d2 {
|
||||
display: flex;
|
||||
margin-top: 56rpx;
|
||||
border-bottom: 2rpx solid #F4F4F4;
|
||||
padding-bottom: 29rpx;
|
||||
}
|
||||
.address-info .address-box .city-area.data-v-3ff5d8d2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 2rpx solid #F4F4F4;
|
||||
padding: 36rpx 0;
|
||||
}
|
||||
.address-info .address-box .city-area .label.data-v-3ff5d8d2 {
|
||||
font-size: 30rpx;
|
||||
color: #888;
|
||||
}
|
||||
.address-info .address-box .city-area .active.label.data-v-3ff5d8d2 {
|
||||
color: #151515;
|
||||
font-weight: bold;
|
||||
}
|
||||
.address-info .address-box .city-area .arrow.data-v-3ff5d8d2 {
|
||||
width: 12rpx;
|
||||
height: 20rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAddJREFUOE+VlL1u1EAUhc8dr6VVniQ7k1T7AtugCFIEAQ4logpSKEnEGyCSJl0oqUODREGDlH0BtGj2l41SREoRifxUaJv1vWgGe+W1/JOMZNmyZ7575njuISSj0+k0bq6uWgjDy36/fwdAAeD0e9mdAAQAYq11BJETEH1j5teTyeQmAoIvQFwFWQCMMa+E+bObLEC32Wxu93q9P3VKHMBd4hYarT+IyPsUopR6PhwOb6uUuMXp8KC1VuuAgb0UEsdxNJ1Or8uU5AF+nTHmozDv30dJFuDmUwQoZ1xWCRGdNufz7Z8FSvIAD0n2tKQERKdE9CLvSRHgQUrKAJVKmDly58QZWwVYUqJXVw9B9M69VEQ/VKPx1Fr7tw7g5ye+sNH6u4hsJJCXg9Ho5D4Af9SNMbvCfABgRQAbhuGmtfayEuAarNvtzte0fsMix8nfOVNB8HgwGJzXeeArrxvzlpmP5H/TjRph+Mxa+zs9mYUKSipPVRA8SSp7ePZXZTu2snK+sZYUPKRytgPTZ59AZXsua+lUgV+cc7twz/l0WiTSutZbscjXZMLC7bpYy2biDkQ+ARiqINjKu10Vqj6J2u32ymw2eyQiv8bj8UVdFhaZmH/nc7Ju/AO2JRUsi4oUyAAAAABJRU5ErkJggg==");
|
||||
}
|
||||
.address-info .address-box .address-detail.data-v-3ff5d8d2 {
|
||||
border-bottom: 2rpx solid #F4F4F4;
|
||||
padding: 36rpx 0;
|
||||
}
|
||||
.address-info .address-box .footer.data-v-3ff5d8d2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
.address-info .address-box .footer .save-address.data-v-3ff5d8d2 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.address-info .address-box .footer .save-address .label.data-v-3ff5d8d2 {
|
||||
font-size: 30rpx;
|
||||
color: #888;
|
||||
}
|
||||
.address-info .address-box .footer .save-address .active.data-v-3ff5d8d2, .address-info .address-box .footer .save-address .checkbox.data-v-3ff5d8d2 {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.address-info .address-box .footer .save-address .checkbox.data-v-3ff5d8d2 {
|
||||
background-image: url("data:image/png;base64,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");
|
||||
}
|
||||
.address-info .address-box .footer .save-address .active.data-v-3ff5d8d2 {
|
||||
background-image: url("data:image/png;base64,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");
|
||||
}
|
||||
.address-info .address-box .footer .reset-btn.data-v-3ff5d8d2 {
|
||||
font-size: 30rpx;
|
||||
color: #888;
|
||||
}
|
||||
.address-info .address-box .footer .reset-btn.active.data-v-3ff5d8d2 {
|
||||
color: #151515;
|
||||
}
|
||||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.selectArea .uni-popup__wrapper {
|
||||
height: 1160rpx;
|
||||
background-color: white !important;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
.selectArea .header {
|
||||
display: flex;
|
||||
height: 56rpx;
|
||||
padding: 30rpx 38rpx;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
.selectArea .header .header-title {
|
||||
font-size: 32rpx;
|
||||
color: #151515;
|
||||
font-weight: bold;
|
||||
}
|
||||
.selectArea .header .close {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAA39JREFUSEudlr9vHEUUx79vNmcJJxESsgAFRBG5YHb3AuRIqhSGVCQdkktED0gktgu6CCSKNLEdKaJCQkhRIp2ChYRAiMYVqZzGNzcWMn+BKzqS7M1Db3fGGa/nLkuuubu9m/nO5/34viE0L/LvDCAD4ADI5xd9Kb9e9pDPLgi0N5TnLyoUH/pw3/phURSvMPO3BJRgvmOsve9PImKdBZeXl7PhcDgpiuIdOHcDRPMqy77e3d192Ahpvc7ANQImDBADq9baDR/GSZf4LQPZEJic0/p8BfwK4DW/7tFL8/Mf1kJa6wcEfAzgXwJ6DGQibK3d7JKzpaWlE9vb21VRFBcB/MTOvQHgCYA5AH8zcLkWyvP8Eph/A3DKU0kCJWYrHcikeCZa6/P0jKSiJjIZKXXDGPONCNVVUWp91QH3AJwGUPnnahZZRHIBwJaQhPDLegLWjbUrUtWhQsKprhAwBDDfgWw2CdGt0Xi8Rk0xHQpJpLqSqcFgkO3s7DwtiiJNotSGMeZ6nN8jfTQYDHqygdb6eWRSQOmcNOFajSq1bo9Uwz6P7HMiegjgFzCfOZKTBEkQTDpDiszbkhziH7/4ZW8tXFfXFJKZQv7HFJl4YMhncAwC8+3x3t6Xs3pumtfVu4XyzfP8Mph/BnAyMktZK9V001j7VcuYj5nJTKFgQWVZnnNV9QeIXm15H5FSXxhj7vhDiV0lvXGWUN0neZ6/B2bxrtd9nmJ3rscBKbVmjLk1yxuTQiFkZVm+76pqC0Rv+uoS8ac+Lj0vXOeMgeuRXR2bZymhFMmhJUlOMqX+nDh3l1veSEqtGmPWU2RHhKaReIOVEt401l6T732tr0wAmVttb0ySxUI1SVEU77Jz4uSSk2cuDGx4g5RB2TPGPOnn+UeOecjAydgbU2S1UBhakhOuqi32OUmQxPeJus86kDUFE8x0KkljK2L1wbJC0yI4yFQy5jWztyfV2Lh3v99/21XV7wy8JSEIJCC6PR6PZ3Z8OGibLAw+lWWfjUaj78Ll5Ed27hMAjwk44SfjVJJ226fIolH+V29urrkzFFr/wMCnvkd6HUnaeqmcyX8sKdUI9fv9s1VVfa+ISlJqY2Fh4aZcNkJYjhnXlAfRaP8AwCacO03Aysjarbi81eLiYm9/f//x/xVo6daXTxE9ODhQ0gbx4ItvpvF1titMMozxuPkPXmX1s/RItWUAAAAASUVORK5CYII=");
|
||||
}
|
||||
.selectArea .seachBox .uni-searchbar {
|
||||
padding-left: 38rpx !important;
|
||||
}
|
||||
.selectArea .seachBox .uni-searchbar .uni-searchbar__box {
|
||||
border-radius: 34rpx !important;
|
||||
}
|
||||
.selectArea .seachBox .search-icon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,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");
|
||||
}
|
||||
.selectArea .hot-city {
|
||||
margin-top: 31rpx;
|
||||
border-bottom: 2rpx solid #F4F4F4;
|
||||
padding-bottom: 40rpx;
|
||||
margin: 0 38rpx;
|
||||
}
|
||||
.selectArea .hot-city .title {
|
||||
font-size: 24rpx;
|
||||
color: #888;
|
||||
}
|
||||
.selectArea .hot-city .city-box {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.selectArea .hot-city .city-box .city-item {
|
||||
font-size: 24rpx;
|
||||
height: 64rpx;
|
||||
background: #F4F4F4;
|
||||
border-radius: 34rpx;
|
||||
min-width: 148rpx;
|
||||
margin-top: 18rpx;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
}
|
||||
.selectArea .hot-city .city-box .city-item.active {
|
||||
border: 2rpx solid #E84134;
|
||||
color: #E84134;
|
||||
background-color: white;
|
||||
}
|
||||
.selectArea .province-city-area {
|
||||
margin-top: -10rpx;
|
||||
}
|
||||
.selectArea .province-city-area .picker-view {
|
||||
width: 750rpx;
|
||||
height: 600rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.selectArea .province-city-area .item {
|
||||
height: 50px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
}
|
||||
.selectArea .province-city-area .uni-picker-view-wrapper .uni-picker-view-mask {
|
||||
display: none;
|
||||
}
|
||||
.selectArea .province-city-area .uni-picker-view-wrapper .uni-picker-view-indicator {
|
||||
top: 46% !important;
|
||||
}
|
||||
.selectArea .province-city-area .label-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 40rpx 90rpx;
|
||||
}
|
||||
.selectArea .province-city-area .label-box .label {
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.selectArea .footer {
|
||||
height: 168rpx;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding-top: 80rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.selectArea .footer .btn {
|
||||
width: 404rpx;
|
||||
height: 88rpx;
|
||||
background: #E84134;
|
||||
border-radius: 44rpx;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 88rpx;
|
||||
font-size: 30rpx;
|
||||
margin: 0 auto;
|
||||
}
|
||||
Reference in New Issue
Block a user