Awesome
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