/ui-css

UI Css project for TOB apps

Primary LanguageSmarty

UI-CSS for GameTOB

  • ver 0.1.0

样例

http://gametob.github.io/ui-css/

CHANGELOG

[CHANGELOG.md]

目录结构

  • | - conf 目前包含开发机环境所需的nginx配置文件
  • | - src / 源代码包
  • | - | - *.html 单例页面
  • | - | - _layout.tpl 页面框架模板
  • | - | - partial / 页面单例模板
  • | - | - static / 静态资源
  • | - dist / 编译后的成品 用于调试及发布
  • | - vendor / 第三方资源包
  • | - node_modules / npm install 生成

使用说明

  • NPM包安装
npm install

安装完成后会自动执行 gulp vendor 任务。

  • Gulp任务
gulp (default)

开发时做调试而用 默认会开启watch任务

gulp deploy

将dist目录下所有文件发布至分支:gh-pages 即更新 gametob.github.io/ui-css

gulp vendor

将package.json中指定的资源包(dependencies) 从 /node_modules 中拷贝至 /vendor

LESS分类

  • ui-css.less /import less
  • non-responsive.less /重置bootstrap中对响应式做的控制。
  • scaffolding.less /框架主要的组成部分。
  • table.less /通用表格组件,可带表头表尾,用于显示各类数据。
  • form.less /通用表单样式,可基于此表单样式构建各类功能表单。
  • sidebar.less /左侧菜单样式,支持三级菜单。
  • modal.less /不同场景的弹出窗。
  • alert.less /通用信息提示框样式,共有提示、成功、警告、等待等。
  • tab.less /标签切换组件。
  • list.less /列表类。