小程序选择地区（微信小程序地区选择）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
今天给各位分享小程序选择地区的知识，其中也会对微信小程序地区选择进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
- 1、为啥支付宝小程序选择业务覆盖地区
- 2、手撕小程序端多选级联选择器(地区多选选择器)
- 3、微信显示地区怎么设置
- 4、建行到家小程序修改定位
- 5、泰新检测小程序怎么无法选择所管辖区
- 6、小程序 怎么增加地域范围 让用户搜的到
为啥支付宝小程序选择业务覆盖地区
1月6日，支付宝发布了一张双手扒开首页腰封的海报，一句稳中带皮的“周一见”，吊足了大家的胃口。好在今天周一如期官宣：支付宝在首页腰封位置，新增了小程序收藏固定入口。
更新至最新版本后，下拉支付宝首页就能唤出收藏栏、直接启用小程序服务。不但能一键领取专属权益，最近使用过的小程序也能够实现即时查看。
8万支付宝精品小程序，这下在首页有了超级入口。
你收藏过支付宝小程序吗
好的服务，收藏一下，正成为支付宝用户的一种习惯。这次“收藏前有礼”、“收藏”及“收藏后享权益”的组合拳，让注重服务品质的小程序商家，也能够快速获取、筛选、运营用户，获得更大的运营空间。
内测期间，高德打车小程序的收藏增幅达到了923%、促进交易上涨56.93%。支付宝小程序产品负责人楚庄透露，内测商户小程序的收藏量平均增幅都能够达到424%。
正式上线4个月以来，除了你经过PICK的高德打车、哈啰出行、肯德基，好食期、附近家政、万能小哥、安心记加班等一批支付宝小程序商家，还凭借存留率、复购率上的优异表现，在资本寒冬中逆势获得融资。
2018年全年，小程序相关融资金额预计超过70亿。从上半年逐步走入了泡沫区，到下半年融资金额明显下滑，市场开始回归理性。创业者开始告别流量思维，逐渐从拼流量走到拼产品、拼服务的新阶段。
支付宝小程序自上线后，程序数量从2万上升到超过8万，只用了三个多月的时间，同期用户数从3亿上升到超过5亿、日活从1.2亿增长到1.7亿。
目前除西藏等极个别省份外，支付宝小程序基本实现了全国区域覆盖。在行业上除了聚焦商业和生活服务，零售、生活服务和旅游，已经超越了出行、政务成为排名前三的热门行业，细分行业总数超过了290个。
被微信羡慕
支付宝小程序事业部总经理何勇明曾在媒体活动上表示，“我们对小程序有一个明确的定位——线下一定是主战场，把线下和线上结合就是我们要做的事情。”
有数据显示，7成购物中心的线下流量因为无法数据化而被浪费。与线上服务相比，线下有无数场景因为各种各样的门槛，无法有效连网，商家需求难以得到满足
手撕小程序端多选级联选择器(地区多选选择器)
// 鉴于市面上没有好用的移动端多选级联选择器,自己手写了一个
// 地区选择器
template
view class="addressSelector"
main
view class="provinceTree"
view @click="getCityList(item, index)" :id="item.code" :class="item.checked === false ? 'provinceBox' : 'provinceBox provinceHeightLight'" v-for="(item, index) in provinceList" :key="item.code"
span{{item.name}}/span
i v-if="item.number !== ''"{{item.number}}/i
/view
/view
view class="cityTree"
view @click="getAreaList(item, index)" :id="item.code" :class="item.checked === false ? 'cityBox' : 'cityBox cityHeightLight'" v-for="(item, index) in cityList" :key="item.code"
span{{item.name}}/span
i v-if="item.number !== ''"{{item.number}}/i
/view
/view
view class="areaTree"
view @click="clickAreaList(item, index)" :id="item.code" :class="item.checked === false ? 'areaBox' : 'areaBox areaHeightLight'" v-for="(item, index) in areaList" :key="item.code"{{ item.name }}/view
/view
/main
u-top-tips z-index="99999" ref="uTips"/u-top-tips
/view
/template
script
import { addressPartListApi } from '../../../api/api'
export default {
data() {
return {
// 省级城市编码
pcode: '',
// 市级城市编码
ccode: '110000',
// 省份列表
provinceList: [],
// 市级列表
cityList: [],
// 区县列表
areaList: [],
// 存储选中的省份列表
checkedProvinceList: [],
// 存储选中的市级列表
checkedCityList: [],
// 存储选中的区县级列表
checkedAreaList: []
}
},
onShow() {
// 获取省份列表
this.getProvinceList().then(() = {
// 获取默认市级列表
this.getCityList({ code:'110000', pcode: '000000' }, 0)
})
},
methods: {
// 获取省份列表
async getProvinceList() {
const { data: res } = await addressPartListApi('000000')
if (res.code !== 0) return this. refs.uTips.show({ title: res.msg, type: 'error', duration: '2000'})
// 设置默认值
this.cityList = []
res.data.list.forEach((item, index) = {
this.cityList.push({
id: item.id, // 地区id
name: item.name, // 地区名称
code: item.code, // 地区编码
pcode: item.pcode, // 父级地区编码
checked: false, // 选择状态
switch: false, // 切换状态
number: '', // 子级选中的值
index: index // 当前地区的下标
})
})
// 2.市级高亮
this.checkedCityList.forEach((checkCity, checkIndex) = {
this.cityList.forEach((allCity, allIndex) = {
if (checkCity.code === allCity.code) {
this.cityList[allIndex].checked = true
this.cityList[allIndex].number = this.checkedCityList[checkIndex].number
}
})
})
// 3.直接将所有区县级列表清空
this.areaList = []
// 4.将所有省份switch改为false,同时将当前选中的省份switch改为true
this.provinceList.forEach(zResult = {
zResult.switch = false
})
this.provinceList[index].switch = true
return false
// 如果当前省级已经被点击过,但是不是第一次点击时
} else if (alreadyCheck === true value.switch === true) {
// 除了移除省级code还要移除对应省级下的所有市级code(移除对应的高亮状态,默认会重置)
// 将省级code和市级级pcode比较如果相同则移除(第一层)
if (this.checkedCityList.length !== 0) {
// --------------移除对应的市级code
let newCheckedCityList = []
this.checkedCityList.forEach((val, index) = {
if (value.code !== val.pcode) {
newCheckedCityList.push(val)
} else {
// 将对应的市级code和区县级pcode比较如果相同则移除(第二层)
if (this.checkedAreaList.length !== 0) {
let newCheckedAreaList = []
this.checkedAreaList.forEach((keys, index) = {
if (val.code !== keys.pcode) {
newCheckedAreaList.push(keys)
}
})
this.checkedAreaList = newCheckedAreaList
}
}
})
this.checkedCityList = newCheckedCityList
}
this.checkedProvinceList.splice(alreadyIndex, 1)
} else {
this.checkedProvinceList.push({ code: value.code, pcode: value.pcode, number: '全' })
}
console.log(this.checkedProvinceList, '省', this.checkedCityList, '市', this.checkedAreaList,'区县')
// 改变当前点击的省份高亮状态
this.provinceList[index].checked = !this.provinceList[index].checked
// 改变当前点击省份的全选状态
if (this.provinceList[index].number === '') {
this.provinceList[index].number = '全'
} else {
this.provinceList[index].number = ''
}
this.pcode = value.code
const { data: res } = await addressPartListApi(this.pcode)
if (res.code !== 0) return this. refs.uTips.show({ title: res.msg, type: 'error', duration: '2000'})
// 设置默认值
this.areaList = []
res.data.list.forEach((item, index) = {
this.areaList.push({
id: item.id, // 地区id
name: item.name, // 地区名称
code: item.code, // 地区编码
pcode: item.pcode, // 父级地区编码
checked: false, // 选择状态
switch: false, // 切换状态
number: '', // 子级选中的值
index: index // 当前地区的下标
})
})
// 2.区县高亮
this.checkedAreaList.forEach((checkArea, checkIndex) = {
this.areaList.forEach((allArea, allIndex) = {
if (checkArea.code === allArea.code) {
this.areaList[allIndex].checked = true
}
})
})
// 3.将所有市级switch改为false,同时将当前选中的市级switch改为true
this.cityList.forEach(zResult = {
zResult.switch = false
})
this.cityList[index].switch = true
return false
// 如果当前市级已经被点击过,但是不是第一次点击时
} else if (alreadyCheck === true value.switch === true) {
this.checkedCityList.splice(alreadyIndex, 1)
// 除了移除市级code还要移除对应市级下的所有区县级code同时移除对应的高亮状态
// 将市级code和区县级pcode比较如果相同则移除
if (this.checkedAreaList.length !== 0) {
let newCheckedAreaList = []
this.checkedAreaList.forEach((val, index) = {
if (value.code !== val.pcode) {
newCheckedAreaList.push(val)
}
})
this.checkedAreaList = newCheckedAreaList
}
// 当市级已经被勾选时,找到对应的省级,省级后缀的数字得-1
this.provinceList.forEach((result, index) = {
if (result.code === value.pcode) {
result.number = (result.number - 1) + ''
}
if (result.number === '0') result.number = '全'
// 不仅要改list的number还要改对应的checkedList上的number★~~~~~
if (this.checkedProvinceList.length !== 0) {
this.checkedProvinceList.forEach((redus, rIndex) = {
if (redus.code === result.code) {
this.checkedProvinceList[rIndex].number = result.number
}
})
}
})
} else {
this.checkedCityList.push({ code: value.code, pcode: value.pcode, number: '全' })
// 勾选时点击当前市级地区时判断当前省级是否勾选,如果未勾选则勾选上(checked选择状态及高亮)
// 判断当前省级是否勾选
this.provinceList.forEach((result, index) = {
// 找到对应的省级
if (result.code === value.pcode) {
// 如果省级未勾选,则勾选上省级
if (result.checked === false) {
result.checked = true
result.number = '全'
this.checkedProvinceList.push({ code: value.pcode, pcode: '000000', number: '1' })
}
// 到这一步肯定省级肯定是被勾选上了
// 如果市级被勾选,省级后缀的数字都得+1
if (result.number === '全') {
result.number = '1'
} else {
result.number = (result.number - 0 + 1) + ''
}
// 不仅要改list的number还要改对应的checkedList上的number★~~~~~
if (this.checkedProvinceList.length !== 0) {
this.checkedProvinceList.forEach((redus, rIndex) = {
if (redus.code === result.code) {
this.checkedProvinceList[rIndex].number = result.number
}
})
}
}
})
}
// 改变当前点击的市级高亮状态
this.cityList[index].checked = !this.cityList[index].checked
// 改变当前点击市级的全选状态
if (this.cityList[index].number === '') {
this.cityList[index].number = '全'
} else {
this.cityList[index].number = ''
}
this.ccode = value.code
console.log(this.checkedProvinceList, '省', this.checkedCityList, '市', this.checkedAreaList,'区县')
const { data: res } = await addressPartListApi(this.ccode)
if (res.code !== 0) return this.$refs.uTips.show({ title: res.msg, type: 'error', duration: '2000'})
// 设置默认值
this.areaList = []
res.data.list.forEach((item, index) = {
this.areaList.push({
id: item.id, // 地区id
name: item.name, // 地区名称
code: item.code, // 地区编码
pcode: item.pcode, // 父级地区编码
checked: false, // 选择状态
switch: false,// 切换状态
index: index // 当前地区的下标
})
})
// ------------------------------------------------------------------------------------------------(再获取完区县级列表后点击市级重置区县级高亮)
// 用所有被勾选的区县级code和所有区县列表进行比较如果相同则高亮
if (this.checkedAreaList.length !== 0 this.areaList.length !== 0) {
this.checkedAreaList.forEach((val, valIndex) = {
this.areaList.forEach((keys, keysIndex)= {
if (val.code === keys.code) {
this.areaList[keysIndex].checked = true
}
})
})
}
},
// 点击区县触发
clickAreaList(value, index) {
// 存储被点击的区县code(判断如果已经存在被点击过则去除)
let alreadyCheck = false
let alreadyIndex = ''
if (this.checkedAreaList.length !== 0) {
this.checkedAreaList.forEach((item, index) = {
if (item.code === value.code) {
alreadyCheck = true
alreadyIndex = index
return false
}
})
}
// 如果当前县区级已经被勾选则去除
if (alreadyCheck === true) {
this.checkedAreaList.splice(alreadyIndex, 1)
// 去除的时候市级肯定是勾选状态
this.cityList.forEach((result, index) = {
// 找到对应的市级,市级后缀的数字得-1
if (result.code === value.pcode) {
result.number = (result.number - 1) + ''
}
if (result.number === '0') result.number = '全'
// 不仅要改list的number还要改对应的checkedList上的number★~~~~~
if (this.checkedCityList.length !== 0) {
this.checkedCityList.forEach((redus, rIndex) = {
if (redus.code === result.code) {
this.checkedCityList[rIndex].number = result.number
}
})
}
})
} else {
// 如果当前县区级如果未被勾选
this.checkedAreaList.push({ code: value.code, pcode: value.pcode })
// 勾选时点击当前区县地区时判断当前市级是否勾选,如果未勾选则勾选上(checked选择状态及高亮)
// 判断当前市级是否勾选
this.cityList.forEach((result, index) = {
// 找到对应的市级
if (result.code === value.pcode) {
// 如果市级未勾选,则勾选上市级
if (result.checked === false) {
result.checked = true
result.number = '全'
this.checkedCityList.push({ code: value.pcode, pcode: '000000' })
//
}
// 到这一步肯定是被勾选上了
// 如果县区被勾选,市级后缀的数字都得+1
if (result.number === '全') {
result.number = '1'
} else {
result.number = (result.number - 0 + 1) + ''
}
// 不仅要改list的number还要改对应的checkedList上的number★~~~~~
if (this.checkedCityList.length !== 0) {
this.checkedCityList.forEach((redus, rIndex) = {
if (redus.code === result.code) {
this.checkedCityList[rIndex].number = result.number
}
})
}
}
})
}
console.log(this.checkedProvinceList, '省', this.checkedCityList, '市', this.checkedAreaList,'区县')
// 改变当前点击的区县高亮状态
this.areaList[index].checked = !this.areaList[index].checked
}
}
}
/script
style lang="less"
.addressSelector{
main {
display: flex;
width: 100%;
background-color: #F5F5F5;
.provinceTree, .cityTree, .areaTree {
flex: 1;
height: 100vh;
border-right: 1.81rpx solid #E4E4E4;
overflow-y: auto;
.provinceBox, .cityBox, .areaBox {
position: relative;
height: 90.57rpx;
line-height: 90.57rpx;
text-align: center;
i {
position: absolute;
top: 30.8rpx;
right: 30.79rpx;
width: 28.98rpx;
height: 28.98rpx;
background-color: #188AFA;
border-radius: 50%;
line-height: 25.98rpx;
color: #FFFFFF;
font-size: 21.73rpx;
}
}
// 省级高亮样式
.provinceHeightLight {
background: linear-gradient(270deg, #F5F5F5 0%, #D1E9FF 100%);
color: #188AFA;
}
// 市级高亮样式
.cityHeightLight {
background-color: #F5F5F5;
color: #188AFA;
}
// 区县高亮样式
.areaHeightLight {
background-color: #F5F5F5;
color: #188AFA;
}
}
.cityTree, .areaTree {
background-color: #FFFFFF;
}
}
}
/style
微信显示地区怎么设置
可以参考vivo手机更改微信地区的方式：打开微信--点击我--点击头像进入个人信息界面--点击更多信息--地区--即可选择当前位置也可从全部地区中选择。
建行到家小程序修改定位
建行到家小程序修改定位步骤如下:
第一种方法，打开中国建设银行App以后，点击下方“信用卡”。然后上面就有一个地区名字，点击一下。就会显示一个城市选择框，输入城市名称搜索，或者下拉下面的列表选择你当前的城市。点击以后，就能立即切换过来。
第二种方法，点击首页右下角“悦享生活”。左上角也会显示城市名称，点击一下。同样会弹出城市选择窗口，选择的方法和前面一样。
泰新检测小程序怎么无法选择所管辖区
可能是因为网络卡了或者小程序出现了bug。
泰新检测”微信小程序“可以让全民采样入口”扫描采样点二维码、样本管条形码即可快速登记确认采样。为核酸检测提供了方便。
“泰新检测”微信小程序信息登记具体步骤：
1.扫描“泰新检测”小程序二维码或微信搜索“泰新检测”，进入泰安市核酸检测小程序页面。
2.点击“基本信息录入”，选择“新建”，进入人员信息预登记页面。
3.输入个人基本信息，红色※标识的选项为必填项,所属辖区选择常驻地所在地区，输入完毕之后，点击最下方“确认”按钮，保存信息。
4.信息录入完成。基本信息录入支持添加多条信息，对没有智能手机的老人和孩子，可由家庭其他成员代为录入。人员列表可根据实际情况进行修改。
5.已完成信息登记的，在现场采样时进入微信小程序“泰新检测”，选择“核酸检测”，进入“全民采样入口”，扫描采样处的二维码即可。
小程序 怎么增加地域范围 让用户搜的到
小程序的精准搜索范围不限，就是说任何一个地区的小程序都可以搜索到；
而附近的小程序的展现范围是5公里。
关于小程序选择地区和微信小程序地区选择的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
