https://github.com/NewDadaFE/vue-impression

A Vue.js 2.0 UI elements for mobile.
https://github.com/NewDadaFE/vue-impression

components scss simple vue vue2

Last synced: 2 months ago
JSON representation

A Vue.js 2.0 UI elements for mobile.

• Host: GitHub
• URL: https://github.com/NewDadaFE/vue-impression
• Owner: NewDadaFE
• Archived: true
• Created: 2016-11-23T07:05:20.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T17:15:47.000Z (about 2 years ago)
• Last Synced: 2024-08-02T09:22:42.422Z (5 months ago)
• Topics: components, scss, simple, vue, vue2
• Language: Vue
• Homepage: https://newdadafe.github.io/impression_vue/#/button
• Size: 2.48 MB
• Stars: 203
• Watchers: 19
• Forks: 43
• Open Issues: 35
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue - vue-impression - impression?style=social) - 移动Vuejs2 UI元素 (UI组件)
• awesome-github-vue - vue-impression - 移动Vuejs2 UI元素 (UI组件)
• awesome-github-vue - vue-impression - 移动Vuejs2 UI元素 (UI组件)
• awesome - vue-impression - 移动Vuejs2 UI元素 (UI组件)

README

        
# vue-impression

A Vue.js 2.0 UI elements for mobile.

## Demo

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

## Installation

```sh

yarn add vue-impression

```

## Usage

styles:

```scss

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

```

scripts:

```js

import Vue from 'vue';

import VueImpression from 'vue-impression';

Vue.use(VueImpression);

```

tree-shaking:

```sh

yarn add babel-plugin-transform-imports -D

```

```json

{

    "plugins": [

        [

            "transform-imports",

            {

                "vue-impression": {

                    "transform": "vue-impression/dist/scripts/components/${member}",

                    "preventFullImport": true

                }

            }

        ]

    ]

}

```

## Example

```html

按钮

```

## 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](https://github.com/NewDadaFE/generator/tree/master/packages/generator-vue-impression)