使用妹子UI开发的体验分享_html/css_WEB-ITnose

前阵子看到一个类似bootstrap的前端UI框架，好奇心驱使下，去琢磨了一些，最终决定网站改版用这个UI试试效果：

首页+头部：

 

投稿页：

 

现成拷贝过来的评论列表：

 

总结：

上手难度：

（熟悉bootstrap）：★

（不熟悉bootstrap）：★★★

优点：

一、很多组件都能直接用，常用组件基本都有了，比较适用于快速开发；

二、官网文档挺详细的，新手入手的话基本没什么压力；

三、样式比较好看（不知道是不是看多了bootstrap的效果了，就觉得这个UI比bootstrap好看）

不足：

一、这个UI很多都是参考bootstrap，很多功能可以说还没真正的开发好，有些js插件还有待完善，比如说弹出框部分，没法用js自由调用；

二、样式重写方面， 如果你不喜欢他原来的样式，比如说改成自己的颜色尺寸之类的，你在他们的组件上加自己的css类貌似是无效的（我的就遇到这样的，不知道是不是我哪写的不对？），这时候我是用这样的办法解决的：

1、找到原框架的css样式，改成自己喜欢的样式；

2、在html标签上直接写样式（貌似这个写法不是很推荐，但也是无奈之举）。

三、在处理异步结果的时候，改变html会无效，比如说下拉框内容会弹不出来（图1效果），这时候我选择用刷新页面解决（我发现这个问题是在做登陆功能的时候），ajax登陆成功后就执行刷新页面，不然按钮变成下拉框就没有下拉了o(╯□╰)o

四、弹出效果不如bootstrap好看

总之，多学个框架总是好的，现在改版基本完成了想看具体效果的可以去看看www.weixh.net