模块制作标准说明

1. 原则一：CSS定义越少越好
2. 原则二：进来用<ul><li>等简单的HTML代码结构
3. 原则三：命名尽可能用CSS伪类
4. 原则四：一个模块CSS名称不能超过三个

 

需要改正的写法：

 <div class="fenglei"><div class="fenglei_1 text-center"><div class="flf"><a href="/widget?id=YMspfl"><img src="~/wwwroot/static/images/ymimg/f5.png" /><br /><span>商品分类</span></a></div><div class="flf"><a href="/widget?id=YMqd"><img src="~/wwwroot/static/images/ymimg/f3.png" /><br /><span>签到积分</span></a></div><div class="flf"><a><img src="~/wwwroot/static/images/ymimg/f1.png" /><br /><span>分享</span></a></div><div class="flf"><a href="/widget?id=YMqhb"><img src="~/wwwroot/static/images/ymimg/f2.png" /><br /><span>抢红包</span></a></div><div class="flf"><a href="/widget?id=YMxrzq"><img src="~/wwwroot/static/images/ymimg/f4.png" /><br /><span>新人专区</span></a></div><div style="clear:both;"></div></div></div>

 

修改以后的写法：

<div class="MainNav" key="ZKCloud.Web.Widgets.Core.Common.MainNav.MainNav" area="01"><ul>@foreach (var item in list) {<li><a href="@item.Url" target="" title="@item.Title"><i class="@item.Icon"></i>@item.Name</a></li>}</ul>
</div>