Git Product home page Git Product logo

volubile-ui's Introduction

Volubile UI from Talk by Teambition

Home Page and components http://ui.talk.ai/volubile-ui/

简聊项目开发中的 UI 组件化方案. 代码参与社区交流, 但界面风格由公司设计团队控制.

Usage

npm i --save volubile-ui

Import module in JavaScript in Webpack:

require('volubile-ui/ui/index.less')

Import module in LESS in Webpack:

@import '~volubile-ui/ui/index'

Developing

  • Development
npm i
gulp html
webpack-dev-server --hot
  • Production
gulp buld
gulp rsync

License

MIT

volubile-ui's People

Contributors

tiye avatar boshen avatar sunebear avatar vagusx avatar

Stargazers

wlms avatar Tianheng Zhou avatar 捏捏口 avatar avatar avatar Saiya avatar avatar Nex Zhu avatar avatar 像树一样成长！ avatar k0dede avatar Fengming Sun avatar 如梦技术 avatar David.Gao avatar Larry Xu avatar Z.X.PING avatar avatar imbugs avatar avatar szhclaye avatar Jack KC Chan avatar James Yang avatar Feng Wang (Felix) avatar avatar Kevin avatar

Watchers

James Cloos avatar 0xZach avatar avatar 李强 avatar 姜翔 avatar Yi S. avatar avatar LongYinan avatar AmosJin avatar avatar avatar Joooye_34 avatar Yilin avatar avatar

Forkers

tyao1 hacder rucky2013 xuzhou530 kingmario yuguangzheng vvtommy ive4 zhongliuze rottle xiaomeyu aicsun sihaiyunyou

volubile-ui's Issues

确认功能的弹窗组件

基于 Modal 修改:

screen shot 2015-07-06 at 11 35 44 am

  • 定义组件名称
  • 固定组件的宽度
  • 控制内边距, 文本到按钮的间距
  • 确认按钮的间距

显示模板样式整理

消息样式整理, 方便配合设计调整:

  • integration 邮件, 表单缩写, RSS
  • weibo 微博消息
  • github commits
  • file 文件
  • image 图片文件
  • rtf 富文本
  • speech不在范围内, 见 react-lite-audio
  • system 不在范围内

为何github代码与npm上面的不同？

package.json

"dependencies": {
    "flex.less": "^1.1.0",
    "gulp-coffee": "^2.3.1",
    "normalize.css": "^3.0.3",
    "open-sans-fontface": "1.4.0",
    "react": "^0.14.7",
    "roboto-fontface": "^0.4.2",
    "teambition-icon-fonts": "^0.72.2"
  },

但是npm上面的包是这样的

"flex.less":"git://github.com/codio/Flex.less.git"

因为公司网格限制了git://协议的访问
找了很久定位出来了，用代理把 http://registry.npmjs.org/volubile-ui 转到本地文本才解决。
发npm的文件与github文件最好一致吧？

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.