Need help with vue-impression?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

NewDadaFE
203 Stars 43 Forks 425 Commits 28 Opened issues

Description

A Vue.js 2.0 UI elements for mobile.

Services available

!
?

Need anything else?

Contributors list

# 245,504
Vue.js
CSS
JavaScr...
vue2
261 commits
# 52,024
Vue.js
CSS
HTML
vue2
23 commits
# 162,760
CSS
HTML
vue2
scss
22 commits
# 695,784
Vue.js
CSS
JavaScr...
vue2
1 commit

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.