省市区vant省市area-data
直播平台搭建，vant 实现弹框
直播平台搭建，vant 实现弹框 1、vantpage.json文件 { "usingComponents": { "van-button": "/miniprogram_npm/@vant/weapp/button", "van-picker": "/miniprogram_npm/@vant/w ......
微信小程序使用vant组件van-datetime-picker unexpected character `@`
报错 改成 vue不能直接引用，得定义了 或者 ......
uView 2.X 的 picker 组件实现省市区县联动选择功能
# uView 2.X 的 picker 组件实现省市区县联动选择功能 ```html 收货地址信息 地区 ``` ......
vue3+vant4+vuex4入门案例
案例用的是vant-ui库，你可换成你自己用的ui库即可。 安装vuex依赖包 npm install vuex --save main.js引用vuex，并挂载到vue中 import store from './store'; app.use(router).use(store); add.vu ......
vue3+vant4+vuex4实现todolist备忘录案例
案例图片如下： 1 <van-cell-group> 2 <van-cell> 3 <van-row> 4 <van-col span="20"> 5 <van-field 6 :value="content" 7 @change="handleChange" 8 placeholder="请输入内 ......
递归获取省市区的边界信息文件，用于echarts的map地图
数据来源为阿里云，单个省市区信息可直接在这里面下载：http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5 由于需求需要点击省份 ......
2023年6月最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json
发现个可以免费下载全国 geojson 数据的网站，推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据，支持导入矢量地图渲染框架中使用，例如：D3、Echarts等 geojson 数据下载地址：https://geojson.hxkj.vip 该项目 github 地址：ht ......
自动拆分出地址中的省市区
// 识别 地址的方法 splitAddressInfo(address) { address = address.replace(/[^\u4E00-\u9FA5a-zA-Z0-9]/g, ''); const nameRegex = /(.+?)(\d+)/; const contactRege ......
vue3 使用 vant 实现列表上拉加载、下拉刷新
## 实现方式 实现了列表的上拉加载、下拉刷新，使用的是vant库中的 [List](https://vant-ui.github.io/vant/#/zh-CN/list) 和 [PullRefresh](https://vant-ui.github.io/vant/#/zh-CN/pull-re ......
vue中使用vant中PullRefresh 下拉刷新踩坑
## 问题 PullRefresh 的内容未填满屏幕时，只有一部分区域可以下拉： ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了，代码如下 ``` ``` ## 注意 在修改css样式时，出现了一个错误，一开始使用的是以下代码来修改 . ......
湖北省荆州市沙市区领导参观考察璞华苏州总部
2023年5月19日上午，湖北省荆州市沙市区委常委、区政府常务副区长李程云一行，莅临璞华苏州总部进行实地考察。 荆州市委外办副主任、市驻苏南招商办事处主任陈坦，沙市区财政局局长吴波，沙市区金融办主任秦超，沙市区财政局副局长柏晏松随行参加考察活动。璞华副总裁、金融事业部总经理龚玉兴，璞华营销部、采云端 ......
vue项目结合vant，实现上拉加载更多，下拉刷新
上拉加载思路： 1. 引入vant 组件 上拉list 2. 后端数据做了分页处理，获取接口数据，渲染到页面上,(此处只会显示一页的数据) 3. 设置属性去实现效果，loading,finished为vant组件中提供的 4. 每次滚动到底部后把页面数+1，发送一次请求获取新分页数据. 5. 获取完 ......
vue3+vant3封装省市区组件
因为后台返回的数据格式和vant不一致，所以自己遍历循环得到自己想到的格式。 省市区的接口并不是一个以children格式，一次性全部获取，而是选择市的时候需要得到省的id，一层一层请求接口才能得到省市区。 父组件： 1 <selectArea 2 @addressOnFinish="onChang ......
2023年5月最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json
发现个可以免费下载全国 geojson 数据的网站，推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据，支持导入矢量地图渲染框架中使用，例如：D3、Echarts等 geojson 数据下载地址：https://geojson.hxkj.vip 该项目 github 地址：ht ......
vue2+vant2+rem+axios+钉钉自动登录 h5模板
下载代码 请轻轻的点一下这里~ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 本示例 Node.js 14.17.0 启动项目 npm install ......
vant list列表 滑动加载
瀑布流滚动加载，用于展示长列表，当列表即将滚动到底部时，会触发事件并加载更多列表项。import Vue from 'vue'; import { List } from 'vant'; Vue.use(List);<van-list v-model="loading" :finished="fin ......
vant ActionSheet组件嵌套多层时，第一层的顶部和底部不会被覆盖
问题描述： 这是一个只有在ios真机测试的时候才出现的问题，使用浏览器本地调试和安卓真机测试的时候都没有这个问题。 在一个页面中点击一个按钮的时候会出现 ActionSheet 动作面板 这个面板里主要是一个表单需要填写 和确定、取消按钮。 其中有选人组件 这个组件也是用 ActionSheet 动 ......
vant 安装
一、vant 简介 二、安装 三、问题 一、vant 简介 Vant 是一个轻量、可定制的移动端组件库，于 2017 年开源。 我是一个vue项目要使用到前端框架，就使用了这个，感觉还蛮好用的。 二、安装 1、可以进入官网查看安装攻略。 命令行到自己的项目目录下 我使用的是vue3,所以安装组件是 ......
vant中van-dialog组件点击确认按钮禁止弹窗自动关闭
1.在van-dialog组件中添加 before-close 属性, 2.定义该方法 newGroupBefColse(action, done) { if (action == 'confirm' && !this.newFenzuName.trim()) { done(false) } els ......
使用vant4+vw创建webapp项目
包来源 自动引入 vue/vue-router/vuex 等api (ref, toRefs....) npm i unplugin-auto-import --save-dev vant按需导入的插件 npm i unplugin-vue-components -D 使用vw布局替换px单位插件 ......
vue项目结合,vant 实现中轮播图中，点击图片放大图片
思路： vant中提供函数 ImagePreview 给原每一个图片子元素设置点击事件，api中提供 initial-swipe 索引，拿到原图索引 设置change事件，保存大图切换的对应索引给到自己的 initial-swipe索引中 设置图片预览切换时，根据切换后的索引，设置原图的位置，大图原 ......
2023年4月最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json
发现个可以免费下载全国 geojson 数据的网站，推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据，支持导入矢量地图渲染框架中使用，例如：D3、Echarts等 geojson 数据下载地址：https://geojson.hxkj.vip 该项目 github 地址：ht ......
vue3+vant创建移动端项目，实战项目常见采坑记录
前言： 产品背景介绍 我所做的这个项目，刚开始是没有移动端需求的，等PC端做完了上线使用了几个月后，突然有一天产品经理找到我说是要做一个在PC端添加一个快速注册入口，用手机微信扫二位码进入移动端注册页面，用户注册。 所以本次需求就是在PC端添加一个tool-tip气泡型弹出二维码，再开发一个移动端注 ......
Vant
移动端UI库 官网 https://vant-contrib.gitee.io/vant/#/zh-CN/ 之前的旧版本 https://youzan.github.io/vant 创建Vue项目 sudo cnpm install -g @vue/cli # 打开图形化界面 vue ui 图形化项 ......
小程序自定义省市二级联动
const str=[{id:"110000",name:"北京市",city:[{id:"110100",name:"北京市",area:[{id:"110101",name:"东城区"},{id:"110102",name:"西城区"},{id:"110105",name:"朝阳区"},{id: ......
百度高德地图JS-API学习手记:地图基本设置与省市区数据加载
无论是百度还是高德地图开发，还是高德地图开发。官方的给的案例启示很多，copy再修改下，就完成了 https://lbs.amap.com/api/javascript-api/summary http://lbsyun.baidu.com/index.php?title=jspopular3.0 ......
ant-design-vue 两个select省市联动是典型的例子（添加汉语名字）
<template> <div> <a-form :label-col='{ span: 7 }' :wrapper-col='{ span: 15 }'> <a-row> <a-col :span='12'> <a-form-item label='省'> <a-select :default-v ......
getLocation小程序获取用户地理位置，逆地址解析（位置描述），将经纬度转为省市区的位置描述
在近期做得一个小程序里要展示当地天气情况，这也就意味着要获取当前位置信息，小程序这边需要getLocation来向用户发起弹窗申请授权获取位置信息。就像下面这样： 不过呢，现在的getLocation()只能获取到用户当前位置的经度、纬度.......又让我回想起高一时那个地理我刚及格的成绩，咱得把 ......
echarts map地图中绘制浙江省市区县乡镇多级联动边界下钻的最新geojson数据文件获取和更新
ECharts Map地图的显示 ECharts支持地理坐标显示，专门提供了一个geo组件，在setOption中提供option.geo配置即可显示地图。 option.geo配置中有个map属性，取值为已通过 echarts.registerMap("name", geojson) 注册的nam ......