4 年之前 · fa37875dea
--- a/front-page/css/style.css
+++ b/front-page/css/style.css
@@ -0,0 +1,51 @@
 
				+.bg-box{
			
 
				+
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    background-image: url(../image/bg.jpg);
			
 
				+    background-size: 100% 100%;
			
 
				+    background-repeat: no-repeat;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+
			
 
				+
			
 
				+.content-box {
			
 
				+    width: 90%;
			
 
				+    height: 55%;
			
 
				+    background-color: #ffffff;
			
 
				+    border-radius: 10px;
			
 
				+    z-index: 99;
			
 
				+    margin-top: 15%;
			
 
				+    position: relative;
			
 
				+}
			
 
				+
			
 
				+.content-box img {
			
 
				+    margin-top: 10%;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+.headImg-box {
			
 
				+    width: 80px;
			
 
				+    height: 80px;
			
 
				+    border-radius: 40px;
			
 
				+    position: absolute;
			
 
				+    top: 15px;
			
 
				+    z-index: 100;
			
 
				+}
			
 
				+.num-box {
			
 
				+    font-size: 1rem;
			
 
				+    margin-top: 10%;
			
 
				+    margin-bottom: 5%;
			
 
				+    font-family: fantasy
			
 
				+}
			
 
				+
			
 
				+.get-btn-box {
			
 
				+    width: 65%;
			
 
				+    height: 20%;
			
 
				+    border-radius: 3%;
			
 
				+}
			
--- a/front-page/fission-page.html
+++ b/front-page/fission-page.html
@@ -16,11 +16,22 @@
 
				 <body>
			
 
				 
			
 
				 
			
 
				-   <div id="myApp">
			
 
				+   <div id="myApp" class="bg-box">
			
 
				 
			
 
				 
			
 
				-       <span>{{id}}</span>
			
 
				-       <button onclick="isfollowqr('http://open.weixin.qq.com/qr/code?username=hszuqiu')">立即领取</button>
			
 
				+       <img alt="" class="headImg-box" :src=headSrc>
			
 
				+
			
 
				+       <div class="content-box">
			
 
				+           <img  alt=""  :src=contentSrc />
			
 
				+       </div>
			
 
				+
			
 
				+
			
 
				+
			
 
				+       <div class="num-box">已有 <span style="color: #A4404E">{{num}}</span> 人领取成功</div>
			
 
				+
			
 
				+
			
 
				+       <img class="get-btn-box" src="image/get-free.gif" alt="" onclick="isfollowqr('http://open.weixin.qq.com/qr/code?username=hszuqiu')" />
			
 
				+
			
 
				 
			
 
				    </div>
			
 
				 
			
@@ -46,7 +57,9 @@
 
				     new Vue({
			
 
				         el:'#myApp',
			
 
				         data:{
			
 
				-            id:255
			
 
				+            num:52255,
			
 
				+            headSrc:'image/headImg.png',
			
 
				+            contentSrc:"image/content-bg.png"
			
 
				         },
			
 
				         methods:{},
			
 
				         mounted(){
			
--- a/front-page/image/bg.jpg
+++ b/front-page/image/bg.jpg
--- a/front-page/image/content-bg.png
+++ b/front-page/image/content-bg.png
--- a/front-page/image/get-free.gif
+++ b/front-page/image/get-free.gif
--- a/front-page/image/headImg.png
+++ b/front-page/image/headImg.png