<html  lang="zh-cn">
			   		<head>
					<meta http-equiv="content-type" content="text/html; charset=utf-8">
					<title>藏书库\古典小说\传世经典\神魔志怪\上古秘史\0001_第二回 皇娥梦遊穹桑 盘瓠应运降世</title>
<link rel = "stylesheet" href="../../../../../js/element_lib/theme-chalk/index.css">
<link rel='stylesheet' href='http://gudianxiaoshuo.com/js/myCss/gudianxiaoshuo.css'>
</head>
<script src="../../../../../js\vue.js"  type="text/javascript"  charset="utf-8"></script>
													 <script src="http://gudianxiaoshuo.com/js/myHeader.js"  type="text/javascript"  charset="utf-8"></script>
													 					  <style>
		  p{text-indent:2em; color:#606266;line-height:200%;}
		  body {font-family: '宋体', Arial, Helvetica;font-size:20px;}		 .el-main1 .el-link{font-size:var(--linkFontSize);}
		  .el-row {
		  	 margin-bottom: 10px; 
			}
		  .el-row:last-child{
		  	 margin-bottom:0px;
			}
		  .el-row:nth-last-child(2){
		  	margin-bottom:100px;
			margin-top:40px;
			}
			.Btn1{
				background - color:rgb(250, 248, 238);
				width:20px;
				height:20px;
				border:0px;
					border - radius:10px;
				margin: 10px;
				}
				.Btn1:hover{
					background - color:rgb(250, 238, 238);
				}
				.Btn2{
					background - color:rgb(242, 226, 216);
				width:20px;
				height:20px;
				border:0px;
					border - radius:10px;
				margin: 10px;
				}
				.Btn2:hover{
					background - color:rgb(242, 226, 216);
				}
				.Btn3{
					background - color:rgb(216, 244, 196);
				width:20px;
				height:20px;
				border:12px;
					border - radius:10px;
				margin: 10px;
				}
				.Btn3:hover{
					background - color:rgb(216, 244, 196);
				}
								
				.Btn4{
					background - color:rgb(79, 82, 84);
				width:20px;
				height:20px;
				border:0px;
					border - radius:10px;
				margin: 10px;
				}
				.Btn4:hover{
					background - color:rgb(79, 82, 84);
				}
				.Btn5{
					background - color:rgb(61, 61, 61);
				width:20px;
				height:20px;
				border:0px;
					border - radius:10px;
				margin: 10px;
								
				}
				.Btn5:hover{
					background - color:rgb(61, 61, 61);
				}
		    ::-webkit-scrollbar {
  				width: 16px;
			    display:var(--scrollbar);
			}
			::-webkit-scrollbar-thumb {
		    background:var(--scrollCorlor);
		    box-shadow: inset 0 0 4px green; 
			border-radius: 30px;
		   }
		  #mainContent:fullscreen {  
			background-color:var(--fullCorlor);
		  }
		  #mainContent{
				padding-left: 100px;
				padding-right:100px;
			}
		</style>
		<body>
	   <div id="app">
	   	   <el-container>
		   <my-header  @handle-select="myHandleSelect"></my-header>
			   <el-row>
				   <button   class="Btn1" v-on:click="colorBtn('btn1')"></button>
				   <button   class="Btn2" v-on:click="colorBtn('btn2')"></button>
				   <button   class="Btn3" v-on:click="colorBtn('btn3')"></button>
				   <button   class="Btn4" v-on:click="colorBtn('btn4')"></button>
				   <button   class="Btn5" v-on:click="colorBtn('btn5')"></button>
					<template>
						<el-select style='width:100' v-model='colorName' placeholder='配色方案'  @change='selectColorName'>
							<el-option
							  v-for='(item,index) in colorArr'
							  :key='index'
							  :label='item.name'
							  :value='index'>
						  </el-option>
						</el-select>
					</template>
				   <el-divider direction='vertical'></el-divider>
					<el-color-picker v-model='textColor' @change='el_colorPic_change'></el-color-picker>
					<el-color-picker v-model='bgColor' @change='el_colorPic_change'></el-color-picker>
					<el-button size='mini' round  v-on:click="colorBtn('rand')">随机配色</el-button>
					<el-divider direction='vertical'></el-divider>
					<el-button icon='el-icon-full-screen' circle v-on:click="colorBtn('full')"></el-button>
					<el-button icon='el-icon-star-off' circle v-on:click="colorBtn('fav')"></el-button>
			   </el-row>
			   
