Maison > interface Web > tutoriel HTML > 使用妹子UI开发的体验分享_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:24:07
original
1079 Les gens l'ont consulté

前阵子看到一个类似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

 

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal