成本高。瀏覽了各大博客論壇,千差萬別,比較混亂。最終決定參考 Element UI 的設計風格,主題色選 ...
基礎組件庫先做到這個階段,后面我會繼續新增 完善 接下來,我們對之前做的組件進行打包發布到 npm 返回閱讀列表點擊 這里 組件庫優化 通用層疊樣式表 我想大家都注意到了,前面我們在寫組件的時候,scss 中類的命名都是 jeremy x 這樣的形式,這是為了用選擇器來做到統一配置。 如何配置 我們在 src lib 目錄下,創建一個 jeremy.scss 的文件,編寫如下代碼: 注意 前綴改 ...
2021-12-22 10:27 0 396 推薦指數:
成本高。瀏覽了各大博客論壇,千差萬別,比較混亂。最終決定參考 Element UI 的設計風格,主題色選 ...
接下來做個自定義的表格組件,即 table 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 基於原生 table 標簽的強語義 允許用戶自定義 ...
頂部邊欄做完了,接下來開始做官網的首頁 返回閱讀列表點擊 這里 創建視圖文件夾 讓我們先新建一個 src/views 文件夾,用來存放官網的主要視圖 然后在該文件夾下新建兩個 vue 文件,作為我們的視圖 Home.vue,首頁 Document.vue,文檔頁 ...
官網基本做好了,接下來開始做核心組件 返回閱讀列表點擊 這里 目錄准備 在項目 src 目錄下創建 lib 文件夾,用來存放所有的核心組件吧。然后再在 lib 文件夾下創建 Button.vue 文件。 您也可以進行結構化設計,比如,這里就不進行了。 需求分析 慣例先行 ...
標簽頁是非常常用的組件,接下來我們來制作一個簡單的 Tabs 組件 返回閱讀列表點擊 這里 需求分析 我們先做一個簡單的需求分析 可以選擇標簽頁排列的方向 選中的標簽頁應 ...
卡片是非常常用也是非常重要的組件,特別是在移動端的眾多應用場景中,隨便打開一個手機 App ,您會發現充斥着各種各樣的卡片。 所以,我們也來制作一個簡易的 Card 組件 返回閱讀列表點 ...
做完按鈕之后,我們應該了解了遮罩層的概念,接下來我們來做 Dialog 組件! 返回閱讀列表點擊 這里 需求分析 默認是不可見的,在用戶觸發某個動作后變為可見 自帶白板卡片 ...
接下來再做一個常用的組件 - input 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 input 組件有兩種類型,即 input 和 text ...