Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

dujuncheng/vue-ios-address-picker

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

renthouse_h5

A Vue.js project

预览

http://dujuncheng.com.cn:83/addresspicke#/

请点击链接预览,请在手机端,或者是移动调试工具中查看

需求

在我们前端业务开发过程中,填写地址表单是非常常见的需求。然而在h5页面要模拟ios 原生的惯性滚动,三级联动的地址选择框很复杂,所以很多大公司,比如说京东,小米的地址选择框在ios 端和 webapp 端无法做到统一。所以我开发了这个仿ios原生的惯性滚动的组件,可以在一定程度上解决这个问题;

实现

  1. 自适应手机屏幕,viewport 禁止用户缩放
  2. 实现了惯性滚动
  3. 实现了三级联动
  4. 事件节流,解决了在低端智能机上的卡顿问题
  5. 暴露出惯性参数,滚动速度的接口,开发者可以传入自定义的参数

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

About

基于vue构建的h5移动端实现仿ios三级联动原生地址滚动选择框。

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.