一年後、マイクロチャネルパブリッシングWeUI2.0.0、プラスバフ体の様々な

テンセントは最近WeUI 2.0.0に更新GitHubのオープンソースコミュニティを見て、以前のバージョンは1.1.3 18年6月にリリースされた(スターは2.2ワットの+を持っている)、それはほぼ一年のために更新されていません。

ここに画像を挿入説明

何がそれをWeUI?

WeUIは、ユーザーがより統一感を利用することができますネイティブスタイルライブラリの基盤、カスタマイズされたWebデザインを開発するための公式のマイクロチャネルのマ​​イクロチャネル設計チームの一貫性のある視覚的な経験を持つマイクロチャネルです。ボタン、セル、ダイアログ、プログレス、トースト、記事、actionsheet、アイコンなどの様々な種類を構成する要素。

WeUI2.0.0新機能

  • 【強化】色指定、標準化されたフォントサイズ、マイクロチャネル間隔仕様新しいビジュアルスタイル7.0のアラインメント
  • [更新]ボタンのUIの強化
  • [強化]ボタンタイプに引き戻す、デフォルトの幅184pxを設定するclassweui-btn_blockを追加する必要が
  • ボタンUIの新しい行を[強化]
  • [強化] UI更新アイコン
  • [最適化] weui-MSG曲がるように変更レイアウト、画面適応前髪
  • [強化] weui-MSGプロンプト新エリアweui-msg__tipsエリア
  • [強化] weui-MSG-無料の新しいアイコンは、シーンを表示します
  • [強化] weui検索バーのUIを更新
  • weui-タブレイアウトが曲がるように変更しました[最適化]、および画面アダプテーション前髪
  • [強化] weui-ダイアログUIを更新
  • [拡張] weuiセルUIを更新します
  • [強化] weui-アップローダーUIを更新
  • [修理] weui-vcode-BTN左ボーダーフリーの高品位ケーブルの契約
  • 【修理】なしweui-cells__title隣接weui細胞間の間隔あまりに
  • 【修理】WeUI例えば、weui-物品weuiギャラリー、weui-actionshet、weuiピッカーおよび他の成分の前髪画面適応問題を

使用

方法a:亭を使用してインストール
bower install --save weui
オプション2:NPMインストール
npm install --save weui

開発

git clone https://github.com/weui/weui.git
cd weui
npm install -g gulp
nam install
gulp -ws

実行一息-wsコマンドは、srcディレクトリ内のすべてのファイルを変更リッスンし、デフォルトのポート8080は、サーバを起動し、ブラウザが開きますにhttp:// localhost:8080 /例 。

ここに画像を挿入説明
https://weui.io

直接経験をスイープ!

ソースのダウンロード:https://github.com/Tencent/weui/archive/v2.0.0.zip

フォローします

協力者

よりエキサイティングなコンテンツは、「IT本当の連合」のパブリックに集中することができ会衆号ああ~~~

おすすめ

転載: blog.csdn.net/zhenghhgz/article/details/89949956