台部落Jeremy.Wu

<?xml version="1.0" encoding="utf-8"?> <CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">

2022-03-21 14:30:15

JeremyUI 爲了避免視覺傳達差異，使用一套特定的調色板來規定顏色，爲你所搭建的產品提供一直的外觀視覺感受。返回閱讀列表點擊這裏通常顏色 JeremyUI 主要品牌顏色是鮮豔、友好的紫色。 Common Color #8C

2022-01-13 14:29:35

項目官網已經部署到 GitHub Pages 上了，但是你懂的，GitHub 間歇性被牆，所以我們考慮通過配置 CNAME 域名實現全站加速以提升用戶體驗返回閱讀列表點擊這裏準備域名原始網站域名或公網 IP 地址這裏我

2022-01-11 14:36:39

項目官網也基本完成了，接下來我們再講一下如何將項目官網部署到 GitHub Pages 上返回閱讀列表點擊這裏項目配置常見的模式有三種,即 History 模式 Hash 模式 Memory 模式在我們的項目中採用的是 v

2022-01-11 14:36:39

回頭看下整個項目，代碼冗餘非常嚴重，所以接下來我們把代碼重新梳理優化一下返回閱讀列表點擊這裏全局設定爲了後續查閱和管理的方便，我們對全局的用例進行一個簡單的設定我們在 src 目錄下創建一個 Global.cs 文件，代碼如下

2021-12-24 12:55:12

爲了提升用戶體驗，今天我們來對 jeremy-ui 官網做一個優化 🚀 返回閱讀列表點擊這裏 Markdown 解析支持 🗒️ 習慣用 markdown 語法編輯，所以我們增加項目源碼對 markdown 的支持，雖然即便這樣做依然無

2021-12-23 12:55:18

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

2021-12-22 12:55:12

基礎組件庫先做到這個階段，後面我會繼續新增、完善接下來，我們對之前做的組件進行打包發佈到 npm 返回閱讀列表點擊這裏組件庫優化通用層疊樣式表我想大家都注意到了，前面我們在寫組件的時候，scss 中類的命名都是 jeremy-

2021-12-22 12:55:12

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

2021-12-20 12:55:32

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

2021-12-17 12:55:23

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

2021-12-16 12:55:54

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

2021-12-15 12:55:14

做完按鈕之後，我們應該瞭解了遮罩層的概念，接下來我們來做 Dialog 組件！返回閱讀列表點擊這裏需求分析默認是不可見的，在用戶觸發某個動作後變爲可見自帶白板卡片，分爲上中下三個區域，分別放置標題、內容、操作有兩個基本操作

2021-12-15 12:55:14

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

2021-12-14 12:55:18

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

2021-12-11 12:55:52