Drawer 抽屉
纯html+css抽屉 JS
本框架撰写一套完整的自适应抽屉，可简单配合js或jq使用，也可以封装为插件使用。另外可通过使用data-*属性实现不同效果。
data-position定义方位data-size定义抽屉大小
-
$("#open-drawer01").click(function () { $("#drawer01").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-drawer01">右侧抽屉（默认）</a> <div class="ax-drawer" id="drawer01"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-title"><div class="ax-col ax-align-center">关于中国</div></div> <div class="ax-break-line"></div> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> <div class="ax-break-line"></div> <div class="ax-row ax-drawer-operate"> <a href="###" class="ax-col ax-col-12 ax-color-ignore">取消</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12">确定</a> </div> </div> </div>
自定义内容 JS
窗口中的ax-drawer-title，ax-drawer-close等元素可根据自己需要自由删除。
-
$("#open-drawer01").click(function () { $("#drawer01").addClass("ax-drawer-show"); }); $("#open-drawer02").click(function () { $("#drawer02").addClass("ax-drawer-show"); }); $("#open-drawer03").click(function () { $("#drawer03").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-drawer02">标题+操作</a> <a href="###" class="ax-btn ax-primary" id="open-drawer03">底部操作</a> <a href="###" class="ax-btn ax-primary" id="open-drawer04">去头去尾</a> <!--标题+操作--> <div class="ax-drawer" id="drawer02"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-title"><div class="ax-col">关于中国</div><a href="###" class="ax-color-ignore">取消</a><span class="ax-gutter-xxl"></span><a href="###" class="ax-color-primary">确定</a></div> <div class="ax-break-line"></div> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--底部操作--> <div class="ax-drawer" id="drawer03"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> <div class="ax-break-line"></div> <div class="ax-row ax-drawer-operate"> <a href="###" class="ax-col ax-col-12 ax-color-ignore">取消</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12">确定</a> </div> </div> </div> <!--去头去尾--> <div class="ax-drawer" id="drawer04"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div>
抽屉的尺寸 JS
本框架定义了三种尺寸，对data-size属性使用small、middle或large。默认是middle。
small400px宽/高（默认）middle600px宽/高large70%宽/高
-
$("#open-width01").click(function () { $("#width01").addClass("ax-drawer-show"); setTimeout(function(){$("#width01").find(".ax-drawer-content").axScroll();}, 300); }); $("#open-width02").click(function () { $("#width02").addClass("ax-drawer-show"); }); $("#open-width03").click(function () { $("#width03").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-width01">400px宽/高（默认）</a> <a href="###" class="ax-btn ax-primary" id="open-width02">600px宽/高</a> <a href="###" class="ax-btn ax-primary" id="open-width03">70%宽/高</a> <!--400宽/高（默认）--> <div class="ax-drawer" id="width01"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-title"><div class="ax-col ax-align-center">关于中国</div></div> <div class="ax-break-line"></div> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <p> 中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。</p> <p> 中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。</p> <p> 中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。</p> <p> “华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。</p> </div> </div> <div class="ax-break-line"></div> <div class="ax-row ax-drawer-operate"> <a href="###" class="ax-col ax-col-12 ax-color-ignore">取消</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12">确定</a> </div> </div> </div> <!--600宽/高--> <div class="ax-drawer" data-size="middle" id="width02"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-title"><div class="ax-col ax-align-center">关于中国</div></div> <div class="ax-break-line"></div> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <p> 中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。</p> <p> 中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。</p> <p> 中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。</p> <p> “华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。</p> </div> </div> <div class="ax-break-line"></div> <div class="ax-row ax-drawer-operate"> <a href="###" class="ax-col ax-col-12 ax-color-ignore">取消</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12">确定</a> </div> </div> </div> <!--70%宽/高--> <div class="ax-drawer" data-size="large" id="width03"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-title"><div class="ax-col ax-align-center">关于中国</div></div> <div class="ax-break-line"></div> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <p> 中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。</p> <p> 中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。</p> <p> 中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。</p> <p> “华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。</p> </div> </div> <div class="ax-break-line"></div> <div class="ax-row ax-drawer-operate"> <a href="###" class="ax-col ax-col-12 ax-color-ignore">取消</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12">确定</a> </div> </div> </div>
关于中国
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。
中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。
中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。
“华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。
关于中国
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。
中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。
中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。
“华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。
关于中国
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。
中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。
中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。
“华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。
抽屉方位 JS
本框架定义了四种方位，对data-position属性使用left、right、top或bottom；默认是right。
right右侧抽屉（默认）left左侧抽屉top上方抽屉bottom下方抽屉
-
$("#open-pos01").click(function () { $("#pos01").addClass("ax-drawer-show"); }); $("#open-pos02").click(function () { $("#pos02").addClass("ax-drawer-show"); }); $("#open-pos03").click(function () { $("#pos03").addClass("ax-drawer-show"); }); $("#open-pos04").click(function () { $("#pos04").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-pos01">右侧抽屉（默认）</a> <a href="###" class="ax-btn ax-primary" id="open-pos02">左侧抽屉</a> <a href="###" class="ax-btn ax-primary" id="open-pos03">上方抽屉</a> <a href="###" class="ax-btn ax-primary" id="open-pos04">下方抽屉</a> <!--右侧抽屉（默认）--> <div class="ax-drawer" id="pos01"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--左侧抽屉--> <div class="ax-drawer" data-position="left" id="pos02"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--上方抽屉--> <div class="ax-drawer" data-position="top" id="pos03"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--下方抽屉--> <div class="ax-drawer" data-position="bottom" id="pos04"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div>
抽屉关闭 JS
本框架弹窗的关闭方式有三种：一是点击右上角的关闭按钮；二是点击遮罩；三是自定义关闭按钮，在ax-drawer中添加ax-drawer-close元素即可。
-
$("#open-close01").click(function () { $("#close01").addClass("ax-drawer-show"); }); $("#open-close02").click(function () { $("#close02").addClass("ax-drawer-show"); }); $("#open-close03").click(function () { $("#close03").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-close01">抽屉周围关闭按钮</a> <a href="###" class="ax-btn ax-primary" id="open-close02">点击遮罩关闭</a> <a href="###" class="ax-btn ax-primary" id="open-close03">自定义关闭按钮</a> <!--抽屉周围关闭按钮--> <div class="ax-drawer" id="close01"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--遮罩关闭--> <div class="ax-drawer" id="close02"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--自定义关闭--> <div class="ax-drawer" id="close03"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div class="ax-align-center"><a href="###" class="ax-btn ax-primary ax-drawer-close">关闭</a></div> </div> </div> </div> </div>
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
抽屉按钮 JS
本框架的弹窗按钮有三种：一是左右结构，左侧文字，右侧按钮；二是居中结构，按钮都安排在中间排列；三是底部线条按钮，简约风格。
-
$("#open-btn01").click(function () { $("#btn01").addClass("ax-drawer-show"); }); $("#open-btn02").click(function () { $("#btn02").addClass("ax-drawer-show"); }); $("#open-btn03").click(function () { $("#btn03").addClass("ax-drawer-show"); }); $("#open-btn04").click(function () { $("#btn04").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-btn01">左右结构</a> <a href="###" class="ax-btn ax-primary" id="open-btn02">居中结构</a> <a href="###" class="ax-btn ax-primary" id="open-btn03">线条按钮</a> <a href="###" class="ax-btn ax-primary" id="open-btn04">图标按钮</a> <!--左右结构--> <div class="ax-drawer" id="btn01"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> <div class="ax-padding ax-drawer-operate"> <div class="ax-row"> <div class="ax-col"> <div class="ax-explain">您还要看更多么？</div> </div> <div class="ax-btns"> <a href="###" class="ax-btn ax-text ax-ignore ax-window-close">取消</a> <a href="###" class="ax-btn ax-primary">确定</a> </div> </div> </div> </div> </div> <!--居中结构--> <div class="ax-drawer" id="btn02"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> <div class="ax-padding ax-drawer-operate ax-align-center"> <a href="###" class="ax-btn ax-ignore ax-window-close">取消</a> <a href="###" class="ax-btn ax-primary">确定</a> </div> <div class="ax-break"></div> </div> </div> <!--线条按钮--> <div class="ax-drawer" id="btn03"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> <div class="ax-break-line"></div> <div class="ax-row ax-drawer-operate"> <a href="###" class="ax-col ax-col-12 ax-color-ignore">取消</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12">确定</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12">分享</a> </div> </div> </div> <!--图标按钮--> <div class="ax-drawer" id="btn04"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <a href="###" class="ax-drawer-close"><i class="ax-iconfont ax-icon-close"></i></a> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> <div class="ax-break-line"></div> <div class="ax-row ax-drawer-operate"> <a href="###" class="ax-col ax-col-12"><i class="ax-iconfont ax-icon-edit"></i> 编辑</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12"><i class="ax-iconfont ax-icon-message-s"></i> 评论</a> <span class="ax-gutter-line"></span> <a href="###" class="ax-col ax-col-12"><i class="ax-iconfont ax-icon-link-open"></i></a> </div> </div> </div>
多媒体抽屉
本框架的弹窗按钮有三种：一是左右结构，左侧文字，右侧按钮；二是居中结构，按钮都安排在中间排列；三是底部线条按钮，简约风格。
-
$("#open-media01").click(function () { $("#media01").addClass("ax-drawer-show"); setTimeout(function(){$("#media01").find(".ax-drawer-content").axScroll();}, 300); }); $("#open-media02").click(function () { $("#media02").addClass("ax-drawer-show"); }); $("#open-media03").click(function () { $("#media03").addClass("ax-drawer-show"); setTimeout(function(){$("#media03").find(".ax-drawer-content").axScroll();}, 300); }); $("#open-media04").click(function () { $("#media04").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-media01">大段文字</a> <a href="###" class="ax-btn ax-primary" id="open-media02">多级菜单</a> <a href="###" class="ax-btn ax-primary" id="open-media03">大型表格</a> <a href="###" class="ax-btn ax-primary" id="open-media04">窗口搜索</a> <!--窗口-大段文字--> <div class="ax-drawer" id="media01"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding ax-article"> <img src="https://src.axui.cn/v1.0/examples/images/china01.jpg" /> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> <a href="###" class="ax-color-primary">中国</a>是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <video controls="controls" > <source src="https://src.axui.cn/v1.0/examples/media/video.mp4" type="video/mp4"> 您的浏览器不支持播放该视频，<a href="###" class="ax-color-primary">点击这里更新浏览器</a> </video> <p> 中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。</p> <audio src="https://src.axui.cn/v1.0/examples/media/audio.mp3" controls="controls"> 您的浏览器不支持播放该音频，<a href="###" class="ax-color-primary">点击这里更新浏览器</a> </audio> <p> 中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。</p> <p> 中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。</p> <p> “华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。</p> </div> </div> </div> </div> <!--窗口-多级菜单--> <div class="ax-drawer" data-position="left" id="media02"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <ul class="ax-menu ax-menu-light" id="menu02"> <li> <a href="###"><span class="ax-name">河北</span><span class="ax-arrow ax-iconfont ax-icon-right"></span></a> <ul> <li><a href="###"><span class="ax-name">石家庄</span><span class="ax-arrow ax-iconfont ax-icon-right"></span></a> <ul> <li><a href="###"><span class="ax-name">长安区</span></a></li> <li><a href="###"><span class="ax-name">桥西区</span></a></li> <li><a href="###"><span class="ax-name">新华区</span></a></li> <li><a href="###"><span class="ax-name">裕华区</span></a></li> <li><a href="###"><span class="ax-name">井陉矿区</span></a></li> </ul> </li> <li><a href="###"><span class="ax-name">邢台</span></a></li> <li><a href="###"><span class="ax-name">邯郸</span></a></li> <li><a href="###"><span class="ax-name">保定</span></a></li> <li><a href="###"><span class="ax-name">衡水</span></a></li> </ul> </li> <li> <a href="###"><span class="ax-name">四川</span><span class="ax-arrow ax-iconfont ax-icon-right"></span></a> <ul> <li><a href="###"><span class="ax-name">成都</span></a></li> <li><a href="###"><span class="ax-name">南充</span></a></li> <li><a href="###"><span class="ax-name">绵阳</span></a></li> </ul> </li> <li> <a href="###"><span class="ax-name">广西</span><span class="ax-arrow ax-iconfont ax-icon-right"></span></a> <ul> <li><a href="###"><span class="ax-name">南宁</span></a></li> <li><a href="###"><span class="ax-name">柳州</span></a></li> </ul> </li> </ul> </div> </div> </div> <!--窗口-表格--> <div class="ax-drawer" data-size="large" id="media03"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <table class="ax-table"> <thead> <tr> <th style="width: 240px;">情形</th> <th>描述</th> <th>回购和转让安排</th> <th style="width: 100px;">操作</th> </tr> </thead> <tbody> <tr> <td><div class="ax-align-left">1、激励对象主动解除劳动关系</div></td> <td><div class="ax-align-left">在劳动合同期内书面辞职</div></td> <td><div class="ax-align-left">按照原始出资价格加每年<span class="ax-color-danger">6%</span>利息回购</div></td> <td><div class="ax-operate"><a href="###" class="ax-iconfont ax-icon-editing-fill" title="编辑"></a></div></td> </tr> <tr> <td><div class="ax-align-left">2、激励对象被解除劳动关系</div></td> <td><div class="ax-align-left">因违反法律、法规、甲方规章制度、双方协议等被解除劳动关系的</div></td> <td><div class="ax-align-left">按照原始出资价格回购，如果给公司造成损失，赔偿损失</div></td> <td></td> </tr> <tr> <td><div class="ax-align-left">3、丧失劳动能力并终止劳动关系</div></td> <td><div class="ax-align-left">激励对象因伤病等非工伤的原因</div></td> <td><div class="ax-align-left">按照原始出资价格加每年<span class="ax-color-danger">10%</span>的利息回购</div></td> <td><div class="ax-operate"><a href="###" class="ax-iconfont ax-icon-editing-fill" title="编辑"></a></div></td> </tr> <tr> <td><div class="ax-align-left">4、职务变更（仅限于高管）</div></td> <td><div class="ax-align-left">职务调整，按照“股随岗走”原则，依据公司的《岗位与激励股权确定细则》确定乙方的激励股权，相应增加或者减少</div></td> <td><div class="ax-align-left">增加激励股权按照新的激励对象处理；减少激励股权按照应减少的激励股权出资额加<span class="ax-color-danger">10%</span>利率回购</div></td> <td><div class="ax-operate"><a href="###" class="ax-iconfont ax-icon-editing-fill" title="编辑"></a></div></td> </tr> <tr> <td><div class="ax-align-left">5、退休</div></td> <td><div class="ax-align-left ax-more-ell">88退休且不签署《保密及竞业限制协议》</div></td> <td><div class="ax-align-left">按照原始出资价格加每年<span class="ax-color-danger">12</span>%的利息回购</div></td> <td><div class="ax-operate"><a href="###" class="ax-iconfont ax-icon-editing-fill" title="编辑"></a></div></td> </tr> <tr> <td><div class="ax-align-left">6、死亡</div></td> <td><div class="ax-align-left">公司股份不能在公开市场自由转让的</div></td> <td><div class="ax-align-left">继承人与公司股东协商转让，如无人受让，则原始出资价格加每年<span class="ax-color-danger">12%</span>的利息回购</div></td> <td><div class="ax-operate"><a href="###" class="ax-iconfont ax-icon-editing-fill" title="编辑"></a></div></td> </tr> </tbody> </table> </div> </div> </div> </div> <!--窗口-搜索--> <div class="ax-drawer" id="media04"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-break"></div> <div class="ax-padding-lr"> <div class="ax-form-group"> <div class="ax-row"> <div class="ax-col"> <input name="username" placeholder="输入关键字" value="" type="text"><span class="ax-pos-right"><a href="###" class="ax-iconfont ax-icon-close ax-val-none"></a><a href="###" class="ax-iconfont ax-icon-search"></a></span> </div> </div> </div> <label class="ax-radio"><input name="group-select-house" type="radio" value="1"><span>全选</span></label> <label class="ax-radio"><input name="group-select-house" type="radio" value="0"><span>取消全选</span></label> </div> <div class="ax-break-line"></div> <div class="ax-list-select"> <div class="ax-info-block"> <div class="ax-row"> <div class="ax-col"><span class="ax-ell">去成都逛宽窄巷子</span></div> <label class="ax-checkbox ax-bone"><input name="house" value="2" type="checkbox"><span></span></label> </div> </div> <div class="ax-break-line"></div> <div class="ax-info-block"> <div class="ax-row"> <div class="ax-col"><span class="ax-ell">到北京游八达岭长城</span></div> <label class="ax-checkbox ax-bone"><input name="house" value="2" type="checkbox"><span></span></label> </div> </div> <div class="ax-break-line"></div> <div class="ax-info-block"> <div class="ax-row"> <div class="ax-col"><span class="ax-ell">下榻乌镇经典民宿</span></div> <label class="ax-checkbox ax-bone"><input name="house" value="2" type="checkbox"><span></span></label> </div> </div> <div class="ax-break-line"></div> <div class="ax-info-block"> <div class="ax-row"> <div class="ax-col"><span class="ax-ell">自驾丽江三两天</span></div> <label class="ax-checkbox ax-bone"><input name="house" value="2" type="checkbox"><span></span></label> </div> </div> <div class="ax-break-line"></div> <div class="ax-info-block"> <div class="ax-row"> <div class="ax-col"><span class="ax-ell">桂林漓江漂流</span></div> <label class="ax-checkbox ax-bone"><input name="house" value="2" checked="" disabled type="checkbox"><span></span></label> </div> </div> <div class="ax-break-line"></div> <div class="ax-info-block"> <div class="ax-row"> <div class="ax-col"><span class="ax-ell">井冈山瞻仰历史</span></div> <label class="ax-checkbox ax-bone"><input name="house" value="2" disabled type="checkbox"><span></span></label> </div> </div> <div class="ax-break-line"></div> </div> </div> </div> </div>
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国疆域辽阔、民族众多，先秦时期的华夏族在中原地区繁衍生息，到了汉代通过文化交融使汉族正式成型，奠定了中国主体民族的基础。后又通过与周边民族的交融，逐步形成统一多民族国家的局面，而人口也不断攀升，宋代中国人口突破一亿，清朝时期人口突破四亿，到2005年中国人口已突破十三亿。
中国文化渊远流长、博大精深、绚烂多彩，是东亚文化圈的文化宗主国，在世界文化体系内占有重要地位，由于各地的地理位置、自然条件的差异，人文、经济方面也各有特点。传统文化艺术形式有诗词、戏曲、书法、国画等，而春节、元宵、清明、端午、中秋、重阳等则是中国重要的传统节日。
中国一词最早见于西周初年的青铜器“何尊”铭文中的“余其宅兹中国，自之辟民”，同时又以“华夏”、“中华”、“中夏”、“中原”、“诸夏”、“诸华”、“神州”、“九州”、“海内”等的代称出现。
“华夏”一词最早见于周朝《尚书·周书·武成》，“华夏蛮貊，罔不率俾”。 《书经》曰：“冕服采装曰华，大国曰夏”。《尚书正义》注：“冕服华章曰华，大国曰夏”。“华”，是指华丽、兴旺；也有说上古华、夏同音，本一字。《左传》曰：“中国有礼仪之大，故称夏；有服章之美，谓之华。” 华是指汉服，夏指行周礼的大国，故中国有礼仪之邦、衣冠上国之美誉。
| 情形 | 描述 | 回购和转让安排 | 操作 |
|---|---|---|---|
1、激励对象主动解除劳动关系 |
在劳动合同期内书面辞职 |
按照原始出资价格加每年6%利息回购 |
|
2、激励对象被解除劳动关系 |
因违反法律、法规、甲方规章制度、双方协议等被解除劳动关系的 |
按照原始出资价格回购，如果给公司造成损失，赔偿损失 |
|
3、丧失劳动能力并终止劳动关系 |
激励对象因伤病等非工伤的原因 |
按照原始出资价格加每年10%的利息回购 |
|
4、职务变更（仅限于高管） |
职务调整，按照“股随岗走”原则，依据公司的《岗位与激励股权确定细则》确定乙方的激励股权，相应增加或者减少 |
增加激励股权按照新的激励对象处理；减少激励股权按照应减少的激励股权出资额加10%利率回购 |
|
5、退休 |
88退休且不签署《保密及竞业限制协议》 |
按照原始出资价格加每年12%的利息回购 |
|
6、死亡 |
公司股份不能在公开市场自由转让的 |
继承人与公司股东协商转让，如无人受让，则原始出资价格加每年12%的利息回购 |
二级抽屉 JS
本框架的抽屉可使用二级抽屉，第一步：在一级抽屉中使用按钮并赋予ax-open-child样式；第二步：如果一级抽屉的id是drawer，那么对二级抽屉使用id="drawer-child"。如果两个抽屉同侧打开请使用相同的data-position属性，详细请参阅演示效果。
-
$("#open-level01").click(function () { $("#level01").addClass("ax-drawer-show"); }); $("#open-level02").click(function () { $("#level02").addClass("ax-drawer-show"); }); $("#open-level03").click(function () { $("#level03").addClass("ax-drawer-show"); }); $("#open-level04").click(function () { $("#level04").addClass("ax-drawer-show"); }); $("#open-level05").click(function () { $("#level05").addClass("ax-drawer-show"); }); $("#open-level06").click(function () { $("#level06").addClass("ax-drawer-show"); }); $("#open-level07").click(function () { $("#level07").addClass("ax-drawer-show"); }); $("#open-level08").click(function () { $("#level08").addClass("ax-drawer-show"); }); -
<a href="###" class="ax-btn ax-primary" id="open-level01">右侧二级</a> <a href="###" class="ax-btn ax-primary" id="open-level02">左侧二级</a> <a href="###" class="ax-btn ax-primary" id="open-level03">顶部二级</a> <a href="###" class="ax-btn ax-primary" id="open-level04">底部二级</a> <div class="ax-break"></div> <a href="###" class="ax-btn ax-primary" id="open-level05">右→左两端</a> <a href="###" class="ax-btn ax-primary" id="open-level06">左→右两端</a> <a href="###" class="ax-btn ax-primary" id="open-level07">上→下两端</a> <a href="###" class="ax-btn ax-primary" id="open-level08">下→上两端</a> <!--右侧二级--> <div class="ax-drawer" id="level01"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" id="level01-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--左侧二级--> <div class="ax-drawer" data-position="left" id="level02"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" data-position="left" id="level02-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--顶部二级--> <div class="ax-drawer" data-position="top" id="level03"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" data-position="top" id="level03-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--底部二级--> <div class="ax-drawer" data-position="bottom" id="level04"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" data-position="bottom" id="level04-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--右→左两端--> <div class="ax-drawer" id="level05"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" data-position="left" id="level05-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--左→右两端--> <div class="ax-drawer" data-position="left" id="level06"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" id="level06-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--上→下两端--> <div class="ax-drawer" data-position="top" id="level07"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" data-position="bottom" id="level07-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div> <!--下→上两端--> <div class="ax-drawer" data-position="bottom" id="level08"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> <div align="center"><a href="###" class="ax-btn ax-primary ax-open-child">打开二级抽屉</a></div> </div> </div> </div> </div> <div class="ax-drawer" data-position="top" id="level08-child"> <div class="ax-drawer-overlay"></div> <div class="ax-drawer-contain"> <div class="ax-drawer-content"> <div class="ax-padding"> <p> 中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p> <p> 中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p> </div> </div> </div> </div>
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。