Giter Club home page Giter Club logo

idesign-ui's Introduction

idesign-ui

前端UI组件库

简介

idesign-UI是一套适用于桌面端的前端UI库,不包含任何JS,仅仅关注样式。囊括了文本标题,列表表格,表单按钮,栅格系统等基础样式以及十余个基础组件。

兼容性

兼容各主流浏览器及IE10+。

快速使用

下载到本地后,在项目中使用 <link href=""> 引入如下两个文件中任意一个即可使用。

./dist/css/dxy-ui.css   //未压缩版本
./dist/css/dxy-ui.min.css   //压缩版本

为方便使用,建议先查看使用文档

使用文档

快速开始吧

开发构建

效果预览

安装依赖

npm install

执行

npm start

接下来访问 http://127.0.0.1:3002/docs

目录结构

├── dist 打包结果
├── docs 使用文档项目
|    ├── dist 使用文档打包结果
|    ├-- src 使用文档源文件
|    └── index.html 文档首页
├── examples 用法示例
├── sass 样式
|    ├── elements 基本样式
|    ├-- components 组件
|    ├-- extra 修饰、功能等样式
|    ├-- mixins
|    ├-- theme 主题
|    ├-- dxy-ui.scss
|    └── reset.scss
├── index.js 文档服务器
├── preview.js 示例服务器
├── preview_data.js 示例数据
├── nodemon.json
├── package.json
├── package-lock.json
├── gulpfile.js
└── README.md

前缀

idesign-ui 默认带前缀 dxy-,如果想去掉或修改前缀,修改 theme/_normal.scss 中的变量 $prefix 即可。

二次开发

执行 npm start 之后直接修改 ./sass 中的源文件, 或者更改源文件之后执行 gulp 进行打包。

参考&使用的项目

更新日志

v1.0.1

  1. 修复本地开发问题
  2. 修复弹窗样式
  3. 兼容表单单选框和复选框文字换行样式

v1.0.2

  1. 修复 loading 位置
  2. 简化表单校验 dom
  3. 修复下拉选择组件使用问题
  4. 去除alert透明度
  5. 修复 modal 内容溢出
  6. 微调部分样式

idesign-ui's People

Contributors

qappleh avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.