@vant / 博客 RSS 訂閱

Jan 06 2025

若川 - 分析 vant4 組件庫源碼，寫一個 Vue3 highlight 高亮文本的組件

1. 前言 大家好，我是若川，歡迎關注我的公眾號：若川視野。我傾力持續組織了 3 年多每週大家一起學習 200 行左右的源碼共讀活動，感興趣的可以點此掃碼加我微信 ruochuan02 參與。另外，想學源碼，極力推薦關注我寫的專欄《學習源碼整體架構系列》，目前是掘金關注人數（5.8k+人）第一的專欄，寫有幾十篇源碼文章。 我們開發業務時經常會使用到組件庫，一般來説，很多時候我們不需要關心內部實現。

vue.js , vant , 組件庫 , 前端 , Javascript

收藏 評論

Mar 10 2022

海洋之藍 - vue2+vant2 使用rem進行瀏覽器適配

根據VANT官方説明，需要在項目中安裝兩個插件即可。 如果需要使用 rem 單位進行適配，推薦使用以下兩個工具： postcss-pxtorem 是一款 PostCSS 插件，用於將 px 單位轉化為 rem 單位 lib-flexible 用於設置 rem 基準值 但是昨天在安裝使用的時候，出了問題。提示錯誤，打開項目頁面也是空白了。於是百度了下，發現網絡上的文章都是抄襲。基本沒有解決問題，經

vue.js , vant , rem

收藏 評論

Mar 17 2020

李祥雨 - vue-cli4創建vantUI項目，按需引入，適配Rem，自定義主題

使用vue-cli4創建一個vue項目 //vue-cli@4.2.3 vue create vant-demo 根據自己的需要選擇對應的配置，此處略過。。。 PS:因為vantUI使用的是less預處理器，配置時建議選擇此處理器。 安裝vantUI,按需引入 安裝vantUI npm i vant -S 按需引入 babel-plugin-import是一款 babel 插件，它會在編譯過

vue.js , vant , rem , vue-cli , Javascript

收藏 評論

Jan 07 2021

Traveller - 使用vue vantUi框架 根字體是37.5 和默認根字體75不一致，導致頁面組件樣式變小

可以試下這樣去配套組合使用 style的轉換：postcss-pxtorem + amfe-flexible html行內標籤的轉換：style-vw-loader 怎麼裝自行百度 這裏就貼下怎麼配置vue.config.js module.exports = { chainWebpack: config = { config.module.rule('vue').

vant , 移動端適配

收藏 評論