<|start_filename|>public/static/19game/src/demo/jinja/more.html<|end_filename|>
{% set data = {'page': 'index'} %}

{% extends "template/base.html"%}

{% block style %}

{% endblock%}

{% block content %}
<section id="list">
    <h1 class="title">MORE</h1>
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-list ui-list-pure ui-border-b">
                <li class="ui-border-t" data-href="base/styles/type.html">
                  文本
                </li>
                <li class="ui-border-t" data-href="base/icons/icon.html">
                  图标
                </li>
                <li class="ui-border-t" data-href="util/layout.html">
                  布局相关
                </li>
                <li class="ui-border-t" data-href="util/arrowlink.html">
                  箭头链接
                </li>
                <li class="ui-border-t" data-href="util/border.html">
                  1px解决方案
                </li>
                <li class="ui-border-t" data-href="util/nowrap.html">
                  文字截断
                </li>
                <li class="ui-border-t" data-href="util/placehold.html">
                  占位
                </li>
                <li class="ui-border-t" data-href="util/whitespace.html">
                  两端留白
                </li>
                <li class="ui-border-t" data-href="util/justify.html">
                  两端对齐
                </li>
                <li class="ui-border-t" data-href="util/avatar.html">
                  圆角头像
                </li>
                <li class="ui-border-t" data-href="component/vip/vip.html">
                  QQ会员图标
                </li>
                <li class="ui-border-t" data-href="component/vip/tooltips-vip.html">
                  会员开通栏
                </li>
                <li class="ui-border-t" data-href="component/decorate/badge.html">
                  徽章
                </li>
                <li class="ui-border-t" data-href="component/decorate/reddot.html">
                  红点
                </li>
                <li class="ui-border-t" data-href="component/decorate/tag.html">
                  角标
                </li>
                <li class="ui-border-t" data-href="component/loading/loading.html">
                  加载中
                </li>
                <li class="ui-border-t" data-href="component/table/table.html">
                  表格
                </li>
                <li class="ui-border-t" data-href="component/notice/notice.html">
                  通知
                </li>
                <li class="ui-border-t" data-href="component/progress/progress.html">
                  进度条
                </li>
            </ul>
        </div>
    </div>
</section>
{% endblock%}


<|start_filename|>public/static/19game/src/demo/jinja/component/decorate/reddot.html<|end_filename|>
{% extends "template/base.html"%}

{% block content %}
<section id="border">
    <h1 class="title">REDDOT</h1>
    <div class="demo-item">
        <p class="demo-desc">徽标</p>
        <div class="demo-block">
            <div class="ui-reddot">内容内容</div>
            <div class="ui-reddot-border">内容内容</div>
            <div class="ui-reddot-s">内容内容</div>
            <div class="ui-center-hor">内容内容<i class="ui-reddot ui-reddot-static"></i></div>
        </div>
    </div>
</section>
{% endblock%}


<|start_filename|>public/static/19game/src/demo/jinja/component/actionsheet/actionsheet.html<|end_filename|>
{% extends "template/base.html"%}

{% block content %}
<section id="actionsheet">
    <h1 class="title">ACTIONSHEET</h1>
	<div class="demo-item">
		<p class="demo-desc">菜单</p>
		<div class="demo-block">
			<div class="ui-actionsheet" id="actionsheet1">
				<div class="ui-actionsheet-cnt am-actionsheet-down">
					<h4>同时会将我从对方的列表中删除</h4>
					<button>分享</button>
					<button class="ui-actionsheet-del">删除</button>
					<div class="ui-actionsheet-split-line"></div>
					<button id="cancel">取消</button>
				</div>
			</div>
		</div>
	</div>
</section>
<div class="ui-btn-wrap" id="btn1"><button class="ui-btn-lg">Actionsheet</button></div>
{% endblock%} 


<|start_filename|>public/static/19game/src/demo/jinja/util/arrowlink_img.html<|end_filename|>
{% set data = {'page': 'util'} %}
{% extends "template/base.html"%}
{% block style %}
	<link rel="stylesheet" href="../../../css/arrowlink_img.css">
{% endblock %}
{% block content %}
<section id="arrowlink">
    <div class="demo-item">
        <p class="demo-desc">箭头链接</p>
        <div class="demo-block">
            <div class="ui-arrowlink">箭头链接</div>
        </div>
    </div>
</section>
{% endblock%}


<|start_filename|>public/static/19game/src/demo/jinja/util/placehold.html<|end_filename|>
{% set data = {'page': 'util'} %}
{% extends "template/base.html"%}

{% block content %}
<section id="placehold">
    <h1 class="title">PLACEHOLD</h1>
    <div class="demo-item">
        <p class="demo-desc">占位解决方案</p>
            <div class="demo-block">
                <p class="demo-desc">失去响应时，相对居中，默认高宽比为31.25%，重写需覆盖padding-top属性</p>
                <section class="ui-placehold-wrap">
                    <div class="ui-placehold">正在加载中...</div>
                </section>
            </div>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">图片占位</p>
        <div class="demo-block">
            <section class="ui-placehold-img">
                <span style="background-image:url(http://placeholder.qiniudn.com/640x200)"></span>
            </section>
        </div>
    </div>
