tip提示組件 常見的應用場景中，總是難免會遇到提示信息，比如顯示不完全時需要鼠標移上去顯示title，比如驗證時的錯誤提示，比如操作按鈕的輔助說明等，所以我獨立出來了一個小的js組件，tip提示組件。效果如下圖所示： 大概就是這樣了，不復雜的東西，也很實用。 它的DEMO實例請點擊 ...

前言：之前一直在忙着各種什么效果，殊不知最基礎的Bootstrap Table用法都沒有涉及，罪過，罪過。今天補起來吧。上午博主由零開始自己從頭到尾使用了一遍Bootstrap Table ，遇到不少使用方面的問題，也做了一部分筆記，在此分享出來供需要使用的園友參考。還記得前兩天有園友加群問我 ...

loading加載效果 由於程序和網絡的原因，常常我們需要在交互的時候，給用戶一個正在加載中的動畫，於是，loading組件橫空出世。不需要復雜的代碼，也能完成大多數業務，這就是我做組件的原則。 效果如下圖： 這里演示了三種不一樣的效果. 1.loading效果顯示在按鈕自己身上，這是 ...

前言：前天剛寫了篇JS組件系列——Bootstrap Table 表格行拖拽，今天接到新的需要，需要在之前表格行拖拽的基礎上能夠同時拖拽選中的多行。博主用了半天時間研究了下，效果是出來了，但是感覺不盡如人意。先把它分享出來，以后想到更好的辦法再優化吧。 一、效果展示 1、拖動前 ...

可排序表格 (Sortable & Searchable Tables) 在網頁和表單設計中非常常用。用戶可以通過點擊表頭對將表格以該列做順序或降序排列，也可以利用 Search Box 對表格內容進行篩選。這個組件曾被運用於 X-Ray Diffraction Analysis App ...

前言：之前一直在研究DDD相關知識，好久沒更新JS系列文章了。這兩天做了一個簡單的業務需求，覺得效果還可以，今天在這里分享給大家，歡迎拍磚~~ 一、業務需求及實現效果 項目涉及到訂單模塊，那天突然接到一個需求，說是兩種不同狀態的訂單之間要實現插單的效果，頁面上呈現方式是：左右兩個Table ...

快速使用 table組件規定的數據格式： 表格重載 自定義模板 分頁實現 Layui在初始化表格數據時，會在url的后面附帶分頁的page和limit參數： 所以在后台編寫接口時要接收這兩個參數並編寫相應的分頁查詢 搜索實現 搜索的實質是表格 ...

以前做的組件，留下來欣賞，這里用了scss和阿里矢量圖標，可以自己用其他方式替代 ...