<!-- {#
@Author       : xupingmao
@email        : 578749341@qq.com
@Date         : 2022-03-13 21:48:23
@LastEditors  : xupingmao
@LastEditTime : 2022-06-26 19:21:01
@FilePath     : /xnote/handlers/test/page/example_btn.html
@Description  : 描述
 #} -->
{% extends base %}

{% block body %}

    {% include test/component/example_nav.html %}

{% init html1 = """
<button class="btn">按钮1</button>
<button class="btn btn-default">btn-default</button>
<button class="btn btn-danger">btn-danger</button>
<button class="btn danger">danger</button>
<button class="btn green">green</button>
<button class="btn pill">pill按钮</button>
<button class="btn link-style">链接样式按钮</button>
""" %}

<span class="card-title">效果</span>
<div class="card">
    {% raw html1 %}
</div>

<span class="card-title">代码</span>
<div class="card">
    <pre class="marked-code">{{html1}}</pre>
</div>

{% end %}