模块制作标准说明

Posted 2020-08-03 ZKCloud

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>