vue impression

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

<btn theme="primary" size="sm" @click="doSomething">按钮</btn>

Components

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

Quick start

generator-vue-impression