MUI是一款移動端前端框架,它擁有大量的CSS樣式,讓開發者能夠快速搭建美觀的移動端頁面。下面介紹MUI所有的CSS樣式。
/* 布局相關 */ mui-row /* 行布局 */ mui-col-xs-4 /* 列布局,4等份 */ mui-col-xs-3 /* 列布局,3等份 */ mui-col-xs-2 /* 列布局,2等份 */ mui-col-xs-1 /* 列布局,1等份 */ mui-text-center /* 文本居中 */ mui-text-left /* 文本左對齊 */ mui-pull-right /* 右側浮動 */ mui-pull-left /* 左側浮動 */ /* 顏色相關 */ mui-btn-primary /* 主色調 */ mui-btn-danger /* 紅色按鈕 */ mui-btn-warning /* 黃色按鈕 */ mui-btn-yellow /* 黃色按鈕 */ mui-btn-success /* 綠色按鈕 */ mui-btn-gray /* 灰色按鈕 */ mui-icon /* 按鈕圖標樣式 */ mui-badge /* 精細化的badge */ /* 按鈕相關 */ mui-btn /* 普通按鈕 */ mui-btn-block /* 塊級按鈕 */ mui-btn-link /* 超鏈接樣式 */ mui-btn-nav /* 導航欄按鈕 */ /* 圖片相關 */ mui-thumbnail /* 縮略圖 */ mui-media-object /* 媒體對象 */ mui-media-body /* 媒體對象內容區 */ /* 表單相關 */ mui-input-row /* 輸入框行 */ mui-input-clear /* 可以清空的輸入框 */ mui-switch /* 開關 */ mui-slider /* 滑塊 */ mui-radio /* 單選 */ mui-checkbox /* 復選 */ mui-select /* 下拉框 */ mui-textarea /* 多行文本框 */ mui-popover /* 彈出框 */ /* 其他 */ mui-table-view-cell /* 列表項 */ mui-table-view-chevron /* 列表項右側箭頭 */ mui-badge-primary /* 主色調badge */ mui-slider-group /* 滑塊分組 */
以上就是MUI所有的CSS樣式,開發者可以根據需要使用這些樣式來定制移動端頁面。
上一篇mdx css 歐陸
下一篇mysql 表格公式