ngx-weui 發佈 3.0 版本

weui 微信UI好像一直都不受不少人待見的樣子，Github 已經長期未獲得更新，或許 weui 團隊認爲已經沒有必要再作一些新組件的支持，或者其餘的改進。

可是對於咱們這類依賴微信較重企業而言，常常須要一些臨時業務狀況下，weui 是咱們很是好的選擇。

ngx-weui 是 weui 的 Angular 版本，一直都很受你們歡迎，雖然人數不多。同時對其維護也沒有中止過，基礎組件幾乎能夠知足大部分場景，受精力限制一直特想增長一些業務類組件來知足一些通用場景。

這次發佈 3.0.0 主要是針對自定義主題更新，weui 是由 Less 編寫的，而且有數十種變量參數，而且利用定製化這些參數來自定義本身的品牌視覺。

如何自定義主題

默認 ngx-weui 並無強制依賴 weui，這是由於在某些特殊場景下可能會因爲 package.json 的入口關係致使失敗。所以在使用樣式以前必須先安裝 weui 依賴包：

npm i --save weui

最後，在項目 styles.less 里加入 weui 和 ngx-weui 樣式：

@import '~weui/src/style/weui.less';
@import '~ngx-weui/index';

若你想改變字體和主按鈕的背景色爲紅色：

@import '~weui/src/style/weui.less';
@import '~ngx-weui/index';

@weuiFontDefault: "Helvetica Neue";
@weuiBtnPrimaryBg: #f50;

weui 包含着幾十種參數這些參數你能夠經過 variable 目錄下得到，每個文件分佈都很是簡單明瞭。

ngx-weui 也包含十幾種參數，這些包括：

名稱	默認值	描述
@dialog-error-font-size	14px	對話框錯誤字號
@dialog-error-color	#f50	對話框錯誤顏色
@pagination-dot-wh	8px	小點樣式分頁器大小
@pagination-dot-bg	#ccc	小點樣式分頁器背景色
@pagination-dot-active-bg	#888	小點樣式分頁器當前背景色
@popup-bg	#efeff4	彈出視圖背景色
@popup-head-bg	#fbf9fe	彈出視圖標題背景色
@popup-head-padding	10px 15px	彈出視圖標題內邊距
@popup-head-border-bottom-color	#e5e5e5	彈出視圖標題底部線條色
@popup-head-color	#e5e5e5	彈出視圖標題色
@popup-head-action-color	#586c94	彈出視圖標題按鈕色
@stepper-wh	30px	步進器按鈕寬高
@stepper-input-width	60px	步進器輸入框寬度
@stepper-color	rgb(134, 134, 134)	步進器按鈕顏色
@stepper-font-size	20px	步進器文字大小
@toptips-bg-default	#B2B2B2	彈出式提示 default 背景色
@toptips-bg-info	#586C94	彈出式提示 info 背景色
@toptips-bg-primary	#1AAD19	彈出式提示 primary 背景色

（完）