amazeui页面分析4

amazeui页面分析4

一、总结

1、直接照着作者的设计思路用：例如 pet_hd_con_time pet_hd_con_map ，这是time 和 map，那我别的说不定也可以直接用，比如author，article等等

amazeui同样是如果

2、弄清楚作者的设计思路，举一反三

 

二、知识点

1、

 

真视频啊，用的embed标签，页面显示的视频肯定是url啊，要么是别个网站上面的，要么是自己服务器上面的

<embed src="http://player.youku.com/player.php/sid/XMzkyNzU5ODY4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

 

2、

ul套li的形式，而不是均分网格

<ul class="like_share_block">
  <li><a class="link_share_button" href="###"><i class="iconfont share_ico_link">&#xe62f;</i>1460</a></li>
  <li><a class="link_share_button" href="###"><i class="iconfont share_ico_wx">&#xe630;</i>微信</a></li>
  <li><a class="link_share_button" href="###"><i class="iconfont share_ico_pyq">&#xe62e;</i>朋友圈</a></li>
</ul>

 

3、

标准的am-list啊

还是ui套li的熟悉的味道啊

只不过里面全部换成了文字

li里面有div来设置样式

 

4、

不好排版直接整图片也是666666

 

5、

下划线  颜色

<div class="pet_hd_con_gp_list_nr_tag">本次主题</div>

 

6、浅色的字怎么弄

<div class="pet_article_user_time pet_hd_con_time"><i class="iconfont">&#xe617;</i>2015年10月26日 9:00 ～ 2015年10月28日 17:30</div>
<div class="pet_article_user_time pet_hd_con_map"><i class="iconfont">&#xe632;</i>北京市海淀区成府路28号 优盛大厦B座8层</div>
<div class="pet_article_user_time pet_hd_con_map"><i class="iconfont">&#xe615;</i>限额：50 人</div>

小图标直接用的i标签，class是iconfont

浅颜色的字早就用class弄好了，弄的time和map，我们说不定也可以直接这样用：pet_hd_con_time pet_hd_con_map

 

7、

group-list 结合 span 整的