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
205 Stars 43 Forks 425 Commits 23 Opened issues

Description

A Vue.js 2.0 UI elements for mobile.

Services available

!
?

Need anything else?

Contributors list

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.