去实习了_(:3 」∠)_,在放置play(all the time...)的时间里完成了颜色管理模块和信息提示工具的编写,虽然看起来名字比较高大上,颜色管理,信息提示之类的,其实就是标准化了一下颜色,参考了google出来的色卡,命名了一堆颜色变量,信息提示工具其实就是四个角和head与dock的message box,改善了一下编写的语法,使得代码简洁了不少,不过很纠结输出之后的简洁度,依然在现有代码整洁度与输出代码整洁度之间徘徊,这问题还是留到以后再解决吧╮(╯_╰)╭,message box相关代码片段如下
.message-box-container-top { @include layer-6; position : fixed; top : 10px; left : 0; right : 0; margin : 0 auto; @media (max-width : 767px) { top : 0; width : 100%; } @media (min-width : 768px) { width : 300px; } @media (min-width : 992px) { width : 350px; } @media (min-width : 1200px) { width : 350px; } @media (min-width : 2500px) { width : 370px; } .force-full-width { width : 100%; } } ...
由于在纠结是否与后端相结合来生成UI效果,所以并没有做出相关的UI交互动画,预计等到表单控件之类的完成,确定整体的设计风格之后才会着手这一工作,以上。