</section>
{% endblock%}


<|start_filename|>public/static/19game/src/demo/jinja/util/whitespace.html<|end_filename|>
{% set data = {'page': 'util'} %}
{% extends "template/base.html"%}

{% block content %}
<section id="whitespace">
    <h1 class="title">WHITESPACE</h1>
    <div class="demo-item">
        <p class="demo-desc">两端留白,640以下10px，以上15px</p>
        <div class="demo-block">
            <ul class="ui-row ui-whitespace">
                <li class="ui-col ui-col-50">50</li>
                <li class="ui-col ui-col-50">50</li>
            </ul>
        </div>
    </div>

</section>
{% endblock%}


<|start_filename|>public/static/19game/src/demo/jinja/util/border.html<|end_filename|>
{% set data = {'page': 'util'} %}
{% extends "template/base.html"%}

{% block content %}
<section id="border">
    <h1 class="title">1PX BORDER</h1>
    <div class="demo-item">
        <p class="demo-desc">1px解决方案</p>
        <div class="demo-block">
            <ul class="ui-list-text border-list">
                <li class="ui-border-t">上边框</li>
                <li class="ui-border">边框</li>
                <li class="ui-border-b">下边框</li>
                <li class="ui-border-tb">上下边框</li>
                <li class="ui-border-l">左边框</li>
                <li class="ui-border-r">右边框</li>
                <li class="ui-border-radius">
                    圆角边框
                </li>
            </ul>
        </div>
    </div>
</section>
{% endblock%}


<|start_filename|>public/static/19game/src/demo/jinja/util/nowrap.html<|end_filename|>
{% set data = {'page': 'util'} %}
{% extends "template/base.html"%}

{% block content %}
<section id="nowrap">
    <h1 class="title">NOWRAP</h1>
    <div class="demo-item">
        <p class="demo-desc">一行文字截断</p>
        <div class="demo-block">
            <div class="ui-nowrap ui-whitespace">
                一行文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略
            </div>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">一行文字截断弹性布局</p>
        <div class="demo-block">
            <div class="ui-nowrap-flex ui-whitespace">
                一行文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略
            </div>
        </div>
    </div>
    <div class="demo-item">
        <p class="demo-desc">多行文字截断，默认两行</p>
        <div class="demo-block">
            <div class="ui-nowrap-multi ui-whitespace">
                多行文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略，内容文字超出长度省略
            </div>
        </div>
    </div>
</section>
{% endblock%}


<|start_filename|>public/static/19game/src/demo/js/index.js<|end_filename|>
(function (doc, win) {
     $('#list td,#list li').click(function(){
        //   if($(this).data('href')&&(!mqq.QQVersion)){
        //       location.href= $(this).data('href');
        //   }
        //   else{
        //       mqq.ui.openUrl({
        //           url: "http://10.64.114.33:8080/html/"+$(this).data('href')+"?_wv=1",
        //           target: 1,
        //           style: 3
        //       });
        //       console.log(mqq.ui.openUrl)
        //   }
          location.href= $(this).data('href');
      });

      $('.ui-header .ui-btn').click(function(){
          location.href= 'index.html';
      });

      $("#btn1").click(function(){
    		$('.ui-actionsheet').addClass('show');
    	});

    	$("#cancel").click(function(){
    		$(".ui-actionsheet").removeClass("show");
    	});

})(document, window);


<|start_filename|>public/static/19game/src/demo/jinja/component/feeds/feeds.html<|end_filename|>
{% extends "template/base.html"%}

<!-- feeds -->
{% macro feeds(number) %}
<div class="ui-feeds">
    <ul>
      {% for i in range(number) %}
      {% if number == 1%}
      <li>
        <img src="http://172.16.58.3/vipstyle/mobile/client/cartoon/v2/pic/community/item1.jpg" alt="">
      </li>
      {% else %}
      <li>
        <span style="background-image:url(http://placeholder.qiniudn.com/374x374)"></span>
      </li>
      {% endif %}
      {% endfor %} 
    </ul>
</div>
{% endmacro %}

{% block content %}
{% for j in range(10) %}
  {% if j!= 0 %}
      <section class="feeds-wrap-demo">
        {{ feeds(j) }}
      </section>
  {% endif %}

{% endfor %}
{% endblock%}


<|start_filename|>public/static/19game/src/demo/jinja/util/arrowlink.html<|end_filename|>
{% set data = {'page': 'util'} %}
{% extends "template/base.html"%}

{% block content %}
<section id="arrowlink">
    <h1 class="title">ARROWLINK</h1>
    <div class="demo-item">
        <p class="demo-desc">箭头链接</p>
        <div class="demo-block">
            <div class="ui-arrowlink">箭头链接</div>
        </div>
    </div>
</section>
{% endblock%}
