`审核人：白占宁` `被审核代码负责人：谢洋` `代码地址：http://192.168.1.170/hyfe/demo-project/tree/master/demo-xieyang` ### 存在的问题 #### 1、功能问题 -复选框不能选中 ``` <td><div class="chk"></div></td> ``` 解决方案：使用CheckBox，或点击时候添加选中效果。 #### 2、功能问题-滚动条位置 头部和左边导航栏位置固定不动，当内容太多时候，只内容区添加滚动条即可。 #### 3、功能问题-兼容性 IE11下，分页组件样式混乱。 #### 4、HTML结构优化 ``` <div class="page-box"> <span>每页</span> <select> <option value="6">6</option> <option value="10">20</option> <option value="10">30</option> <option value="10">40</option> </select> <span>条 / 共</span> <span class="c">58</span> <span>条记录</span> <button class="ml10">首页</button> <button>上页</button> <span class="c">1</span> <span> / 20页</span> <button class="ml10">下页</button> <button>尾页</button> <span class="ml10">跳转</span> <input type="text" value="5"> <button>确定</button> </div> ``` 解决方案：根据不同功能，分成各个组来布局，如下： ``` <div class="page-box"> <div class="select-page"></div> <div class="btn-page"></div> <div class="submit-page"></div> </div> ``` ####5、避免使用`!important` ``` body { width: 100% !important; height: auto !important; overflow: auto !important; min-width: 700px; } ``` #### 6、代码可读性 ``` @mixin gradient-top-to-bottom($startColor, $endColor) { filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#{$startColor}, endcolorstr=#{$endColor}, gradientType=0); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#{$startColor}, endcolorstr=#{$endColor}, gradientType=0); background: $startColor; background: -moz-linear-gradient(top, $startColor, $endColor); background: -webkit-gradient(linear, 0 0, 0 bottom, from($startColor), to($endColor)); background: -o-linear-gradient(top, $startColor, $endColor); } ``` 解决方案：适当的换行，建议每行字符不超过80个。