接下來做個自定義的表格組件，即 table 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 基於原生 table 標簽的強語義 允許用戶自定義表頭、表體 可選是否具有邊框 那么可以整理出以下參數表格 參數 ...

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

標簽頁是非常常用的組件，接下來我們來制作一個簡單的 Tabs 組件 返回閱讀列表點擊 這里 需求分析 我們先做一個簡單的需求分析 可以選擇標簽頁排列的方向 選中的標簽頁應當有下划線高亮顯示 切換選中時，下划線應當有動畫效果 應當允許更換顏色 那么可以整理 ...

卡片是非常常用也是非常重要的組件，特別是在移動端的眾多應用場景中，隨便打開一個手機 App ，您會發現充斥着各種各樣的卡片。 所以，我們也來制作一個簡易的 Card 組件 返回閱讀列表點擊 這里 需求分析 我們先做一個簡單的需求分析 允許用戶自定義內容 允許更換 ...

接下來再做一個常用的組件 - input 組件 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 input 組件有兩種類型，即 input 和 textarea 類型 當類型為 textarea 時，可以自定義行高，但是當類型為 input 時 ...

為了更好的提升用戶體驗，我們這里再做一個很常用的開關組件 switch 返回閱讀列表點擊 這里 需求分析 開始之前我們先做一個簡單的需求分析 switch 組件應分為選中/未被選中，兩種狀態 可以通過點擊變更選中狀態 不同的選中狀態有不同的顏色，且有滑塊處於 ...

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

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