<!DOCTYPE html>
<html>
<head>
    {%include 'inc/header.html'%}
    <link href="{{static_url('css/index.css')}}" rel="stylesheet">
    <link href="{{static_url('lib/player/video-js.min.css')}}" rel="stylesheet">
    </head>
<body>
    {%include 'inc/menu.html'%}
    <div class="wrapper">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {% for v in data['focus'] %}
                <div class="swiper-slide"><a href="{{v['link']}}"><img src="{{v['pic']}}" width="100%"></a></div>
                {% end %}
            </div>
            <div class="swiper-pagination"></div>
        </div>
        {% if data['function'] %}
        <div class="block product">
            <h2 class="block-title">产品功能</h2>
            <ul>
                {%set i=1 %}
                {% for v in data['function'] %}
                <li><a href="{{v['link']}}"><i class="icon icon{{i}}"></i><p>{{v['name']}}</p></a></li>
                {%set i=i+1 %}
                {% end %}
            </ul>
        </div>
        {% end %}
        <div class="block wechat">
            <h2 class="block-title">微信管理</h2>
            <img src="{{data['setting']['web']['wx_pic']}}" width="559" height="220">
            <div class="msg">
                {% raw data['setting']['web']['wx_text'] %}
                <a href="{{data['setting']['web']['wx_link']}}" target="_blank">查看详细操作说明</a>
            </div>
        </div>
        {% if data['demo'] %}
        <div class="block custom">
            <h2 class="block-title">客户案例</h2>
            <ul>
                {% for v in data['demo'] %}
                <li><a href="{{v['link']}}"><img src="{{v['pic']}}" width="100%"><p>{{v['name']}}</p></a></li>
                {% end %}
            </ul>
        </div>
        {% end %}
    </div>
    {%include 'inc/footer.html'%}
    {%include 'inc/script.html'%}
    <script type="text/javascript" src="{{static_url('js/index.js')}}"></script>
    </body>
</html>