practice.ejs

<style>
.practice dt {
    font-size: 1.7rem;
    margin-top: 3.5rem;
    margin-bottom: 1.25rem;
    font-weight:  500;
    color: #2da2f8;
    margin-left: 90px;
}

.practice dd {
    margin-left: 90px;
}
.practice dd a {
    color: #818688;
    text-decoration: none;
    line-height: 2.2em;
    font-weight: 300;
    font-size:1.05em;
    transition-timing-function: ease;
    transition-duration: .1s;
    transition-property: color;
    cursor: pointer;
}
.practice dd a:visited {
    color:#818688;
    text-decoration: none;
}
.practice dd a:hover{
    color: #2EA2F8;
}
</style>

<main class="practice">
<dl id="practice-list">
    <dt><%= __('practice.data.title') %></dt>
    <dd><a href="<%- url_for_lang('practice/data-valid/') %>"><%= __('practice.data.0') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/data-invalid/') %>"><%= __('practice.data.1') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/auto-camel/') %>"><%= __('practice.data.2') %></a></dd>

    <dt><%= __('practice.tpl.title') %></dt>
    <dd><a href="<%- url_for_lang('practice/traverse-object/') %>"><%= __('practice.tpl.0') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/array-deep-updates-trigger-view/') %>"><%= __('practice.tpl.1') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/how-to-show-or-hide-an-element') %>"><%= __('practice.tpl.2') %></a></dd>

    <dt><%= __('practice.msg.title') %></dt>
    <dd><a href="<%- url_for_lang('practice/parent-to-child/') %>"><%= __('practice.msg.0') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/child-to-parent/') %>"><%= __('practice.msg.1') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/child-to-grandparent/') %>"><%= __('practice.msg.2') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/dynamic-parent-child/') %>"><%= __('practice.msg.3') %></a></dd>

    <dt><%= __('practice.component.title') %></dt>
    <dd><a href="<%- url_for_lang('practice/can-we-use-dom/') %>"><%= __('practice.component.0') %></a></dd>
    <!-- <dd><a href="<%- url_for_lang('practice/position-absolute-dom/') %>"><%= __('practice.component.1') %></a></dd> -->

    <dt><%= __('practice.route.title') %></dt>
    <dd><a href="<%- url_for_lang('practice/san-router-spa/') %>"><%= __('practice.route.0') %></a></dd>

    <dt><%= __('practice.state.title') %></dt>
    <dd><a href="<%- url_for_lang('practice/san-store-spa/') %>"><%= __('practice.state.0') %></a></dd>

    <dt><%= __('practice.composition.title') %></dt>
    <dd><a href="<%- url_for_lang('practice/san-composition-api/') %>"><%= __('practice.composition.0') %></a></dd>

    <!-- <dt>DevTool</dt>

    <dt>应用状态管理</dt> -->
    <dt>FAQ</dt>
    <dd><a href="<%- url_for_lang('practice/question-and-answer/') %>"><%= __('practice.faq.0') %></a></dd>
    <dd><a href="<%- url_for_lang('practice/ie-compatibility/') %>"><%= __('practice.faq.1') %></a></dd>
</dl>
</main>