<el-row>					  <el-divider content-position="left">当前位置：					   <el-link href="../../../../目录.html">藏书库</el-link> <el-link href="../../../目录.html">古典小说</el-link> <el-link href="../../目录.html">传世经典</el-link> <el-link href="../目录.html">神魔志怪</el-link> <el-link href="目录.html">上古秘史</el-link></el-divider>					    </el-row>			           
				<el-row>
					<template>
						<el-select v-model="fontName" placeholder="请选择字体"  @change="selectOne">
							<el-option
							  v-for="item in options"
							  :key="item.value"
							  :label="item.value"
							  :value="item.value">
						  </el-option>
						</el-select>
					</template>
					<template>
						<el-select v-model='fontSize' placeholder='请选择字体大小'  @change='selectFontSize'>
							<el-option
							  v-for='item in fontSizeOptions'
							  :key='item.value'
							  :label='item.value'
							  :value='item.value'>
						  </el-option>
						</el-select>
					</template>
				</el-row>
			  <el-row>
			   <el-col align="left">
			   			   	<el-alert title="在下面空白处，右键 ，选择大声朗读 即可" type="success"  v-show="showTip" @close="closeTip"></el-alert>
			   </el-col>
			  </el-row>
		     <el-main1  id='mainContent' style='overflow:auto;' :style="{'--fullCorlor': foolcolorVar,'--scrollCorlor': scrollcolorVar,'--scrollbar': scrollHiddenVar,'--linkFontSize':linkFontSizeVar}">
	   <p>　     　 </p><p>《上古秘史》 又名：《中国神话史》</p><p>目　录  　 </p><p>第一回 演古史之治乱，谋开篇说混沌第</p><p>第二回 皇娥梦遊穹桑 盘瓠应运降世 </p><p>第三回 共工氏称霸九州 女娲氏抟土为人</p><div id='youshengMiddle' style='height:60px'> </div><p>第四回 女娲氏炼石补天 共工氏重霸九州 </p><p>第五回 共工颛顼争天下 共工怒触不周山</p><p>第六回 下绝手平定共工 上恒山再戮诸怀 </p><p>第七回 后稷初生遭三弃 帝喾出巡守西北</p><p>第八回 简狄吞燕卵 稷泽出玉膏 </p><el-row justify="center" type="flex">
		<el-popover
				placement="top"
				:append-to-body='false'
				title="期待您的赞赏，助作者持续开发下去"
				width="800"
				trigger="hover"
				>
				<div style="width:800px; height:400px; ">
					<el-image
						style="width:100 % ; height:100 % "
						:src="zanshangUrl"
						:fit="fit"
					></el-image>
				</div>
				<el-button type="danger" round  slot="reference">赞赏</el-button>
		</el-popover>
		</el-row>
<el-row justify="center" type="flex">
<el-button type="info"><el-link  href="目录.html" >回目录</el-link></el-button>
<el-button><el-link href=".\0002_第九回 萯山遇吉神 嫦娥奔月宫第.html" >下一章</el-link></el-button>
</el-row>
 </el-main1><el-footer id='youshengFooter' style='height:160px;margin:160px 60px 20px;'> </el-footer></el-container></div></body>
<script src="../../../../../js\element_lib/index.js"  type="text/javascript"  charset="utf-8"></script>
				  <script src="../../../../../js\font.js"  type="text/javascript"  charset="utf-8"></script>
				  <script src="../../../../../js\jquery-3.5.0.min.js"  type="text/javascript"  charset="utf-8"></script>
				  <script src="../../../../../js\dashang_local.js"  type="text/javascript"  charset="utf-8"></script>
				  <script src="http://gudianxiaoshuo.com/js/dashang.js"  type="text/javascript"  charset="utf-8"></script>
				  <script src="../../../../../js\myVueCode.js"  type="text/javascript"  charset="utf-8"></script>
				  		 </html>