vue impression

Vue-Impression

モバイル用のVue.js 2.0 UI要素。

デモ

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

インストール

yarn add vue-impression

使用法

スタイル：

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

スクリプト：

 import Vue from 'vue' ;
import VueImpression from 'vue-impression' ;

Vue . use ( VueImpression ) ;

ツリーシェーキング：

yarn add babel-plugin-transform-imports -D

{
    "plugins" : [
        [
            " transform-imports " ,
            {
                "vue-impression" : {
                    "transform" : " vue-impression/dist/scripts/components/${member} " ,
                    "preventFullImport" : true
                }
            }
        ]
    ]
}

例

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

コンポーネント

• ボタン
• グループ
• grouptitle
• 細胞
• フレックス
• Flexitem
• アイコン
• Navbar
• ナビゲーション
• タブバー
• 引き出し
• 読み込み
• アラート
• トースト
• 無線
• 放射グループ
• チェックボックス
• チェックボックスグループ
• トグル（スイッチ）
• inputnumber
• inputText
• inputarea
• セレクタ
• タグ
• バッジ
• ヒント
• Hrule（HR）
• インラインセレクター
• スワイプ
• スライドアップ
• セグメント化されたコントロール
• メディア
• カード
• ピッカー
• datepicker
• 検索
• バックトトップ
• 引き下げます
• 引き上げます
• サイドスリップ
• ProgressBar
• ステップバー
• タイムライン
• 粘着性

クイックスタート

ジェネレーターとvie印象