基於UmiJs開發移動端的自適應配置方案

2021-09-22 18:07:50 字數 385 閱讀 9956

在移動端開發過程中,響應式布局是必須要考慮的乙個問題。基於umijs開發時,使用的元件庫是antd-mobile,通過在.umirc.js中新增配置項,及可以通過對於的postcss外掛程式postcss-px-to-viewport解決響應式布局的問題。**如下:

extrapostcssplugins:

[require

('postcss-flexbugs-fixes'),

require

('postcss-px-to-viewport')(

),],

其中,postcss-flexbugs-fixes用於修復移動端flex布局的bug;postcss-px-to-viewport用於自適應布局,會將px轉成vm。

vue 移動端的開發

一 cli 的安裝 如果要改變安裝路徑,則 編輯path 新增node.js安裝路徑 如 c program files nodejs 新增環境變數 node path c program files nodejs node modules npm config set prefix c progr...

基於Vue 的常用移動端框架

1 vux 中文文件 2 mint ui github位址 中文文件 mint ui由餓了麼前端團隊推出,是乙個基於vue.js的移動端元件庫,包含豐富的 css 和 js 元件,能夠滿足日常的移動端開發需要。通過它,可以快速構建風格統一的頁面,提公升開發效率。3 mui github位址 中文文件...

基於vue的UI框架集錦 移動端 pc端

1.element 餓了麼 vue 2.0後台ui框架 2.iview元件庫 iview 主要服務於 pc 介面的中後台業務,很優秀的元件庫,可惜不適合移動端 4.mint ui 餓了麼移動端元件庫 由餓了麼前端團隊推出的 mint ui 是乙個基於 vue.js 的移動端元件庫 5.vue adm...