FOXUI前端框架（簡稱：FOXUI）是一套免費開源的 Web UI 解決方案，提供了豐富的UI組件和實用的工具，可以幫助開發者更快速地構建Web應用程式。它為前端開發者提供了豐富的組件和功能，包括基本布局、表單元素、導航、數據、訊息通知等，涵蓋了開發中大部分場景的需求，以幫助快速構建出優雅、高效的Web套用界面。
基本介紹
- 軟體名稱：FOXUI前端框架軟體
- 軟體語言：html
- 開發商：貴州黔狐科技股份有限公司
- 軟體授權：免費
- 英文名：FOXUI
- 著作權號：2022SR1337541
主要元素,工具類,基本組件,表單組件,數據,信息通知,導航組件,其它,使用方法,目錄結構,css,js,fonts,
主要元素
工具類
文本 Text、背景色 Background、框線 Border、邊距 Spacing、顯示 Display
基本組件
布局 Layout、圖示 Icon、按鈕 Button、文字連結 Link
表單組件
單選框 Radio、多選框 Checkbox、輸入框 Input、文本域 Textarea、選擇器 Select、開關 Switch、日期選擇器 DatePicker、時間選擇器 TimePicker、日期時間選擇器DatetimePicker、顏色選擇器 Color、圖示選擇器 Iconsel
數據
徽標數 Badge、表格 Table、標籤 Tag、摺疊面板 Collapse、走馬燈 Carousel、分頁 Pagination、進度條 Progress
信息通知
載入 Loading、對話框 Dialog、訊息提示 Message、確認框提示 Confirmtip、文字提示 Tooltip
導航組件
下拉選單 Dropdown、標籤頁 Tabs、導航選單 Menu、麵包屑 Breadcrumb
其它
拖拽排序 Dragsort、數字自增動畫 Countup
使用方法
使用 FOXUI 之前請先引入 jQuery，然後引入 FOXUI 的核心 CSS、JS 檔案
1、引入 FOXUI 核心 CSS 檔案 foxui.min.css
2、引入 jQuery 核心 JS 檔案 jquery-3.6.0.min.js
3、引入 FOXUI 核心 JS 檔案 foxui.min.js
4、下載 FOXUI 字型，存放在至與 css 同級的 fonts 資料夾中
目錄結構
css
foxui.min.css // foxui核心樣式檔案
js
jquery-3.6.0.min.js// jQuery核心庫檔案
foxui.min.js // foxui核心庫檔案
fonts
iconfont.woff2// foxui字型圖示檔案
iconfont.woff // foxui字型圖示檔案
iconfont.ttf // foxui字型圖示檔案
