Skip to content

lenvonsam/Quasar-Wheel-Picker-Plugin

Repository files navigation

Quasar Wheel Picker Plugin V1.5

A Quasar framework plugin

Wheel Picker Types & screenshots

  • Basic Picker

  • Max Group Picker(less then 3 group count)

  • City Picker(ZH) — update to 2016

  • Date Picker

Basic Picker's screenshot V1.0 & V1.5

Alt baiscpicker Alt basicpicker1.5

Max Group Picker's screenshot V1.0 & V1.5

Alt maxpicker Alt maxpicker1.5

City Picker's screenshot V1.0 & V1.5

Alt citypicker Alt citypicker1.5

Date Picker's screenshot V1.0 & V1.5

Alt datepicker Alt datepicker1.5

Live Demo

Experience

Alt qcode

How to Use

  1. Install quasar-cli
$ npm install -g quasar-cli
  1. Install pug dependency
$ npm install pug pug-loader pug-filters -D

after install pug,find build/webpack.base.conf.js, then add block code like this:

Alt pugdep

  1. Copy src/components/picker fold to your project

  2. Import picker plugin

Alt importpicker

  1. Instance components

Alt components

  1. Using components

Alt dompicker

Build Setup Demo project

# install dependencies
$ npm install

# serve with hot reload at localhost:8080
$ quasar dev

# build for production with minification
$ quasar build

# lint code
$ quasar lint

ChangeLog

~ Version 1.5

  • every picker page extends five pickerItems
  • optimized picker UI
  • update China citypicker data to 2016(There is any mistake to welcome correction)