王者荣耀官网复刻

核心区域分为三部分

第一部分轮播图 分为上下两部分 整体的图片轮播和下面的标题，设置图片的宽高，设置基础属性，给下面标题的ul，li，设置弹性布局，用list-stytly取消固定样式，并给js动画效果，且使其一一对应

第二部分公告分为上标题和下公告，

标题还是无序列表ul,li，来弹性布局。

公告，ul,li 设置宽高对多出的文字进行隐藏并用小数点代替

 overflow: hidden;

    /* 超出的部分用小数点带替 */

    text-overflow: ellipsis;

    white-space: nowrap;

设置li里span标签的属性使其文字出现边框