Score
0
Watch 2 Star 3 Fork 0

laden666666 / my-pickerTypeScriptMIT

Join us
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
高仿IOS的PickerView的JavaScript插件,3D形式的滚轮选择器,同时支持最多三级联动的选择效果,支持pc端和移动端两种平台浏览器。 spread retract

  • TypeScript 34.9%
  • JavaScript 27.9%
  • Vue 25.8%
  • CSS 7.6%
  • HTML 3.8%
Clone or download
Loading...
README.md

my-picker

Version Downloads License

高仿IOS的PickerView的JavaScript插件,3D形式的滚轮选择器,同时支持最多三级联动的选择效果,支持pc端和移动端两种平台浏览器。支持chrome及移动端默认浏览器、ie(10-11)、火狐浏览器。

功能

  • 0、3D形式的滚轮选择器,带有透视效果
  • 1、选择器的前缀与后缀
  • 2、级联选择器
  • 3、提供选择音效,更接近原生控件
  • 4、支持手机和pc

使用文档

请参考https://laden666666.github.io/my-picker/

源码

github码云

兼容性

3D模式

Android Firefox Chrome iPhone Edge Safari
>=5
非3D模式
Android Firefox Chrome IE iPhone Edge Safari
>=4.4 >=10
移动端demo效果图:

Alt

pc端demo效果图:

Alt

安装

浏览器环境

浏览器环境直接导入dist下的my-picker.jsmy-picker.css文件即可,也可以使用npm提供的cdn:

<link rel="stylesheet" href="//unpkg.com/my-picker/dist/my-picker.css">
<script src="//unpkg.com/iview/dist/my-picker.min.js"></script></script>

webpack环境

执行cli命令

npm i my-picker -S

并在js文件中引用

import myPicker form 'my-picker'
import 'my-picker/my-picker.css'

Comments ( 0 )

Sign in for post a comment

TypeScript
1
https://gitee.com/laden666666/my-picker.git
git@gitee.com:laden666666/my-picker.git
laden666666
my-picker
my-picker
master

Help Search

205735 778617b6 1899542 205747 347fc4a1 1899542