weui2
/
index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>WeUI+在线演示</title>
 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <link rel="stylesheet" href="style/weui.css"/>
  <link rel="stylesheet" href="style/weui2.css"/>
  <link rel="stylesheet" href="style/weui3.css"/>
  <link rel="icon" href="favicon.png"> <link rel="icon" href="favicon.ico">
      <script src="zepto.min.js"></script>
      <script src="php.js"></script>

      <script>

  $(function(){
  /* document.querySelector('body').addEventListener('touchmove', function(e) {
    e.preventDefault();
})*/
	  $('.js-category').click(function(){
			$parent = $(this).parent('li');
		   if($parent.hasClass('js-show')){
                        $parent.removeClass('js-show');
                        $(this).children('i').removeClass('icon-35').addClass('icon-74');
                    }else{
                        $parent.siblings().removeClass('js-show');
                        $parent.addClass('js-show');
                        $(this).children('i').removeClass('icon-74').addClass('icon-35');
                         $parent.siblings().find('i').removeClass('icon-35').addClass('icon-74');
                    }
		  });


	  });

      </script>
</head>

<body ontouchstart  class="page-bg">
<div class="tcenter" style="overflow:hidden; "><img class=" img-radius"  style="margin:10px auto 0;width:50px;height:50px;" src="favicon.png"></div>
<div class="page-hd">
        <h1 class="page-hd-title">
            WeUI+4.9全新上线(2018-4-8)
        </h1>
        <p class="page-hd-desc">WeUI+是Zepto1.2和weui.js,weui0.44/1.1,以及上百个组件开发而成,兼容IOS和Android平台,主要用于微信/手机网站开发,如有任何问题,请在github反馈,QQ和微信不做回答.</p>
    </div>
