yanj
/
exhibition_service_admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>分享demo</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200..900&display=swap" rel="stylesheet">
</head>
<body>
  <div class="head-bar">多果文学</div>
  <h2 class="title">第一回 宴桃园豪杰三结义 斩黄巾英雄首立功</h2>
  <div class="body">
    <div class="content">
      <p class="auth">明朝 · 罗贯中 著</p>
      <p>滚滚长江东逝水，浪花淘尽英雄。是非成败转头空。青山依旧在，几度夕阳红。白发渔樵江渚上，惯看秋月春风。一壶浊酒喜相逢。古今多少事，都付笑谈中。——调寄《临江仙》</p>
      <p>话说天下大势，分久必合，合久必分。周末七国分争，并入于秦。及秦灭之后，楚、汉分争，又并入于汉。汉朝自高祖斩白蛇而起义，一统天下，后来光武中兴，传至献帝，遂分为三国。推其致乱之由，殆始于桓、灵二帝。桓帝禁锢善类，崇信宦官。及桓帝崩，灵帝即位，大将军窦武、太傅陈蕃共相辅佐。时有宦官曹节等弄权，窦武、陈蕃谋诛之，机事不密，反为所害，中涓自此愈横。</p>
      <mp-share-card id="share-card"></mp-share-card>
      <p>建宁二年四月望日，帝御温德殿。方升座，殿角狂风骤起。只见一条大青蛇，从梁上飞将下来，蟠于椅上。帝惊倒，左右急救入宫，百官俱奔避。须臾，蛇不见了。忽然大雷大雨，加以冰雹，落到半夜方止，坏却房屋无数。建宁四年二月，洛阳地震；又海水泛溢，沿海居民，尽被大浪卷入海中。光和元年，雌鸡化雄。六月朔，黑气十余丈，飞入温德殿中。秋七月，有虹现于玉堂；五原山岸，尽皆崩裂。种种不祥，非止一端。帝下诏问群臣以灾异之由，议郎蔡邕上疏，以为蜺堕鸡化，乃妇寺干政之所致，言颇切直。帝览奏叹息，因起更衣。曹节在后窃视，悉宣告左右；遂以他事陷邕于罪，放归田里。后张让、赵忠、封谞、段珪、曹节、侯览、蹇硕、程旷、夏恽、郭胜十人朋比为奸，号为“十常侍”。帝尊信张让，呼为“阿父”。朝政日非，以致天下人心思乱，盗贼蜂起。</p>
      <p>时巨鹿郡有兄弟三人，一名张角，一名张宝，一名张梁。那张角本是个不第秀才，因入山采药，遇一老人，碧眼童颜，手执藜杖，唤角至一洞中，以天书三卷授之，曰：“此名《太平要术》，汝得之，当代天宣化，普救世人；若萌异心，必获恶报。”角拜问姓名。老人曰：“吾乃南华老仙也。”言讫，化阵清风而去。角得此书，晓夜攻习，能呼风唤雨，号为“太平道人”。</p>
      <p>中平元年正月内，疫气流行，张角散施符水，为人治病，自称“大贤良师”。角有徒弟五百余人，云游四方，皆能书符念咒。次后徒众日多，角乃立三十六方，大方万余人，小方六七千，各立渠帅，称为将军；讹言：“苍天已死，黄天当立；岁在甲子，天下大吉。”令人各以白土书“甲子”二字于家中大门上。青、幽、徐、冀、荆、扬、兖、豫八州之人，家家侍奉大贤良师张角名字。角遣其党马元义，暗赍金帛，结交中涓封谞，以为内应。角与二弟商议曰：“至难得者，民心也。今民心已顺，若不乘势取天下，诚为可惜。”遂一面私造黄旗，约期举事；一面使弟子唐周，驰书报封谞。唐周乃径赴省中告变。帝召大将军何进调兵擒马元义，斩之；次收封谞等一干人下狱。</p>
      <p>张角闻知事露，星夜举兵，自称“天公将军”，张宝称“地公将军”，张梁称“人公将军”。申言于众曰：“今汉运将终，大圣人出。汝等皆宜顺天从正，以乐太平。”四方百姓，裹黄巾从张角反者四五十万。贼势浩大，官军望风而靡。何进奏帝火速降诏，令各处备御，讨贼立功。一面遣中郎将卢植、皇甫嵩、朱儁，各引精兵、分三路讨之。</p>
    </div>
    <div class="side-bar">
      <div class="list">
        <div class="side-title">其它章节</div>
        <div class="item">宴桃园豪杰三结义<br/>斩黄巾英雄首立功</div>
        <div class="item">张翼德怒鞭督邮<br/>何国舅谋诛宦竖</div>
        <div class="item">议温明董卓叱丁原<br/>馈金珠李肃说吕布</div>
        <div class="item">废汉帝陈留践位<br/>谋董贼孟德献刀</div>
        <div class="item">发矫诏诸镇应曹公<br/>破关兵三英战吕布</div>
        <div class="item">焚金阙董卓行凶<br/>匿玉玺孙坚背约</div>
      </div>
    </div>
  </div>
  <div class="foot"></div>
  <mp-float-button id="share-button"></mp-float-button>
  <script src="http://localhost:9528/shareModule/initShare.js?url=https://exporeg-test-api.matchexpo.cn"></script>
  <script>
    {
      let sareCard = document.getElementById('share-card')
      let shareButton = document.getElementById('share-button')
      window.top.postMessage({msg:'mpShare init done'})
      window.addEventListener('message', function(e){
        let data = e.data
        if(data.type === 'card'){
          console.log('来自父页面：',data)
          for(let key in data){
            sareCard.setAttribute(key, data[key])
          }
        }
        if(data.type === 'button'){
          console.log('来自父页面：',data)
          for(let key in data){
            shareButton.setAttribute(key, data[key])
          }
        }
      })
    }
  </script>
  <style>
    body{
      padding: 0;
      margin: 0;
      padding-top: 100px;
      background-color: #EDE7D9;
    }
    .foot{
      padding-bottom: 80px;
      border-top: 8px solid #95191B;
    }
    .head-bar{
      z-index: 999;
      background-color: #F1ECE1;
      width: 100%;
      left: 0;
      top: 0;
      position: fixed;
      font-family: "Noto Serif SC", serif;
      padding: 24px 36px;
      font-size: 1.6em;
      font-weight: 800;
      color: #95191B;
      border-bottom: 8px solid #95191B;
    }
    .title{
      text-align: center;
      font-family: "Noto Serif SC", serif;
    }
    .body {
      padding: 0 24px;
      display: flex;
      gap: 36px;
      .side-bar{
        width: 200px;
        .list{
          padding: 12px 0;
          background-color: #F1ECE1;
          position: sticky;
          top: 110px;
          font-family: "Noto Serif SC", serif;
          .side-title{
            text-align: left;
            padding-left: 12px;
            border-left: 4px solid #95191B;
            font-weight: 800;
            margin-bottom: 0.5em;
            font-size: 1.2em;
          }
          .item{
            cursor: pointer;
            padding-left: 12px;
            border-left: 4px solid #95191B00;
            font-size: 0.9em;
            margin-bottom: 0.5em;
            &:hover{
              border-left: 4px solid #95191B;
            }
          }
        }
      }
      .content{
        flex: 1;
        font-family: "Noto Serif SC", serif;
        .auth{
          font-weight: 500;
        }
      }
    }
  </style>
</body>
</html>