说.html 14.9 KB
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <title></title>
    <link rel="stylesheet" href="css/vendor.css">
</head>
<body>
    <div class="container-fluid">
        <div class="wrapper-ipad-app-h5">
            <div class="header-main-1 clearfix">
                <div class="header-main-left">
                    <div class="header-main-gif">
                        <img src="images/shuogif.gif">
                    </div>
                    <div class="header-main-word-dropdown clearfix">
                        <a class="btn btn-sm btn-link dropdown-toggle collapsed js-collapse" href="#header-main-collapse-1" data-toggle="collapse">字源</a>
                        <a class="btn btn-sm btn-link dropdown-toggle collapsed js-collapse" href="#header-main-collapse-2" data-toggle="collapse">书法</a>
                    </div>
                </div>
                <div class="header-main-right">
                    <div class="word-read">
                        <span>【shuō】 </span>
                        <a class="link js-play-voice" href="javascript:;">
                            <i class="icon icon-shengyin"></i>
                        </a>
                        <span>【yuè】</span>
                        <a class="link js-play-voice" href="javascript:;">
                            <i class="icon icon-shengyin"></i>
                        </a>
                        <span>【shuì】</span>
                        <a class="link js-play-voice" href="javascript:;">
                            <i class="icon icon-shengyin"></i>
                        </a>
                        <span>【tuō】</span>
                        <a class="link js-play-voice" href="javascript:;">
                            <i class="icon icon-shengyin"></i>
                        </a>
                    </div>
                    <table>
                        <tbody>
                            <tr>
                                <td>笔画:
                                    <strong>9</strong>
                                </td>
                                <td>部首:讠</td>
                                <td>四角号码:71220</td>
                            </tr>
                            <tr>
                                <td>部外:
                                    <strong>7</strong>
                                </td>
                                <td>结构:左右</td>
                                <td>繁体:說</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="clear collapse-wrapper">
                    <div class="collapse" id="header-main-collapse-1">
                        <div class="character-origin clearfix">
                            <div class="character-origin-item">
                                <div class="character-origin-image">
                                    <img src="images/shuo1.png">
                                </div>
                                <div class="character-origin-desc">战国文字</div>
                            </div>
                            <div class="character-origin-item">
                                <div class="character-origin-image">
                                    <img src="images/shuo2.png">
                                </div>
                                <div class="character-origin-desc">篆书</div>
                            </div>
                            <div class="character-origin-item">
                                <div class="character-origin-image">
                                    <img src="images/shuo3.png">
                                </div>
                                <div class="character-origin-desc">隶书</div>
                            </div>
                            <div class="character-origin-item">
                                <div class="character-origin-image">
                                    <img src="images/shuo4.png">
                                </div>
                                <div class="character-origin-desc">楷书</div>
                            </div>
                            <div class="character-origin-item">
                                <div class="character-origin-image">
                                    <img src="images/shuo5.png">
                                </div>
                                <div class="character-origin-desc">简体</div>
                            </div>
                        </div>
                    </div>
                    <div class="collapse" id="header-main-collapse-2">
                        <img class="img-fluid" src="images/shuo.jpg">
                    </div>
                </div>
            </div>
            <article class="content-detail">
                <ul class="nav nav-tabs nav-tabs-main" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" href="#content-detail-tab-0" role="tab" data-toggle="tab">释义</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#content-detail-tab-1" role="tab" data-toggle="tab">精简释义</a>
                    </li>
                </ul>
                <div class="tab-content pt-3">
                    <div class="tab-pane fade show active" id="content-detail-tab-0" role="tabpanel">
                        <ul class="nav sub-tab js-tab clearfix" role="tablist">
                            <li class="sub-tab-item">
                                <a class="active" href="#subtab1" role="tab" data-toggle="tab">【shuō】</a>
                            </li>
                            <li class="sub-tab-item">
                                <a href="#subtab2" role="tab" data-toggle="tab">【yuè】</a>
                            </li>
                            <li class="sub-tab-item">
                                <a href="#subtab3" role="tab" data-toggle="tab">【shuì】</a>
                            </li>
                            <li class="sub-tab-item">
                                <a href="#subtab4" role="tab" data-toggle="tab">【tuō】</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="subtab1">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1.">
                                        <p>
                                            <strong>用话来表达意思。</strong>
                                        </p>
                                        <p>~话。~明。演~。解~。</p>
                                    </li>
                                    <li data-num="2.">
                                        <p>
                                            <strong>介绍。</strong>
                                        </p>
                                        <p>~合(a.从中介绍;b.商议;c.说和。“合”均读轻声)。~媒。</p>
                                    </li>
                                    <li data-num="3.">
                                        <p>
                                            <strong>言论,主张。</strong>
                                        </p>
                                        <p>学~。著书立~。</p>
                                    </li>
                                    <li data-num="4.">
                                        <p>
                                            <strong>责备。</strong>
                                        </p>
                                        <p>数~。</p>
                                    </li>
                                    <li data-num="5.">
                                        <p>
                                            <strong>文体的一种,如韩愈的《师说》。</strong>
                                        </p>
                                        <p></p>
                                    </li>
                                </ol>
                            </div>
                            <div class="tab-pane" id="subtab2">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1.">
                                        <p>
                                            <strong>通“悦”。</strong>
                                        </p>
                                        <p>《左传·僖公三十年》:“秦伯说,与郑人盟。”《论语·学而》:“学而时习之,不亦说乎?”</p>
                                    </li>
                                </ol>
                            </div>
                            <div class="tab-pane" id="subtab3">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1.">
                                        <p>
                                            <strong>用话劝说别人使听从自己的意见。</strong>
                                        </p>
                                        <p>如:游说。《孟子·尽心下》:“说大人,则藐之。”《史记·淮阴侯列传》:“广武君李左车说成安君。”</p>
                                    </li>
                                    <li data-num="2.">
                                        <p>
                                            <strong>通“税”。休憩;止息。</strong>
                                        </p>
                                        <p>《诗·召南·甘棠》:“蔽芾甘棠,勿剪勿拜,召伯所说。”孔颖达疏:“说,本或作税。舍也。”</p>
                                    </li>
                                </ol>
                            </div>
                            <div class="tab-pane" id="subtab4">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1.">
                                        <p>
                                            <strong>通“脱”。解脱。</strong>
                                        </p>
                                        <p>《易·蒙》:“用说桎梏。”</p>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="content-detail-tab-1" role="tabpanel">
                        <ul class="nav sub-tab js-tab clearfix" role="tablist">
                            <li class="sub-tab-item">
                                <a href="#subtabs1" role="tab" data-toggle="tab">【shuō】</a>
                            </li>
                            <li class="sub-tab-item">
                                <a href="#subtabs2" role="tab" data-toggle="tab">【yuè】</a>
                            </li>
                            <li class="sub-tab-item">
                                <a href="#subtabs3" role="tab" data-toggle="tab">【shuì】</a>
                            </li>
                            <li class="sub-tab-item">
                                <a href="#subtabs4" role="tab" data-toggle="tab">【tuō】</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="subtabs1">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1."></li>
                                    <p>
                                        <strong>用话来表达意思。</strong>
                                    </p>
                                    <li data-num="2."></li>
                                    <p>
                                        <strong>介绍。</strong>
                                    </p>
                                    <li data-num="3."></li>
                                    <p>
                                        <strong>言论,主张。</strong>
                                    </p>
                                    <li data-num="4."></li>
                                    <p>
                                        <strong>责备。</strong>
                                    </p>
                                    <li data-num="5."></li>
                                    <p>
                                        <strong>文体的一种,如韩愈的《师说》。</strong>
                                    </p>
                                </ol>
                            </div>
                            <div class="tab-pane" id="subtabs2">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1."></li>
                                    <p>
                                        <strong>通“悦”。</strong>
                                    </p>
                                </ol>
                            </div>
                            <div class="tab-pane" id="subtabs3">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1."></li>
                                    <p>
                                        <strong>用话劝说别人使听从自己的意见。</strong>
                                    </p>
                                    <li data-num="2."></li>
                                    <p>
                                        <strong>通“税”。休憩;止息。</strong>
                                    </p>
                                </ol>
                            </div>
                            <div class="tab-pane" id="subtabs4">
                                <ol class="list-paddingleft-2">
                                    <li data-num="1."></li>
                                    <p>
                                        <strong>通“脱”。解脱。</strong>
                                    </p>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </div>
    <script src="js/plugins/jquery.min.js"></script>
    <script src="js/vendor.js" merge="true"></script>
    <script>
        $('.js-collapse').each(function() {
            var $this = $(this);
            $($this.attr('href')).on('show.bs.collapse', function() {
                $($this.siblings().attr('href')).collapse('hide');
            });
        });
    </script>
</body>
</html>