原文:12 - Vue3 UI Framework - 打包發布

基礎組件庫先做到這個階段,后面我會繼續新增 完善 接下來,我們對之前做的組件進行打包發布到 npm 返回閱讀列表點擊 這里 組件庫優化 通用層疊樣式表 我想大家都注意到了,前面我們在寫組件的時候,scss 中類的命名都是 jeremy x 這樣的形式,這是為了用選擇器來做到統一配置。 如何配置 我們在 src lib 目錄下,創建一個 jeremy.scss 的文件,編寫如下代碼: 注意 前綴改 ...

2021-12-22 10:27 0 396 推薦指數:

查看詳情

01 - Vue3 UI Framework - 開始

成本高。瀏覽了各大博客論壇,千差萬別,比較混亂。最終決定參考 Element UI 的設計風格,主題色選 ...

Sat Dec 11 00:54:00 CST 2021 0 895
09 - Vue3 UI Framework - Table 組件

接下來做個自定義的表格組件,即 table 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 基於原生 table 標簽的強語義 允許用戶自定義 ...

Fri Dec 17 17:55:00 CST 2021 0 462
03 - Vue3 UI Framework - 首頁

頂部邊欄做完了,接下來開始做官網的首頁 返回閱讀列表點擊 這里 創建視圖文件夾 讓我們先新建一個 src/views 文件夾,用來存放官網的主要視圖 然后在該文件夾下新建兩個 vue 文件,作為我們的視圖 Home.vue,首頁 Document.vue,文檔頁 ...

Sat Dec 11 18:42:00 CST 2021 0 110
05 - Vue3 UI Framework - Button 組件

官網基本做好了,接下來開始做核心組件 返回閱讀列表點擊 這里 目錄准備 在項目 src 目錄下創建 lib 文件夾,用來存放所有的核心組件吧。然后再在 lib 文件夾下創建 Button.vue 文件。 您也可以進行結構化設計,比如,這里就不進行了。 需求分析 慣例先行 ...

Mon Dec 13 21:20:00 CST 2021 0 539
10 - Vue3 UI Framework - Tabs 組件

標簽頁是非常常用的組件,接下來我們來制作一個簡單的 Tabs 組件 返回閱讀列表點擊 這里 需求分析 我們先做一個簡單的需求分析 可以選擇標簽頁排列的方向 選中的標簽頁應 ...

Mon Dec 20 17:20:00 CST 2021 0 801
11 - Vue3 UI Framework - Card 組件

卡片是非常常用也是非常重要的組件,特別是在移動端的眾多應用場景中,隨便打開一個手機 App ,您會發現充斥着各種各樣的卡片。 所以,我們也來制作一個簡易的 Card 組件 返回閱讀列表點 ...

Tue Dec 21 23:00:00 CST 2021 0 1094
06 - Vue3 UI Framework - Dialog 組件

做完按鈕之后,我們應該了解了遮罩層的概念,接下來我們來做 Dialog 組件! 返回閱讀列表點擊 這里 需求分析 默認是不可見的,在用戶觸發某個動作后變為可見 自帶白板卡片 ...

Tue Dec 14 22:56:00 CST 2021 1 679
08 - Vue3 UI Framework - Input 組件

接下來再做一個常用的組件 - input 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 input 組件有兩種類型,即 input 和 text ...

Thu Dec 16 17:39:00 CST 2021 0 377
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM