元件庫設計

2022-05-03 01:27:10 字數 788 閱讀 8761

1. 功能

1. 導航和布局

tab tabs

menu menugroup submenu optionmenu

card cardgroup

2. 資料載體

listitem list

table

collpase 

badge

3. 對話方塊

modal

toast (warning info error)

4. 使用者互動

from inputcontrol inputhelpertext

input(number, password, text, tag)

checkbox checkboxgroup

option optiongroup

select tagselect 

upload

range

datepicker

colopicker

5. 基本

icon

button

text info action link warning title (heading)

6. 圖表

progress

histogram

2. 樣式

1. 居中 垂直 水平 絕對垂直 絕對水平(相對父元素,相對根元素)

2. 浮動

3. 列表 左右對應

4. 瀑布流(功能)

5. 自適應高度,自適應寬度 

Vue 元件庫實踐和設計

在乙個月的專案中,我借鑑結合自己的想法和元件需求,自己手動打造了crib zk的元件庫。雖然還不是很完善,但是在此次元件庫中,總結出很多優化點,和一些比其它市面流行的元件庫的優點。通過函式防抖,節流和使用記憶體池等一系列優化點。如何正確的使用雙元件結合成乙個元件進行合理的設計。如何巧用 el uid...

rbac元件之資料庫設計(一)

rbac是基於角色的許可權設計,一共包含六張表,具體的表設計如下 from django.db import models class menu models.model 選單表 title models.charfield verbose name 選單名稱 max length 32,uniqu...

元件設計漫談

最近元件庫 n3 支援了 vue 2.0 並且做了功能的公升級,文件看這裡 下文不談論 vue 這門技術,我打算從元件的設計以及一些細節來談談元件庫這件事。ui元件庫是什麼?瀏覽器的ui元件是 web 程式中離使用者最近的功能性部件,互動基本都通過它們實現。由於瀏覽器提供的原生元件數量有限,又存在很...