first commit

039abfc4 · 成立 · 039abfc4 · 039abfc4 · 039abfc4 · 039abfc4
Commit 039abfc4 authored Nov 06, 2017 by 成立
1.png
2.png
3.png
main.css
main.css.map
main.scss
page1.html
page2.html
--- a/1.png
+++ b/1.png
--- a/2.png
+++ b/2.png
--- a/3.png
+++ b/3.png
--- a/main.css
+++ b/main.css
+html, body {
+  margin: 0;
+  padding: 0; }
+html {
+  font-size: 20px;
+  background: #333740;
+  color: #fff; }
+.page1 .main {
+  padding: 0 0.5rem; }
+  .page1 .main h3 {
+    font-size: 0.5rem;
+    text-align: center; }
+  .page1 .main p {
+    font-size: 0.4rem; }
+.page2 .title {
+  width: 100%;
+  height: 1.75rem;
+  line-height: 1.75rem;
+  background: #292c35;
+  font-size: 0.5rem; }
+  .page2 .title img {
+    width: 0.5rem;
+    height: 0.5rem;
+    margin-left: 0.5rem; }
+  .page2 .title span {
+    display: inline-block;
+    font-size: 0.5rem;
+    text-align: left;
+    margin-left: 0.4rem; }
+.page2 .pic {
+  width: 100%; }
+.page2 .main {
+  padding: 0 0.5rem; }
+  .page2 .main h3 {
+    font-size: 0.5rem;
+    text-align: center; }
+  .page2 .main p {
+    font-size: 0.4rem; }
+/*# sourceMappingURL=main.css.map */
--- a/main.css.map
+++ b/main.css.map
+{
+"version": 3,
+"mappings": "AAGA,UAAS;EAAC,MAAM,EAAE,CAAC;EAAC,OAAO,EAAE,CAAC;;AAE9B,IAAI;EAAC,SAAS,EADJ,IAAI;EACW,UAAU,EAAE,OAAe;EAAC,KAAK,EAAE,IAAI;;AAS5D,YAAK;EACP,OAAO,EAAE,QAAS;EAClB,eAAE;IACD,SAAS,EAAE,MAAO;IAClB,UAAU,EAAE,MAAM;EAEnB,cAAC;IACA,SAAS,EAAE,MAAO;;AAMjB,aAAM;EACL,KAAK,EAAE,IAAI;EAAC,MAAM,EAAE,OAAO;EAAC,WAAW,EAAE,OAAO;EAAC,UAAU,EAAE,OAAe;EAAC,SAAS,EAAE,MAAO;EAC/F,iBAAG;IACF,KAAK,EAAE,MAAO;IAAC,MAAM,EAAE,MAAO;IAAC,WAAW,EAAE,MAAO;EAEvD,kBAAI;IACA,OAAO,EAAE,YAAY;IAAC,SAAS,EAAE,MAAO;IAAC,UAAU,EAAE,IAAI;IAAC,WAAW,EAAE,MAAO;AAGnF,WAAI;EACA,KAAK,EAAE,IAAI;AAEZ,YAAK;EACP,OAAO,EAAE,QAAS;EAClB,eAAE;IACD,SAAS,EAAE,MAAO;IAClB,UAAU,EAAE,MAAM;EAEnB,cAAC;IACA,SAAS,EAAE,MAAO",
+"sources": ["main.scss"],
+"names": [],
+"file": "main.css"
+}
--- a/main.scss
+++ b/main.scss
+@charset "utf-8";
+//总体大小
+html,body{margin: 0;padding: 0;}
+$mainSize:20px;
+html{font-size:$mainSize;background: rgb(51, 55, 64);color: #fff;}
+//运算
+@function f($px){
+	@return $px/$mainSize/2*1rem;
+}
+//结构
+.page1{
+    .main{
+		padding: 0 f(20px);
+		h3{
+			font-size: f(20px);
+			text-align: center;
+		}
+		p{
+			font-size: f(16px);
+		}
+	}
+}
+.page2{
+    .title{
+	    width: 100%;height: f(70px);line-height: f(70px);background: rgb(41, 44, 53);font-size: f(20px);
+	    img{
+		    width: f(20px);height: f(20px);margin-left: f(20px);
+		}
+		span{
+		    display: inline-block;font-size: f(20px);text-align: left;margin-left: f(16px);
+		}
+	}
+	.pic{
+	    width: 100%;
+	}
+    .main{
+		padding: 0 f(20px);
+		h3{
+			font-size: f(20px);
+			text-align: center;
+		}
+		p{
+			font-size: f(16px);
+		}
+	}
+}
--- a/page1.html
+++ b/page1.html
+<!DOCTYPE html> 
+<html> 
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=">
+    <meta http-equiv="x-dns-prefetch-control" content="on">
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width, initial-scale=.0, maximum-scale=.0, user-scalable=no">
+	<meta name="format-detection" content="telephone = no"/>
+    <title>page1</title>
+	<link rel="stylesheet" href='./main.css'>
+<body class='page1'>
+    <div class='main'> 
+	    <h3>约课</h3>
+        <p>
+		    11:00约课：每天中午11:00开放预约，团操课程提前两天开放<br/><br/>
+			举个栗子：今天周一11:00点预约周三各门店全天课程
+		</p>
+        <h3>排队</h3>
+        <p>
+		    约满排队：当课堂名额已满，若预约成功的人取消课程，我们会按照排队先后顺序通知上课<br/><br/>
+			排队提醒：排队成功会在微信公众号【维度运动】发送排队成功提醒
+		</p>	
+		<h3>取消</h3>
+		<p>
+		    提前取消：如因个人原因不能上课，可在上课前1小时取消预约<br/><br/>
+			举个栗子：今天18点可取消19点预约的课程<br/><br/>
+			官方取消：当课程开始前2小时预约人数不足7人，维度官方将取消本节课程
+		</p>
+		<h3>签到</h3>
+		<p>
+		    上课签到：上课前或下课后15分钟内需在乐刻运动健身APP或微信扫一扫课程签到<br/><br/>
+			签到失败：因特殊原因导致课程签到失败，可在门店联系店长工作人员说明签到失败情况进行补签
+		</p>	
+	</div>
+	<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
+	<script>
+	    $(document).ready(function() {
+            $(window).ready(function(){
+                $('html').css({'font-size':$(window).width()/375*20});
+            });
+            $(window).resize(function(){
+                $('html').css({'font-size':$(window).width()/375*20});
+            });
+	    })
+    </script>
+</body>
+</html>
\ No newline at end of file
--- a/page2.html
+++ b/page2.html
+<!DOCTYPE html> 
+<html> 
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=">
+    <meta http-equiv="x-dns-prefetch-control" content="on">
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width, initial-scale=.0, maximum-scale=.0, user-scalable=no">
+	<meta name="format-detection" content="telephone = no"/>
+    <title>page1</title>
+	<link rel="stylesheet" href='./main.css'>
+<body class='page2'>
+    <div class='title'>
+		<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARoAAAE0CAYAAADzFfz8AAAGHklEQVR4nO3dTYsd5B2H4ZyZwxgno2IShZpUwap5MZbQaluqYEGtdtWFooJ+BRE3ogvRhStRC6UfoFBKpcsWaulCKNjiUsWXhSKC1pVujKaQF0f3rv7KfaKZ68r2+fGcgeGeZ3PI4sixm7Z3Df3q1lumk13333v36Pxll+8f37H46h/fTS//95Xx5vnf/SH4JN/eYjH/PXvqycfHmxuuPzrefH7y5Hjz0kv/Hm/+9OcXRufXxjcADAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBuefPNvxiPnn3m6fFmc3NzvOH88d7775/rj3BOXfnDg+PN4cPXBZ/k6376k+PjzcbGxui8Fw2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogNzyll/Ov1S5e/fu4KMA3xcPPnDf6LwXDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRAbrm1tTUera3N+/TppydG5994863xHceP/3i82bzwwvEGdrp9+/aOznvRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbILVd10auvvT46/9DDj47v+Otf/jjeHDp07XgDzHjRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbIrexLlSdP/n90/vTp0+M7vskG6HnRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogtzzXH4CdYjFeXHLJxePNnb++bXT+xInPxne8/J9XxpudzosGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiDnu06sxMEDV4w3jz36yHhz1523j86fPfvF+I6//f0f483ll+0fb84nXjRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXK+VMlKHD1yaLy5/ujh8WZ9fX28mbrn7t+ON4vFzv6bvrN/emAlhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaIOdLlazEcnn+/KqdTz/LqnjRADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAueWqLlpfWx+dXywW4zsWa/MN0POiAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QW9mXKq+86uDo/G/uumN8x95LLx1vgJ4XDZATGiAnNEBOaICc0AA5oQFyQgPkhAbICQ2QExogJzRATmiA3HLXru2VXHTNj64enX/yicfGd+zZszneAHPb27NueNEAOaEBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgtP/jwo/HozJkz84uWs/8U86KLtsZ3AKvxxptvj8570QA5oQFyQgPkhAbICQ2QExogJzRATmiAnNAAOaEBckID5JYv/vNf49ENx46ONz//2Y2j81tbe8Z3wE536tSp8eadd98bb5597vej8140QE5ogJzQADmhAXJCA+SEBsgJDZATGiAnNEBOaICc0AA5oQFyiyPHbtqejvbv2ze+6MCBH4zOb1ywMb4DdrqzZ86ONx9//Ml488GH/xud96IBckID5IQGyAkNkBMaICc0QE5ogJzQADmhAXJCA+SEBsgJDZD7EhEJZarJIaQOAAAAAElFTkSuQmCC'/>
+		<span>课程介绍</span>
+	</div>
+	<img src='2.png' class='pic'>
+    <div class='main'>
+	    <h3>课程简介</h3>
+        <p>
+		    战斗有氧是一种将中国武术、泰拳、西洋拳击、空手道、跆拳道等结合在一起的一系列搏击格斗动作，是完全解除行、简单易学的大运动量训练课程。
+		</p>
+        <h3>训练效果</h3>
+        <p>
+		    快速减脂塑形，高强度间歇性的搏击动作，消耗大量卡路里，修正肌肉轮廓，每周1-2次减脂效果非常明显<br/>
+			改善心肺功能，调节情绪、建立自信。在帮你锻炼耐力的同时提高全身的力量和灵活性，
+		</p>	
+		<h3>适合人群</h3>
+		<p>
+		    适合对搏击感兴趣，有减脂需求和提升心肺功能需求的人。<br/>
+			孕妇和心血管疾病等基础病的患者不宜参加。
+		</p>
+		<h3>常见问题</h3>
+		<p>
+		    Q：女生可以参加这个课程吗？<br/>
+			A：可以。想要减脂的女生非常适合这个课程，长期坚持这样的高强度有氧训练再配合力量训练能快速帮助我们塑造自己的身体线条，女生打拳也可以很帅！
+		</p>	
+	</div>
+	<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
+	<script>
+	    $(document).ready(function() {
+            $(window).ready(function(){
+                $('html').css({'font-size':$(window).width()/375*20});
+            });
+            $(window).resize(function(){
+                $('html').css({'font-size':$(window).width()/375*20});
+            });
+	    })
+    </script>
+</body>
+</html>
\ No newline at end of file