GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → DXY-F2E → Dxy Ui

DXY-F2E / Dxy Ui

Licence: mit
一套适用于PC端的前端UI库，囊括了基础样式以及十余个基础组件。

Labels

csssass

Projects that are alternatives of or similar to Dxy Ui

Musubii
Simple CSS Framework for JP
Stars: ✭ 138 (-9.8%)
Mutual labels:  sass
Wireframe
minimal wireframing css-framework 🎈
Stars: ✭ 146 (-4.58%)
Mutual labels:  sass
Spotless
Keep your code spotless
Stars: ✭ 2,285 (+1393.46%)
Mutual labels:  sass
Chromatic Sass
Advanced color manipulation for node sass
Stars: ✭ 140 (-8.5%)
Mutual labels:  sass
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (-5.88%)
Mutual labels:  sass
Keepformac
keep for mac
Stars: ✭ 147 (-3.92%)
Mutual labels:  sass
Shards Ui
🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Stars: ✭ 1,718 (+1022.88%)
Mutual labels:  sass
Skeleton Sass
Skeleton Sass is a highly modular version of Skeleton CSS
Stars: ✭ 151 (-1.31%)
Mutual labels:  sass
Bef
Bef is a responsive jekyll theme https://artemsheludko.github.io/bef/
Stars: ✭ 145 (-5.23%)
Mutual labels:  sass
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+1098.04%)
Mutual labels:  sass
Genesis Starter Theme
A starter theme for the Genesis Framework with a modern development workflow
Stars: ✭ 141 (-7.84%)
Mutual labels:  sass
Grass
A near-feature-complete Sass compiler written purely in Rust
Stars: ✭ 143 (-6.54%)
Mutual labels:  sass
Bemify
Sass Mixins to write BEM-style SCSS source
Stars: ✭ 149 (-2.61%)
Mutual labels:  sass
163music
🎵163 music web app built with Vue 2.6, server side render, webpack 4
Stars: ✭ 139 (-9.15%)
Mutual labels:  sass
Css Modal
A modal built with pure CSS, enhanced with JavaScript
Stars: ✭ 1,829 (+1095.42%)
Mutual labels:  sass
Basix Admin
Get Free and Premium Vue.js Bootstrap v4 Admin Dashboard Templates
Stars: ✭ 138 (-9.8%)
Mutual labels:  sass
Synergy
Synergy is a framework for building modular, configurable and scalable UI components for React-DOM projects
Stars: ✭ 146 (-4.58%)
Mutual labels:  sass
React Native Sass Transformer
Use Sass to style your React Native apps.
Stars: ✭ 151 (-1.31%)
Mutual labels:  sass
Sass Spec
Official Sass Spec Suite
Stars: ✭ 151 (-1.31%)
Mutual labels:  sass
Kirby Webpack
💪 A Kirby CMS starter-kit with modern frontend tools
Stars: ✭ 150 (-1.96%)
Mutual labels:  sass
View All Similar Projects ➔

DXY-UI

简介

DXY-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

前缀

DXY-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. 微调部分样式
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].