搜索组件_GJ-UI前端组件

发布时间::2018-06-03 10:53:57 已收录 阅读:320次

将将下列html代码复制粘贴在html文件的相应位置即可(可参考组件附带index.html文件中相应的注释说明位置);

搜索组件1[gj-ss1]:

HTML代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-search" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-ss1">
        <form action="">
            <input type="text" placeholder="请输入搜索关键词···">
            <button type="submit"></button>
        </form>
    </div>
</div>

YzmCMS代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-search" aria-hidden="true"></i> 组件标题</h3>
    </div>
    <div class="gj-body gj-ss1">
        <form action="{SITE_URL}index.php">
            <input type="hidden" name="m" value="search" />
            <input type="hidden" name="c" value="index" />
            <input type="hidden" name="a" value="init" />
            <input type="hidden" name="modelid" value="1" id="modelid" />
            <input type="text" name="q" placeholder="请输入搜索关键词···">
            <button id="searchbtn" type="submit"></button>
        </form>
    </div>
</div>

搜索组件2[gj-ss2]:

HTML代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-search" aria-hidden="true"></i> 组件标题</h3>
    </div><div class="gj-body gj-ss2">
        <form action="">
            <input type="text" placeholder="请输入搜索关键词···">
            <button type="submit"></button>
        </form>
    </div>
</div>

YzmCMS代码:

<div class="gj-wk">
    <div class="gj-bt">
        <h3><i class="fa fa-search" aria-hidden="true"></i> 组件标题</h3>
    </div><div class="gj-body gj-ss2">
        <form action="{SITE_URL}index.php">
            <input type="hidden" name="m" value="search" />
            <input type="hidden" name="c" value="index" />
            <input type="hidden" name="a" value="init" />
            <input type="hidden" name="modelid" value="1" id="modelid" />
            <input type="text" name="q" placeholder="请输入搜索关键词···">
            <button id="searchbtn" type="submit"></button>
        </form>
    </div>
</div>