aui虽然一开始是参照了mui,但是后来居上啊,布局容器、色值、瀑布了、时间轴、日历等等都是mui没有的,这些组件非常好用,他们还有专门的qq群可以交流提交意见,相比起来mui虽然起步早,但是步伐确是缓慢了很多了。。。。。
iseeyo
- 发布:2016-04-23 23:37
- 更新:2016-08-24 17:25
- 阅读:9415
赵梦欢 - 专注前端,乐于分享!
对于这种比较,个人一向不喜欢去辩驳,因为代码就在哪里,大家有目共睹,去github上看看star数目和关注度就知道,不存在楼主说的后来居上。至于楼主说的一些效果,其实个人觉得很多和个人业务需求有关,有些组件不一定是大家有需要的。这里就举个时间轴的例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/mui.min.css">
<style type="text/css">
.nearsite-message{
display: inline-block;
clear:both;
margin: 10px;
}
.nearsite-message .avatar{
float: left;
}
.nearsite-message .avatar img{
width: 30px;
height: 30px;
border-radius: 50%;
}
.nearsite-message .content{
float: left;
background: #fff;
margin: 0 10px 10px 10px;
padding: 10px;
border-radius:7px;
max-width: 90%;
position: relative;
min-height: 20px;
font-size:15px;
}
.nearsite-message .content img{
width: 100%;
}
.nearsite-message .triangle{
height:0px;
width:0px;
border-width:8px;
border-style:solid;
position: absolute;
top:6px;
border-color:transparent #fff transparent transparent;
left:-16px;
}
.vertbar{
width: 1px;
height: 50px;
background-color: #a2a2a2;
margin: -34px 25px -8px;
}
</style>
</head>
<body>
<div class="mui-content">
<div class='nearsite-message'>
<div class='avatar'>
<img src="img/site.png" />
</div>
<div class='content'>
<div class='triangle'></div>
<span>北京市海淀区</span>
</div>
</div>
<div class="vertbar"></div>
<div class='nearsite-message'>
<div class='avatar'>
<img src="img/site.png" />
</div>
<div class='content'>
<div class='triangle'></div>
<span>北京市海淀区</span>
</div>
</div>
<div class="vertbar"></div>
<div class='nearsite-message'>
<div class='avatar'>
<img src="img/site.png" />
</div>
<div class='content'>
<div class='triangle'></div>
<span>北京市海淀区</span>
</div>
</div>
<div class="vertbar"></div>
<div class='nearsite-message'>
<div class='avatar'>
<img src="img/site.png" />
</div>
<div class='content'>
<div class='triangle'></div>
<span>北京市海淀区</span>
</div>
</div>
<div class="vertbar"></div>
<div class='nearsite-message'>
<div class='avatar'>
<img src="img/site.png" />
</div>
<div class='content'>
<div class='triangle'></div>
<span>北京市海淀区</span>
</div>
</div>
</div>
</body>
</html>
其实实现这些效果并不难,没必要封装到框架中,对于需求比较高的组件大家可以向我们反馈,我们会将需求大的组件进行补充。
苏禾然
+1
2016-07-22 10:37
5***@qq.com
+1
2017-09-26 17:35
1231312312312
+1
2018-08-08 15:48