vue-impression

by NewDadaFE

NewDadaFE / vue-impression

A Vue.js 2.0 UI elements for mobile.

204 Stars 43 Forks Last release: over 3 years ago (0.15.5) 425 Commits 44 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

vue-impression

A Vue.js 2.0 UI elements for mobile.

Demo

https://newdadafe.github.io/impression_vue/#/button

Installation

yarn add vue-impression

Usage

styles:

@import '~vue-impression/dist/styles/index.scss';

scripts:

import Vue from 'vue';
import VueImpression from 'vue-impression';

Vue.use(VueImpression);

tree-shaking:

yarn add babel-plugin-transform-imports -D
{
    "plugins": [
        [
            "transform-imports",
            {
                "vue-impression": {
                    "transform": "vue-impression/dist/scripts/components/${member}",
                    "preventFullImport": true
                }
            }
        ]
    ]
}

Example

按钮

Components

  • [x] Button
  • [x] Group
  • [x] GroupTitle
  • [x] Cell
  • [x] Flex
  • [x] FlexItem
  • [x] Icon
  • [x] Navbar
  • [x] Navigation
  • [x] Tabbar
  • [x] Drawer
  • [x] Loading
  • [x] Alert
  • [x] Toast
  • [x] Radio
  • [x] RadioGroup
  • [x] Checkbox
  • [x] CheckboxGroup
  • [x] Toggle(Switch)
  • [x] InputNumber
  • [x] InputText
  • [x] InputArea
  • [x] Selector
  • [x] Tag
  • [x] Badge
  • [x] Tip
  • [x] HRule(Hr)
  • [x] InlineSelector
  • [x] Swipe
  • [x] SlideUp
  • [x] SegmentedControl
  • [x] Media
  • [x] Card
  • [x] Picker
  • [x] DatePicker
  • [x] Search
  • [x] BackToTop
  • [x] Pull down
  • [x] Pull up
  • [x] Sideslip
  • [x] Progressbar
  • [x] Stepbar
  • [x] Timeline
  • [x] Sticky

Quick start

generator-vue-impression

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.