first commit

zxiaohong · Jun 14, 2016 · 37b1f64 · 37b1f64
commit 37b1f64
Show file tree

Hide file tree

Showing 14 changed files with 1,266 additions and 0 deletions.
diff --git a/css/copycode.txt b/css/copycode.txt
diff --git a/css/reset.css b/css/reset.css
@@ -0,0 +1,25 @@
+/* 重置&默认(reset&base)(tags) */
+*[hidefocus],input,textarea,a{outline:none;}
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
+fieldset,img,html,body,iframe{border:0;}
+table{border-collapse:collapse;border-spacing:0;}
+li{list-style:none;}
+h1,h2,h3,h4,h5,h6{font-size:100%;}
+caption,th{font-weight:normal;font-style:normal;text-align:left;}
+em,strong{font-weight:bold;font-style:normal;}
+body,textarea,select,input,pre{font-family:arial,microsoft yahei,helvetica,sans-serif;font-size:14px;color:#555;}
+body{background:#f8f8f8;line-height:1.5em;-webkit-text-size-adjust:none;}
+a,button{cursor:pointer;}
+textarea{resize:none;overflow:auto;}
+pre{white-space:pre-wrap;}
+a{color:#333;text-decoration:none;}
+input{
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    -webkit-user-modify: read-write-plaintext-only;
+} 
+button {
+	-webkit-tap-highlight-color: rgba(255,255,255,0)
+}
+/* 布局(grids)(.g-) */ 
+/* 页面 */
+
diff --git a/css/style.css b/css/style.css
diff --git a/data/chapter.json b/data/chapter.json
diff --git a/data/data1.json b/data/data1.json
@@ -0,0 +1 @@
+{"msg": "\u6210\u529f", "result": 0, "jsonp": "http://html.read.duokan.com/mfsv2/secure/s010/60009/file?nonce=87e8e80bd9a84314badbd9230ff521b4&token=89GiFGpK01J7WSSnxHnjoefpgNPv-zrNCurl0z1EkRx4OZm4-aB36_TllcymXfewETa58Q9VLD9jJcC4MS7oa0uRTgC6JG9Poed648pU41U&sig=FxmsSqJuj3BM0pQ07XKq13UGJLY"}
diff --git a/data/data2.json b/data/data2.json
@@ -0,0 +1 @@
+{"msg": "\u6210\u529f", "result": 0, "jsonp": "http://html.read.duokan.com/mfsv2/secure/s010/60009/file?nonce=74c8522cfd8546fd8e2ab346366d24d0&token=89GiFGpK01J7WSSnxHnjoU435w7sJdY_EntshdzDbZLgSoyHzWOcfbMWIqJ4TfqoETa58Q9VLD9jJcC4MS7oa0uRTgC6JG9Poed648pU41U&sig=TtG7TCFv4lKLctffbvFC-iXwIoE"}
diff --git a/data/data3.json b/data/data3.json
@@ -0,0 +1 @@
+{"msg": "\u6210\u529f", "result": 0, "jsonp": "http://html.read.duokan.com/mfsv2/secure/s010/60009/file?nonce=1c0e98ddfdc443d48b8d4e227bf1c445&token=89GiFGpK01J7WSSnxHnjoS3l3LWUG3wT-GV19WJsgeR_-qC6G01gWwWbK91FIP3yETa58Q9VLD9jJcC4MS7oa0uRTgC6JG9Poed648pU41U&sig=YLnZSBB1As8jtzOXoFwqXVmtodA"}
diff --git a/data/data4.json b/data/data4.json
@@ -0,0 +1 @@
+{"msg": "\u6210\u529f", "result": 0, "jsonp": "http://html.read.duokan.com/mfsv2/secure/s010/60009/file?nonce=bc14aee4f2fe4a4c8a5c7d934f239264&token=89GiFGpK01J7WSSnxHnjodEBjNZoilVyYrYcWjlgecZ8mtQUmtRvDBg185IHWPeqETa58Q9VLD9jJcC4MS7oa0uRTgC6JG9Poed648pU41U&sig=uEajgc6opUF36h7rDo3R6hB31OI"}
diff --git a/index.html b/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html ng-app="app">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui">
+		<meta name="format-detection" content="telephone=no">
+		<link rel="stylesheet" href="css/reset.css">
+		<link rel="stylesheet" href="css/style.css">
+	</head>
+	<body>
+		<div id='root' class="mainbody">
+		    <div class="action-container">
+		        <div class="action-container-mid"></div>
+		    </div>
+		    <div class="top-bar" style="display:none">
+		        <div class="icon-back"></div>
+		        <div class="icon-title">返回书架</div>
+		    </div>
+		    <div class="container">
+
+
+		    </div>
+		    <div class="chapter-btn">
+		        <ul>
+		            <li class='prev_btn'>上一章</li>
+		            <li class='next_btn'>下一章</li>
+		        </ul>
+		    </div>
+		    <!--下边栏-->
+		    <!--下边栏背景有0.9的透明度，而内容本身无透明度，所以实现需要两个div叠加，一个用来设置背景颜色，一个用来设置边栏的具体内容-->
+		    <div class="bottom-nav-bk bottom_nav" style="display:none"></div><!--设置背景的div-->
+		    <div class="bottom-nav bottom_nav" style="display:none"><!--设置下边栏内容的div-->
+		        <div class='item'>
+		            <div class="item-content">
+    		            <div class="icon-catalog"></div>
+    		            <div class="icon-text">目录</div>
+    		        </div>      
+		        </div>
+		         <div class='item' id="font-menu">
+		             <div class="item-content" >
+		                 <div class="icon-fonts" id="icon_fonts"></div>
+    		            <div class="icon-text">字体</div>
+		             </div>
+		        </div>
+		         <div class='item'>
+		            <div class="item-content dn_switch" id="day-menu" style="display:none">
+		                <div class="icon-day"></div>
+		                <div class="icon-text">白天</div>
+		            </div>
+		            <div class="item-content dn_switch" id="night-menu">
+	                     <div class="icon-night"></div>
+	                     <div class="item-text">夜间</div>
+    		       </div>      
+		        </div>
+		    </div>
+		</div>
+		<!--仿native下边栏操作面板-->
+		<div class="bottom-nav-panel-bk bottom_nav_panel" style="display:none"></div>
+		<div class="bottom-nav-panel bottom_nav_panel" style="display:none">
+		    <div class="set-menu">
+		        <span>字号</span>
+		        <button id="large-font" class="font-size-button">大</button>
+		        <button id="small-font" class="font-size-button">小</button>
+		    </div>
+		    <div class="set-menu">
+                <span>背景</span>
+                <div class="wrap">
+                    <div class="bkg-color-wrap">
+                        <div class="bkg-color beige" data-color='beige'></div>
+                    </div>
+                    <div class="bkg-color-wrap">
+                        <div class="bkg-color lightyellow select" data-color="lightyellow"></div>
+                    </div>
+                    <div class="bkg-color-wrap">
+                        <div class="bkg-color lightgreen" data-color="lightgreen"></div>
+                    </div>
+                    <div class="bkg-color-wrap">
+                        <div class="bkg-color lightgray" data-color="lightgray"></div>
+                    </div>
+                    <div class="bkg-color-wrap">
+                        <div class="bkg-color darkgray" data-color="darkgray"></div>
+                    </div>
+                </div>
+		    </div>
+		</div>
+
+		<script src="lib/zepto.min.js"></script>
+		<script>
+			window.jQuery = $;
+		</script>
+		<script src="js/jquery.base64.js"></script>
+		<script src="js/jquery.jsonp.js"></script>
+		<script src="js/interactive.js"></script>
+	</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"msg": "\u6210\u529f", "result": 0, "jsonp": "http://html.read.duokan.com/mfsv2/secure/s010/60009/file?nonce=87e8e80bd9a84314badbd9230ff521b4&token=89GiFGpK01J7WSSnxHnjoefpgNPv-zrNCurl0z1EkRx4OZm4-aB36_TllcymXfewETa58Q9VLD9jJcC4MS7oa0uRTgC6JG9Poed648pU41U&sig=FxmsSqJuj3BM0pQ07XKq13UGJLY"}