vmc
1.0.0
[email protected]+のモバイルコンポーネント。
Vue1.xでVMCを使用する必要がある場合は、 @1Xブランチをご覧ください。
デモを表示します
VMC 、 [email protected]+ 2.2.1+に適したモバイルターミナル用に開発されたコンポーネントライブラリです。
$ npm install vmc --saveエントリファイルに以下を追加します。
import VMC from 'vmc/install' ;
Vue . use ( VMC ) ; あまり可変なオーバーレイでは、いくつかの初期スタイルのコンポーネントをカスタマイズできるため、手動で導入する必要があるファイルは少なくなります。
@import "vmc/src/styles/vmc.less" ;
@import "assets/less/vmc.custom.less" ; // 自定义变量覆盖，参考styles/base/variable.lessまたは、SASS変数オーバーライドを使用して、いくつかの初期スタイルのコンポーネントをカスタマイズすると、SCSSファイルを手動で導入する必要があります。
@import "assets/scss/vmc.custom.scss" ; // 自定义变量覆盖，参考scss/base/variable.scss
@import "vmc/src/scss/vmc.scss" ; import { Navbar } from 'vmc' ;distディレクトリにvmc.cssおよびvmc.jsファイルを直接ダウンロードします。
< link rel =" stylesheet " href =" vmc.css " >
< div id =" app " >
< v-button type =" success " @click =" $Alert('Hello world!') " >按钮</ v-button >
</ div >
< script src =" vue.js " > </ script >
< script src =" vmc.js " > </ script >
< script >
new Vue ( {
el : '#app'
} ) ;
</ script > この方法は、グローバルコンポーネントを自動的に登録し、追加の操作なしにすべてのコンポーネントを自動的に登録します。
ICONOアイコン（アイコン）
1px国境（1px国境）
ロゴ（バッジ）
両端のアラインメント（正当化）
テキストの省略（nowrap）
赤い点
ActionSheet
警告ボックス（アラート）
プレースホルダーボックス（ボックス）
ボタン
カード
単一列（セル）
チェックボックス
確認する
ダイアログボックス
ページネーションリフレッシュ（ドロップロード）
グリッド
強制入力ボックス（MINPUT）
プロンプト入力ボックス（VINPUT）
両端のアラインメント（正当化）
ローリングアナウンス（マーキー）
Navbar
デジタル入力（番号）
かぶせる
ピッカー
ポップアップレイヤー（ポップアップ）
ポップアップピッカー
ポップアップデートピッカー
ProgressBar
プロンプト入力ボックス（プロンプト）
ラジオボックス
評価（評価者）
タイトル行
カルーセル画像（スライダー）
ダイナミックインジケーター（スピナー）
送信ボタン（送信）
ナビゲーションバー（タブバー）
TabControl
Textarea
スイッチ（トグル）
ロードプロンプト
成功プロンプト（成功）
エラープロンプト（エラー）
情報プロンプト（情報）
テキストプロンプト（トースト）
アップロードコンポーネント（アップロード）
$ npm run dev
コマンドが実行された後、 examplesディレクトリのファイルは、開発とデバッグのために自動的に実行されます。
$ npm run release
コマンドが実行された後、 vmc distディレクトリに公開されます。
$ npm run build
コマンドが実行された後、 examplesディレクトリのファイルはdocsディレクトリに自動的にパッケージ化されます。
$ npm run docs
コマンドが実行されると、 docsディレクトリは静的ドキュメントサーバーリソースとして使用され、ブラウザから直接アクセスできます。
mit
