uniapp仿京东地址选择插件

在uniapp开发中我们会使用到例如淘宝，京东的地址选择，在uniapp插件里找仿京东地址选择

导入插件之后，会在components下生成以下的文件

然后只需要根据自己的需求改vue文件即可，在所需的页面写以下的代码

<template><view class="content"><view class="text-area" @click="btnClick"><text class="title" v-if="ishows">请选择</text><text class="title" v-if="ishowstitle">{{title}}</text></view><selectAddress ref='selectAddress' @selectAddress="successSelectAddress"></selectAddress></view>
</template><script>import selectAddress from '@/components/yixuan-selectAddress/yixuan-selectAddress.vue'export default {data() {return {ishows:true,ishowstitle:false,title: '',address:''}},onLoad() {this.getGroudList();},methods: {getGroudList(){var that = this;that.sendRequest({url: 'http://124.70.177.173:2999/group/11',method: 'GET',data: {},hideLoading: false,success: function(res) {console.log(res);},})},btnClick() {this.$refs.selectAddress.show();this.isShow=false;this.ishowstitle=true;},successSelectAddress(address){console.log(address)this.title=address;}},components: {selectAddress}}
</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}.logo {height: 200rpx;width: 200rpx;margin-top: 200rpx;margin-left: auto;margin-right: auto;margin-bottom: 50rpx;}.text-area {display: flex;justify-content: center;}.title {font-size: 36rpx;color: #8f8f94;}</style>

uniapp仿京东地址选择插件相关推荐

android 仿京东地址选择_Android 开发：仿美团地址选择
最近做了这个功能,分享一下,用的是百度地图api,和美团外卖的地址选择界面差不多,也就是可以搜索或者滑动地图展示地址列表给用户选择,看下效果图先. 文章重点展示地图并定位到"我" ...
Android进阶之路 - 仿京东地址选择器使用指南
因为现在项目的地址选择器比较low,自己又比较懒,所以就找到了仿京东的地址选择器,观赏几篇博文之后,发现总是被半路卡死,很难一路走到底,所以在github找到了项目地址,但是作者的功能简介又介绍的不是 ...
仿京东树形菜单插件hovertree
hovertree是一个仿京东的树形菜单jquery插件,暂时有银色和绿色两种. 官方网址:http://keleyi.com/jq/hovertree/ 欢迎下载使用查看绿色效果: http:// ...
Android仿京东地址省市区选择器
首先反省一下,为什么一年多没写博客了,因为懒吗???...... 先贴地址和依赖方法,用起来很简单,github 项目地址 https://github.com/ywp0919/AddressPick ...
php地址选择插件,微信小程序中关于三级联动地址选择器的实例分享
本文介绍了微信小程序三级联动地址选择器的实例代码,分享给大家,有需要的可以一起了解一下在一些电商类的小程序中,地址选择这个功能一般是必备的,一般的收货信息都需要有一个能选择省市县的控件,当然也有些人 ...
android仿美团外卖选择地址,Android仿美团地址选择
最近做了这个功能,分享一下,用的是百度地图api,和美团外卖的地址选择界面差不多,也就是可以搜索或者滑动地图展示地址列表给用户选择,看下效果图先. addressSelect.gif 文章重点 1.展 ...
android 仿美团骑手地图_Android仿美团地址选择
最近做了这个功能,分享一下,用的是百度地图api,和美团外卖的地址选择界面差不多,也就是可以搜索或者滑动地图展示地址列表给用户选择,看下效果图先. addressSelect.gif 文章重点 1.展 ...
模仿顺丰用swiper实现的一个地址选择插件
做成组件 <template><div class="a_body"><div class="xt_area_title"> ...
vue项目中使用地址选择插件v-distpicker，省市区三级联动选择
步骤: 1. npm install v-distpicker --save 2. import VDistpicker from 'v-distpicker' 3. export default { ...
jquery仿携程网城市选择插件
效果------- HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht ...

uniapp仿京东地址选择插件

uniapp仿京东地址选择插件

uniapp仿京东地址选择插件相关推荐

最新文章

热门文章