手机页面前端框架weui+

随着智能手机的普及,越来越多的用户从电脑转移到手机,现在去谈客户我们一定要说:“您一定要做手机版或者是微信端”,可见智能手机的强大,虽然说手机页面很早就有,但是感觉它是被自适应网站架构html5和微信带起来的。估计以后的页面展示趋势还是依托手机页面。

针对前端写代码手机页面有以下几种方式,一个是宽度按照百分比来写,比如宽度100%,元素30%来写,这种方式的话相对多一些,兼容的效果也好很多;一种方式是通过html5多媒体概念,针对每一个尺寸都写个页面出来,通过屏幕尺寸来自动调整,这种相对来说比较繁琐,而且整体效果也不是很理想,还有一种就是通过大神们写好的前端框架来进行架构,比如Bootstrap,AUI,JQuery WeUI,Amaze UI,Frozen UI,WeUI ,SUI ,Foundation ,MUI,UiKit Pure等成熟的前端框架来进行搭建,这种相对来说效果要好,也是现在主要的方式。但是各有各的好处,要说哪个好,这个只能是针对自己怎么写。

这里的话,我介绍下weUI 个人觉得如果针对做手机网站够用!

WeUI+是Zepto1.2和WeUI 1.1.3为基础,收集整理了上百个组件开发而成,兼容IOS和Android平台,主要用于微信/手机网站开发

网址:http://weui.shanliwawa.top/

解压后,css,js,是属于基础文件,demo属于效果文件

调用方式也相对简单

加一个单独的css文件放入自己写的样式这种方便操作(如果在调用效果的时候,建议加一个div外框,这种方便修改)

比如一个简单的首页模型:

比如幻灯片:

比如底部菜单:

都是可以直接拿过来用的

同时weui 还为我们提供常规列表页的选择,(基础-面板)

我们也可以直接调用,感觉上和MUI有很多相同的地方,在代码调用上没有多少的难度,很适合前端的工作人员,希望weui工作研发团队在常用的模块上添加一些新的功能模块

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181207A088TP00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券