<div class="page-bd">
        <ul>
            <li><div class="weui-flex js-category" >
                    <div class="weui-flex-item" >1. 表单</div>
                    <i class="icon icon-74"></i>
                </div>
                <div class="page-category js-categoryInner">

                    <div class="weui_cells weui_cells_access" style="margin-top: 0px;">
            <a class="weui_cell" href="c/form1.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>单选,复选,逻辑开关</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
            <a class="weui_cell" href="c/form2.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>输入框,表单验证</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                        <a class="weui_cell" href="c/form3.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>按钮</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                        <a class="weui_cell" href="c/form4.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>picker,省市县,日期,时间</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                         <a class="weui_cell" href="c/form5.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>popup,select</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                          <a class="weui_cell" href="c/form6.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>加减操作,打分</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                          <a class="weui_cell" href="c/form8.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>搜索</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                                    <a class="weui_cell" href="c/form9.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>表单预览</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                                                <a class="weui_cell" href="c/form10.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">slider滑块</p>
                </div>
                <div class="weui_cell_ft">3.6</div>
            </a>
     <a class="weui_cell" href="c/form11.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">自定义弹出层</p>
                </div>
                <div class="weui_cell_ft">4.6</div>
            </a>
      <a class="weui_cell" href="c/form12.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">新增单选,复选,文本框,文本域默认样式</p>
                </div>
                <div class="weui_cell_ft">4.9</div>
            </a>
        </div>

                </div>
            </li><li>
                <div class="weui-flex js-category" >
                    <p class="weui-flex-item" >2. 基础</p>
                    <i class="icon icon-74"></i>
                </div>
                 <div class="page-category js-categoryInner">
                     <div class="weui_cells weui_cells_access" style="margin-top: 0px;">
            <a class="weui_cell" href="c/base1.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>footer</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
            <a class="weui_cell" href="c/base2.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>flex</p>
                </div>
                <div class="weui_cell_ft">3.2</div>
            </a>
             <a class="weui_cell" href="c/base3.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>字体大小,颜色,背景,h1-h6</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/base4.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>1px边框,圆角矩形</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/base5.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p >九宫格</p>
                </div>
                <div class="weui_cell_ft">3.3</div>
            </a>
               <a class="weui_cell" href="c/base6.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>表格</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                          <a class="weui_cell" href="c/base7.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>文章格式</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                           <a class="weui_cell" href="c/base8.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>9种常见颜色值,时间线,分割线,加载中</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                            <a class="weui_cell" href="c/base9.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">导航,动画,小红点,徽标</p>
                </div>
                <div class="weui_cell_ft">3.6</div>
            </a>
                            <a class="weui_cell" href="c/base10.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>图标</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                                      <a class="weui_cell" href="c/base11.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>标签,图片效果,头像</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                                               <a class="weui_cell" href="c/base12.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>gallery</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                                                <a class="weui_cell" href="c/base13.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p  >仿微信底部菜单</p>
                </div>
                <div class="weui_cell_ft">3.3</div>
            </a>
                                                              <a class="weui_cell" href="c/base14.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p  class="weui-reddot">视频角标</p>
                </div>
                <div class="weui_cell_ft">3.7</div>
            </a>
                                                                        <a class="weui_cell" href="c/base15.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p  class="weui-reddot">倒计时</p>
                </div>
                <div class="weui_cell_ft">3.7</div>
            </a>
        </div>
                </div>
            </li>
             <li>
                <div class="weui-flex js-category" >
                    <p class="weui-flex-item">3. 布局</p>
                    <i class="icon icon-74"></i>
                </div>
                 <div class="page-category js-categoryInner">
                     <div class="weui_cells weui_cells_access" style="margin-top: 0px;">
            <a class="weui_cell" href="c/cell1.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>列表list</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
            <a class="weui_cell" href="c/cell2.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>面板panel</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/cell3.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>分页,评论</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
             <a class="weui_cell" href="c/cell4.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>上拉下拉</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
            <a class="weui_cell" href="c/cell5.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>微信文章</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
            <a class="weui_cell" href="c/cell6.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>js模板</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/cell7.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>朋友圈</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/cell8.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>Msg成功,失败,页面空白占用,弹出图片</p>
                </div>
                <div class="weui_cell_ft">3.2</div>
            </a>
               <a class="weui_cell" href="c/cell9.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>显示展开,手风琴</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                      <a class="weui_cell" href="c/cell11.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">仿微信左滑动删除</p>
                </div>
                <div class="weui_cell_ft">4.2</div>
            </a>
                      <a class="weui_cell" href="c/cell12.php">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">点击加载分页</p>
                </div>
                <div class="weui_cell_ft">4.5</div>
            </a>
                                  <a class="weui_cell" href="c/cell13.php">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">到底部自动加载分页</p>
                </div>
                <div class="weui_cell_ft">4.5</div>
            </a>
                       <a class="weui_cell" href="c/cell14.php">
                <div class="weui_cell_bd weui_cell_primary">
                    <p class="weui-reddot">选择弹出层</p>
                </div>
                <div class="weui_cell_ft">4.5</div>
            </a>

        </div>
                </div>
            </li>
            <li>
                <div class="weui-flex js-category" >
                    <p class="weui-flex-item " style="position: relative;margin-right: 10px;">4. 组件<span class="weui-badge" style="position: absolute;top: -.4em;">1</span></p>
                    <i class="icon icon-74"></i>
                </div>
                 <div class="page-category js-categoryInner">
                     <div class="weui_cells weui_cells_access" style="margin-top: 0px;">
            <a class="weui_cell" href="c/js1.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>dialog,toptips</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
            <a class="weui_cell" href="c/js2.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>actions</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
             <a class="weui_cell" href="c/js3.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>上传进度条</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/js4.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>navbar</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
             <a class="weui_cell" href="c/js5.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>tabbar</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/js6.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>轮播swipe</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
              <a class="weui_cell" href="c/js7.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>微信分享</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
               <a class="weui_cell" href="c/js8.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>音频播放,视频</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
               <a class="weui_cell" href="c/js9.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>二维码生成,名片二维码,左滑动</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                <a class="weui_cell" href="c/js10.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>图片上传,压缩</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>


                     <a class="weui_cell" href="https://we7.shanliwawa.top/app/index.php?i=1&c=entry&do=fm&m=yoby_test">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>JSSDK演示</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                   <a class="weui_cell" href="c/js11.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>lazy懒加载图片</p>
                </div>
                <div class="weui_cell_ft">3.1</div>
            </a>
                   <a class="weui_cell" href="c/js12.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p >摇一摇</p>
                </div>
                <div class="weui_cell_ft">3.4</div>
            </a>
                   <a class="weui_cell" href="c/js13.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p >vconsole调试工具</p>
                </div>
                <div class="weui_cell_ft">3.4</div>
            </a>
                 <a class="weui_cell" href="c/js14.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p >fullpage单页</p>
                </div>
                <div class="weui_cell_ft">3.5</div>
            </a>
                <a class="weui_cell" href="c/js15.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p >vue2.1.6</p>
                </div>
                <div class="weui_cell_ft">4.0</div>
            </a>
                              <a class="weui_cell" href="c/js16.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p >jssdk音频播放</p>
                </div>
                <div class="weui_cell_ft">4.1</div>
            </a>
                            <a class="weui_cell" href="c/js17.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p >音频播放插件</p>
                </div>
                <div class="weui_cell_ft">4.1</div>
            </a>
                            <a class="weui_cell" href="c/js18.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>视屏解析测试</p>
                </div>
                <div class="weui_cell_ft">4.2</div>
            </a>
              <a class="weui_cell" href="c/js19.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>奖品弹出框</p>
                </div>
                <div class="weui_cell_ft">4.6</div>
            </a>
               <a class="weui_cell" href="c/js20.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>支付场景</p>
                </div>
                <div class="weui_cell_ft">4.7</div>
            </a>
        </div>
                </div>
            </li>

            <li>
                <div class="weui-flex js-category" >
                    <p class="weui-flex-item">5. js函数和css类</p>
                    <i class="icon icon-74"></i>
                </div>
                 <div class="page-category js-categoryInner">
                     <div class="weui_cells weui_cells_access" style="margin-top: 0px;">
            <a class="weui_cell" href="c/css1.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>zepto扩展方法</p>
                </div>
                <div class="weui_cell_ft">只包含zepto.min.js之内</div>
            </a>
            <a class="weui_cell" href="c/css2.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>js/css插件一览表</p>
                </div>
                <div class="weui_cell_ft">插件和对应功能</div>
            </a>
            <a class="weui_cell" href="c/css3.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>js写的php函数一览表</p>
                </div>
                <div class="weui_cell_ft">单独可用</div>
            </a>
             <a class="weui_cell" href="c/css4.html">
                <div class="weui_cell_bd weui_cell_primary">
                    <p>css常用类一览表</p>
                </div>
                <div class="weui_cell_ft">基础类,单独用</div>
            </a>
        </div>
                </div>
            </li>
             <li onclick="location.href='c/help1.html'">
                <div class="weui-flex " >
                    <p class="weui-flex-item">6. 更新日志<span class="weui-badge" style="margin-left: 5px;">New</span></p>
                    <i class="icon icon-108"></i>
                </div>

            </li>

                    <li onclick="location.href='c/help2.html'">
                <div class="weui-flex " >
                    <p class="weui-flex-item">7. 赞助我&nbsp;&nbsp;&nbsp;<i class="icon icon-11 f20 f-white bg-blue"></i>&nbsp;&nbsp;&nbsp;<i class="icon f-white f20 icon-14 bg-green"></i></p>
                    <i class="icon icon-108"></i>
                </div>

            </li>

        </ul>
    </div>
<div class="weui-footer">
<a target="_blank" class="weui-footer-link" href="http://github.com/logoove/weui"><i class="icon icon-114 f24"></i>去github下载</a>
<a target="_blank" class="weui-footer-link" href="https://gitee.com/yoby/weui2"><i class="icon icon-114 f24"></i>去码云下载</a>

<p class="weui-footer-text">Copyright &copy;Yoby</p>

</div>
</body>
</html>