Giter Site home page Giter Site logo

jisuanke / jisuanke-ui Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bootflat/bootflat.github.io

5.0 5.0 2.0 9.85 MB

计蒜客UI是在Bootflat上定制的用于计蒜客网站的组件及视觉标准。

License: MIT License

JavaScript 18.65% CSS 46.84% HTML 34.51%

jisuanke-ui's People

Contributors

bootflat avatar derek-schultz avatar flathemes avatar haoranyu avatar ifduyue avatar jasinyip avatar ouerlianchuang avatar tedko avatar vsn4ik avatar wenryxu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

phantom59 tedko

jisuanke-ui's Issues

引入timepicker到组件

这套里面定制了日期选择器的标准样式,但是没有对应的日期脚本,需要结合timepicker进来。

逐步把 gruntfile 替换成 gulp

由于别的repo,比如 jisuanke2 都在用gulp,只有这里还有一个 grunt,先逐步把 grunt 替换成 gulp 吧。

之前已经写了几个 task。可以保留下 grunt 做备用

codemirror 字体问题。

TODO。

codemirror 定义了 monospace,
在没能做到自定义 codemirror,同时用 bower 管理的情况下,让 bs.min.css 的字体能正常显示,需要增加 !important

目前的办法是在 bs.css 里增加之后再 minify

字体(font-family)出现在多个文件中。不利于更改,且冲突

分别在

_typography.scss

(并没有什么ruan用,没有编译成 site.min.css)
以及

jisuanke-UI/css/bootstrap.min.css

此处不应该指定字体,因为 min.css 难以删改

site.css

也出现了字体。

gruntfile 中:

dist: {
        files: {
          'css/site.min.css': [
            'css/bootstrap.min.css',
            '<%= meta.defaultPath %>/css/<%= pkg.name %>.css',
            'css/site.css',
            'css/jsTreeStyle.min.css'
          ],
          '<%= meta.defaultPath %>/css/<%= pkg.name %>.min.css': '<%= meta.defaultPath %>/css/<%= pkg.name %>.css'
        }
      }

所以 bootstrap.min.css 中不应该保留字体,否则会影响别的地方的字体设置。
切 bootstrap.min.css 中的字体只能影响 body,会造成有地方没有指定中文字体,如下图:

2015-06-16 11 56 24

下拉组件、日历组件、输入框的部分颜色修改

很重要的一个色值:@darkgray-dark

修改的地方比较杂乱,有点多,最近的这些修改应当适当统一到整个 jisuanke-UI 中去

guide 页(姓名、密码、简介)

image

image

将这一部分色值为 #96A0AD 的外边框的颜色改为 @darkgray-dark

guide 页、basic 页(生日)

image

image

将这一部分色值为 #96A0AD 的外边框的颜色改为 @darkgray-dark

下拉菜单中的选中项的底色

image

将这一部分色值为 #607D8B 的底色颜色改为 @darkgray-dark

下拉菜单中展开部分的边框颜色

image

image

将这一部分色值为 #BBBBBB 的外边框的颜色改为 @darkgray-dark

下拉菜单样式出现问题

设置页:
image
image
(顺便告诉我这个 select an option 是什么鬼!)
image
(这个专业的缩进咋也能挂呢?)

还有 guide 页的也是……这个自行去看吧

解决这个问题应该在 jisuanke-ui 里面修改就 ok

datetime 图标替换

icons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-angle-up',
down: 'fa fa-angle-down',
previous: 'fa fa-angle-left',
next: 'fa fa-angle-right',
today: 'fa fa-crosshairs',
clear: 'fa fa-trash-o',
close: 'fa fa-times'
},

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.