[关闭]
@Weizy2115 2017-11-02T11:13:10.000000Z 字数 655 阅读 225

塔米后台前端开发部分准则规范

  1. 所有的class名字用WZY-###,不要出现下划线,请大家注意,因为我们的css是一次性全部引入的,所以如果你在一个css文件中为一个div写了属性,那么其他任何一个template中同名class元素,都会受到该样式控制。
  2. 所有的template模板都要加
    <script>
    WZY.component.文件名称.install();
    </script>
  3. 所有的JS文件都要按照老师的格式添加:

    WZY.component.文件名称 = (function(){
    var init = function(){
        JS主体代码
    };
    return {
        install: init
    };
    })();
    
  4. 外部绿色相关按钮统一采用如下
    <div class="layui-btn WZY-plus-banner green-btn">
    <a href="#bannerplus">添加轮播图</a>
    </div>

    其中green-btn写在app.css用来控制按钮默认样式,按钮的点击和鼠标滑入样式写到了layui-btn:hover和layui-btn:active里,请大家不要做修改。
  5. 面包屑统一用如下代码
    <div class="breadcrumb-box">
    <span>
    <span>
    <a href="#banner">文章审核</a>
    </span>
    <span>></span>
    <span class="breadcrumb-right">文章详情</span>
    </span>
    </div>

    面包屑的样式同样也写在app.css里,请大家不要做修改。
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注