help1.html 13 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  7. <link rel="stylesheet" href="../style/weui.css"/>
  8. <link rel="stylesheet" href="../style/weui2.css"/>
  9. <link rel="stylesheet" href="../style/weui3.css"/>
  10. <script src="../zepto.min.js"></script>
  11. <script>
  12. $(function(){
  13. });
  14. </script>
  15. </head>
  16. <body ontouchstart class="page-bg">
  17. <div class="page-hd">
  18. <h1 class="page-hd-title">
  19. 更新日志
  20. </h1>
  21. <p class="page-hd-desc">有需要请详查,Yoby编写</p>
  22. </div>
  23. <div class="timeline">
  24. <ul>
  25. <li class="timeline-item"> <div class="timeline-item-head-first"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked"></i> </div> <div class="timeline-item-tail"></div> <div class="timeline-item-content"> <h4 class="recent">bug随时修复中,如有不兼容请联系微信logove或QQ280594236,别忘了去github给我打星星哦</h4> <p class="recent">未来</p> </div> </li>
  26. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.8 新增默认单选复选文本文本域新样式</h4><p>2018-2-2</p></div> </li>
  27. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.7 新增支付场景的输入支付,选择支付,支付记录,订单</h4><p>2018-2-1</p></div> </li>
  28. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.6 新增自定义弹出层,新增按钮组,新增奖品弹出独立框</h4><p>2018-1-6</p></div> </li>
  29. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.5 新增两种ajax分页,自动分页和点击更多,新增选择弹出层,用于选择省份,修复其他bug</h4><p>2018-1-6</p></div> </li>
  30. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.3 修复已知bug</h4><p>2017-10-1</p></div> </li>
  31. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.2 修复微信中摇一摇不能再ios10+播放声音,其他声音播放也可此方法解决,新增仿微信左滑动删除</h4><p>2017-4-10</p></div> </li>
  32. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.1 修复zepto文件中jssdk相册bug,修复css中不兼容错误,修改重做jssdk演示</h4><p>2017-4-10</p></div> </li>
  33. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>4.0 新增vue2.1.6类库,包括vue.min.js和vue.js,压缩版用于生产环境,非压缩版用于开发环境,vue和zepto等其他可以同时使用,所有组件并没有写成vue组件,但是vue可以用来做一般开发,开发教程参考vue中文教程;本版本更新主要增加一些演示完整性</h4><p>2017-1-1</p></div> </li>
  34. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.9 修改fullpage全屏滑动组件核心js为微信官方组件,本组件完美支持超过一屏内容先滑动后翻页,支持点击按钮翻页,支持前后翻页,支持动画绑定,只有6kb大小.</h4><p>2016-12-25</p></div> </li>
  35. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.8 修复搜索1px阴影错误,增加打分js,增加验证函数php.js,包含一些功能和php一样同名函数</h4><p>2016-12-20</p></div> </li>
  36. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.7 新增视频网站角标,倒计时</h4><p>2016-11-25</p></div> </li>
  37. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.6 新增slider滑块,修改badge徽标,同步weui1.1效果</h4><p>2016-11-24</p></div> </li>
  38. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.5 新增fullpage单页全屏滚动</h4><p>2016-11-16</p></div> </li>
  39. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.4 新增带音效摇一摇,vconsole手机端firebug</h4><p>2016-10-23</p></div> </li>
  40. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.3修改js模板为tpl函数,只有一个函数,模板小于1kb,非常好用支持PC,新增16宫格,新增微信底部菜单</h4> <p>2016-10-16</p> </div> </li>
  41. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.2 修复弹出图片框没有图片下缺少上边圆角;修复flex某些机型不起作用; </h4> <p>2016-10-16</p> </div> </li>
  42. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.1 本次更新很多模块进行了重构,主要是兼容了weui1.01的效果,以后内核不在升级,将一直采用0.44;本次有如下变化:<br>
  43. 1.新增表单验证,表单预览,图片预览,flex布局,footer,朋友圈,toptips10多个全新组建;
  44. 2.actions,tab,search,toptips,都采用函数书写,非常方便调用,一个函数就搞定;
  45. 3.升级zepto内核,需要注意,本内核与weui.js压缩在一起,包括了zepto兼容模块,比如动画,属性选择等;
  46. 4.分离出去非常多的js模块,需要什么就加载什么,本次js不到50kb,包含超多功能;
  47. 5.css分离出去了icon图标文件,所以现在
  48. </h4> <p>2016-10-15</p> </div> </li>
  49. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>3.0 修复提示和底部导航同时用不能点击bug.九宫格演示显示不正确,新增红色数字徽标,分离常用函数为php.js,本函数不使用任何库,名称采用php同函数名.</h4> <p>2016-10-4</p> </div> </li>
  50. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.9 新增手风琴,支持独立调用和组合调用</h4> <p>2016-9-4</p> </div> </li>
  51. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.8 升级weui为0.44</h4> <p>2016-6-28</p> </div> </li>
  52. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.7 新增16个新图标,图片上传新增删除提示</h4> <p>2016-6-18</p> </div> </li>
  53. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.6 替换swipe为更小函数,新版的支持是否自动播放,这个更好用,重写此css,是否使用标题,超链接自己根据例子修改</h4> <p>2016-6-6</p> </div> </li>
  54. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.5 新增认证头像,新增tab切换红色和绿色导航条,loading动画,旋转180度和360度,新增上拉加载更多下拉刷新,新增图片懒加载只需要载入zepto即可使用</h4> <p>2016-6-4</p> </div> </li>
  55. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.4 新增音视频播放器,新增navigator标签导航,新增iscroll库,9种常见颜色值</h4> <p>2016-6-3</p> </div> </li>
  56. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.3 升级weui基础为0.44,主要修复weui_label英文字符溢出和宽度105px;新增文章图片样式</h4> <p>2016-05-16</p> </div> </li>
  57. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.2 修复android下jssdk预览图片一直加载中,搜索框被覆盖以及样式调整bug;修复swipe滑动后不能自动播放,新增sticky粘贴顶部</h4> <p>2016-05-06</p> </div> </li>
  58. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.1 新增JSSDK演示,主要是多媒体上传与下载预览,二维码,分享,包含php端的长地址转换,php上传和下载多媒体</h4> <p>2016-05-02</p> </div> </li>
  59. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4>2.0 新增图片上传单选多选,上传前会压缩再上传,2MB图像一般能压缩到100多KB,支持二进制上传和base64上传两种方式;工具条组件和时间线组件新增</h4> <p>2016-05-01</p> </div> </li>
  60. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail" ></div> <div class="timeline-item-content"> <h4> 1.5 升级picker为基础的组件,包括选择,省市区,时间日期;新增select的弹出框支持单选多选;新增popup;改写toast和dialog为函数,这样就能非常简单的调用;</h4> <p>2016-04-28</p> </div> </li>
  61. <li class="timeline-item"> <div class="timeline-item-head"> <i class="weui_icon weui_icon_success_no_circle timeline-item-checked hide" ></i> </div> <div class="timeline-item-tail hide" ></div> <div class="timeline-item-content"> <h4> 1.0 weui是一个微信推出的前端UI工具包,包含12个基础效果,在此基础上,参考了项目weui-jquery,weui-vue,sui,frozen等,而收集到这么多组件,完整css160KB,js也有160kb,可以根据需要自行增减.js最小体积只有58kb,160kb主要是包含了全国省市县数据,所以看起来比较大,css主要是把字体也转换成了base64,所以看起来很大,单独加载的话也只有60kb左右,所以不要被吓到认为文件怎么这么大.</h4> <p>2016-04-01</p> </div> </li>
  62. </ul> </div>
  63. </body>
  64. </html>