更新记录
1.0.0(2023-04-03) 下载此版本
效果可以去“智慧社区+小程序端”查看效果
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
<template>
<view class="bianjia u-demo-block__content">
<u--form labelPosition="left" :model="model" ref="form1">
<u-form-item label="选择房屋:" borderBottom ref="item1" labelWidth="100" @click="toggleMaskLocation">
<u--input v-model="fangwu" border="none" placeholder="请选择房屋" :disabled="true" disabledColor="#fff"
inputAlign="right"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
</u--form>
<xf-city :headtitle="headtitle" :provincedata="provincedata" :data="selfData" mode="cityPicker" ref="cityPicker"
@funcvalue="getpickerParentValue" :pickerSize="3"></xf-city>
</view>
</template>
<script>
import xf-city from '@/components/xf-city/xf-city.vue';
export default {
components: {
xf-city
},
data() {
return {
provincedata: [],
selfData: [],
showdata: false,
list: [],
indexs: [0, 0, 0],
showSex: false,
lx: 0,
show3: false,
columns3: [],
fangwu:''
}
},
methods: {
toggleMaskLocation() {
this.selfData = this.list;
this.$nextTick(() => {
this.$refs["cityPicker"].show();
})
},
getpickerParentValue(data) {
this.fangwu = data[0].text + "-" + data[1].text + "-" + data[2].text;
// console.log("data",data); //获取地址的value值
// console.log(data.map(o=>{return o.value})); //获取地址的value值
// this.provincedata=data;
// this.addressByPcrs=data.map(o=>{return o.text}).join(" ")
}
}
}
</script>