6 years ago · 7a1e4405bf
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -3,5 +3,6 @@ const merge = require('webpack-merge')
 
				 const prodEnv = require('./prod.env')
			
 
				 
			
 
				 module.exports = merge(prodEnv, {
			
 
				-  NODE_ENV: '"development"'
			
 
				+  NODE_ENV: '"development"',
			
 
				+  BASE_API: 'https://dev407.33.cn/'
			
 
				 })
			
--- a/index.html
+++ b/index.html
@@ -3,9 +3,13 @@
 
				   <head>
			
 
				     <meta charset="utf-8">
			
 
				     <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				-    <title>presell</title>
			
 
				-      <link rel="stylesheet" href="//at.alicdn.com/t/font_587947_4e7wxdmocu3anhfr.css">
			
 
				-    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
			
 
				+    <title>FX66</title>
			
 
				+      <!--<link rel="stylesheet" href="//at.alicdn.com/t/font_587947_4e7wxdmocu3anhfr.css">-->
			
 
				+    <!--<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>-->
			
 
				+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
			
 
				+    <link rel="stylesheet" href="//at.alicdn.com/t/font_438855_wtyzccnt2o0cc8fr.css">
			
 
				+    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
			
 
				+
			
 
				   </head>
			
 
				   <body>
			
 
				     <div id="app"></div>
			
--- a/package-lock.json
+++ b/package-lock.json
@@ -60,6 +60,35 @@
 
				         "@babel/types": "7.0.0-beta.42"
			
 
				       }
			
 
				     },
			
 
				+    "@babel/helper-module-imports": {
			
 
				+      "version": "7.0.0-beta.35",
			
 
				+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.0.0-beta.35.tgz",
			
 
				+      "integrity": "sha512-vaC1KyIZSuyWb3Lj277fX0pxivyHwuDU4xZsofqgYAbkDxNieMg2vuhzP5AgMweMY7fCQUMTi+BgPqTLjkxXFg==",
			
 
				+      "dev": true,
			
 
				+      "requires": {
			
 
				+        "@babel/types": "7.0.0-beta.35",
			
 
				+        "lodash": "4.17.5"
			
 
				+      },
			
 
				+      "dependencies": {
			
 
				+        "@babel/types": {
			
 
				+          "version": "7.0.0-beta.35",
			
 
				+          "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.0.0-beta.35.tgz",
			
 
				+          "integrity": "sha512-y9XT11CozHDgjWcTdxmhSj13rJVXpa5ZXwjjOiTedjaM0ba5ItqdS02t31EhPl7HtOWxsZkYCCUNrSfrOisA6w==",
			
 
				+          "dev": true,
			
 
				+          "requires": {
			
 
				+            "esutils": "2.0.2",
			
 
				+            "lodash": "4.17.5",
			
 
				+            "to-fast-properties": "2.0.0"
			
 
				+          }
			
 
				+        },
			
 
				+        "to-fast-properties": {
			
 
				+          "version": "2.0.0",
			
 
				+          "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
			
 
				+          "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
			
 
				+          "dev": true
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				     "@babel/helper-split-export-declaration": {
			
 
				       "version": "7.0.0-beta.42",
			
 
				       "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0-beta.42.tgz",
			
@@ -523,6 +552,14 @@
 
				       "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==",
			
 
				       "dev": true
			
 
				     },
			
 
				+    "async-validator": {
			
 
				+      "version": "1.8.2",
			
 
				+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.2.tgz",
			
 
				+      "integrity": "sha1-t3WXIm6WJC+NUxwNRq4pX2JCK6Q=",
			
 
				+      "requires": {
			
 
				+        "babel-runtime": "6.26.0"
			
 
				+      }
			
 
				+    },
			
 
				     "asynckit": {
			
 
				       "version": "0.4.0",
			
 
				       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
			
@@ -846,8 +883,7 @@
 
				     "babel-helper-vue-jsx-merge-props": {
			
 
				       "version": "2.0.3",
			
 
				       "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
			
 
				-      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==",
			
 
				-      "dev": true
			
 
				+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
			
 
				     },
			
 
				     "babel-helpers": {
			
 
				       "version": "6.24.1",
			
@@ -898,6 +934,15 @@
 
				         "babel-runtime": "6.26.0"
			
 
				       }
			
 
				     },
			
 
				+    "babel-plugin-component": {
			
 
				+      "version": "1.1.0",
			
 
				+      "resolved": "https://registry.npmjs.org/babel-plugin-component/-/babel-plugin-component-1.1.0.tgz",
			
 
				+      "integrity": "sha512-NIc3eLr96/5cG6UOJgkLCzQIJxEWX5knQOfKRTkTIPceXHpEvU3exccYlf8D0GxB5Dw4HYym3vjX0rhiTAZ+KQ==",
			
 
				+      "dev": true,
			
 
				+      "requires": {
			
 
				+        "@babel/helper-module-imports": "7.0.0-beta.35"
			
 
				+      }
			
 
				+    },
			
 
				     "babel-plugin-dynamic-import-node": {
			
 
				       "version": "1.2.0",
			
 
				       "resolved": "https://registry.npmjs.org/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-1.2.0.tgz",
			
@@ -1460,7 +1505,6 @@
 
				       "version": "6.26.0",
			
 
				       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
			
 
				       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
			
 
				-      "dev": true,
			
 
				       "requires": {
			
 
				         "core-js": "2.5.4",
			
 
				         "regenerator-runtime": "0.11.1"
			
@@ -2654,8 +2698,7 @@
 
				     "core-js": {
			
 
				       "version": "2.5.4",
			
 
				       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.4.tgz",
			
 
				-      "integrity": "sha1-8si/GB8qgLkvNgEhQpzmOi8K6uA=",
			
 
				-      "dev": true
			
 
				+      "integrity": "sha1-8si/GB8qgLkvNgEhQpzmOi8K6uA="
			
 
				     },
			
 
				     "core-util-is": {
			
 
				       "version": "1.0.2",
			
@@ -3174,6 +3217,11 @@
 
				       "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
			
 
				       "dev": true
			
 
				     },
			
 
				+    "deepmerge": {
			
 
				+      "version": "1.5.2",
			
 
				+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
			
 
				+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
			
 
				+    },
			
 
				     "default-require-extensions": {
			
 
				       "version": "1.0.0",
			
 
				       "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-1.0.0.tgz",
			
@@ -3530,6 +3578,18 @@
 
				       "integrity": "sha1-fjNkPgDNhe39F+BBlPbQDnNzcjU=",
			
 
				       "dev": true
			
 
				     },
			
 
				+    "element-ui": {
			
 
				+      "version": "2.3.3",
			
 
				+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.3.3.tgz",
			
 
				+      "integrity": "sha512-0Xa0GlwR57+6XBQlHkzutgIgiupAM2O9XNI7y6A1vdDhKmvZM8IBSqrqb9gQ5+onKuQ5afh69vkX2eeumFF5rA==",
			
 
				+      "requires": {
			
 
				+        "async-validator": "1.8.2",
			
 
				+        "babel-helper-vue-jsx-merge-props": "2.0.3",
			
 
				+        "deepmerge": "1.5.2",
			
 
				+        "normalize-wheel": "1.0.1",
			
 
				+        "throttle-debounce": "1.0.1"
			
 
				+      }
			
 
				+    },
			
 
				     "elliptic": {
			
 
				       "version": "6.4.0",
			
 
				       "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.0.tgz",
			
@@ -9283,6 +9343,11 @@
 
				         "sort-keys": "1.1.2"
			
 
				       }
			
 
				     },
			
 
				+    "normalize-wheel": {
			
 
				+      "version": "1.0.1",
			
 
				+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
			
 
				+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
			
 
				+    },
			
 
				     "npm-run-path": {
			
 
				       "version": "2.0.2",
			
 
				       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
			
@@ -12700,8 +12765,7 @@
 
				     "regenerator-runtime": {
			
 
				       "version": "0.11.1",
			
 
				       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
			
 
				-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
			
 
				-      "dev": true
			
 
				+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
			
 
				     },
			
 
				     "regenerator-transform": {
			
 
				       "version": "0.10.1",
			
@@ -13999,6 +14063,11 @@
 
				       "integrity": "sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=",
			
 
				       "dev": true
			
 
				     },
			
 
				+    "throttle-debounce": {
			
 
				+      "version": "1.0.1",
			
 
				+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.0.1.tgz",
			
 
				+      "integrity": "sha1-2tD+Ew+drzcZ/eoz3Dao5rp/MLU="
			
 
				+    },
			
 
				     "through": {
			
 
				       "version": "2.3.8",
			
 
				       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
			
--- a/package.json
+++ b/package.json
@@ -14,9 +14,12 @@
 
				     "build": "node build/build.js"
			
 
				   },
			
 
				   "dependencies": {
			
 
				-    "postcss-import": "^11.1.0",
			
 
				+    "axios": "^0.18.0",
			
 
				+    "element-ui": "^2.3.4",
			
 
				     "vue": "^2.5.2",
			
 
				-    "vue-router": "^3.0.1"
			
 
				+    "vue-axios": "^2.1.1",
			
 
				+    "vue-router": "^3.0.1",
			
 
				+    "vuex": "^3.0.1"
			
 
				   },
			
 
				   "devDependencies": {
			
 
				     "autoprefixer": "^7.1.2",
			
@@ -25,6 +28,7 @@
 
				     "babel-helper-vue-jsx-merge-props": "^2.0.3",
			
 
				     "babel-jest": "^21.0.2",
			
 
				     "babel-loader": "^7.1.1",
			
 
				+    "babel-plugin-component": "^1.1.0",
			
 
				     "babel-plugin-dynamic-import-node": "^1.2.0",
			
 
				     "babel-plugin-syntax-jsx": "^6.18.0",
			
 
				     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
			
@@ -58,14 +62,13 @@
 
				     "optimize-css-assets-webpack-plugin": "^3.2.0",
			
 
				     "ora": "^1.2.0",
			
 
				     "portfinder": "^1.0.13",
			
 
				-    "postcss-loader": "^2.1.3",
			
 
				-    "postcss-url": "^7.2.1",
			
 
				     "postcss": "^5.2.0",
			
 
				     "postcss-alias": "^0.2.2",
			
 
				     "postcss-calc": "^5.3.1",
			
 
				     "postcss-crip": "^2.0.0",
			
 
				     "postcss-each": "^0.9.3",
			
 
				     "postcss-for": "^2.1.1",
			
 
				+    "postcss-loader": "^2.1.3",
			
 
				     "postcss-media-minmax": "^2.1.2",
			
 
				     "postcss-mixins": "^5.2.0",
			
 
				     "postcss-nested": "^1.0.0",
			
@@ -73,6 +76,8 @@
 
				     "postcss-selector-matches": "^2.0.5",
			
 
				     "postcss-selector-not": "^2.0.0",
			
 
				     "postcss-simple-vars": "^3.0.0",
			
 
				+    "postcss-url": "^7.2.1",
			
 
				+    "postcss-import": "^11.1.0",
			
 
				     "rimraf": "^2.6.0",
			
 
				     "selenium-server": "^3.0.1",
			
 
				     "semver": "^5.3.0",
			
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,22 +1,98 @@
 
				 <template>
			
 
				-  <div id="app">
			
 
				-    <!-- <img src="./assets/logo.png"> -->
			
 
				-    <router-view/>
			
 
				-  </div>
			
 
				-</template>
			
 
				+	<div class="top">
			
 
				+		<div class="wrap">
			
 
				+			<div class="logo">
			
 
				+				<img src="../../static/images/mainLogo.png" alt="" class="fl">
			
 
				+				<!--<img src="" alt="">-->
			
 
				+			</div>
			
 
				+			<ul class="nav fl">
			
 
				+				<li class="active">
			
 
				+					<span>首页</span></li>
			
 
				+					<li class="">
			
 
				+						<span>申请经纪商</span>
			
 
				+						<i class="hot">HOT</i>
			
 
				+					</li>
			
 
				+				</ul>
			
 
				+			</div>
			
 
				 
			
 
				-<script>
			
 
				-export default {
			
 
				-  name: 'App'
			
 
				-}
			
 
				-</script>
			
 
				+		</div>
			
 
				 
			
 
				-<style>
			
 
				-#app {
			
 
				-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
			
 
				-  -webkit-font-smoothing: antialiased;
			
 
				-  -moz-osx-font-smoothing: grayscale;
			
 
				-  text-align: center;
			
 
				-  color: #2c3e50;
			
 
				-}
			
 
				-</style>
			
 
				+	</template>
			
 
				+
			
 
				+	<script>
			
 
				+	export default {
			
 
				+		name: "Top",
			
 
				+		data(){
			
 
				+			return{
			
 
				+
			
 
				+			}
			
 
				+		}
			
 
				+	}
			
 
				+	</script>
			
 
				+
			
 
				+	<style scoped>
			
 
				+	.top{
			
 
				+		height: 75px;
			
 
				+		width: 100%;
			
 
				+		position: absolute;
			
 
				+		top: 0;
			
 
				+		left: 0;
			
 
				+		background-color: rgba(0, 0, 0, 0.2);
			
 
				+		z-index: 100;
			
 
				+	}
			
 
				+	.logo{
			
 
				+		float: left;
			
 
				+		width: 98px;
			
 
				+		line-height: 75px;
			
 
				+		height: 75px;
			
 
				+		margin-right: 55px;
			
 
				+		display: flex;
			
 
				+		align-items: center;
			
 
				+	}
			
 
				+	.logo>img{
			
 
				+		width: 100%;
			
 
				+	}
			
 
				+	.nav li{
			
 
				+		float:left;
			
 
				+		width: 118px;
			
 
				+		line-height: 75px;
			
 
				+		font-size: 14px;
			
 
				+		color:#fff;
			
 
				+		position: relative;
			
 
				+	}
			
 
				+	.nav li:hover{
			
 
				+		cursor: pointer;
			
 
				+	}
			
 
				+	.nav .active{
			
 
				+		background-color: #fff;
			
 
				+		color: #1a6fa6;;
			
 
				+	}
			
 
				+	.hot{
			
 
				+		position: absolute;
			
 
				+		background-color: #ff4e00;
			
 
				+		color: #fff;
			
 
				+		display: block;
			
 
				+		width: 38px;
			
 
				+		height: 18px;
			
 
				+		line-height: 18px;
			
 
				+		font-size: 12px;
			
 
				+		border-radius: 2px;
			
 
				+		top: 8px;
			
 
				+		right: 0;
			
 
				+	}
			
 
				+	.hot:after{
			
 
				+		content: "";
			
 
				+		width: 0;
			
 
				+		height: 0;
			
 
				+		position: absolute;
			
 
				+		z-index: -1;
			
 
				+		bottom: 0;
			
 
				+		left: 30%;
			
 
				+		border-left: 5px solid transparent;
			
 
				+		border-right: 5px solid transparent;
			
 
				+		border-top: 14px solid #ff4e00;
			
 
				+		margin-bottom: -8px;
			
 
				+		transform: rotate(30deg);
			
 
				+	}
			
 
				+
			
 
				+	</style>
			
--- a/src/api/login.js
+++ b/src/api/login.js
--- a/src/assets/css/base.css
+++ b/src/assets/css/base.css
@@ -147,7 +147,7 @@ a:focus,*:focus {
 
				 input::-webkit-outer-spin-button,
			
 
				 input::-webkit-inner-spin-button{
			
 
				     -webkit-appearance: none !important;
			
 
				-    margin: 0; 
			
 
				+    margin: 0;
			
 
				 }
			
 
				 input[type="number"]{-moz-appearance:textfield;}
			
 
				 .pointer{
			
@@ -177,6 +177,6 @@ input[type="number"]{-moz-appearance:textfield;}
 
				     display: block;
			
 
				 }
			
 
				 .el-carousel__container{
			
 
				-    height: 600px;
			
 
				+    height: 900px;
			
 
				     z-index: 0;
			
 
				-}
			
 
				+}
			
--- a/src/base/Login.vue
+++ b/src/base/Login.vue
@@ -0,0 +1,554 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div class="login-block">
			
 
				+      <div class="contain" v-show="state=='login'&&!logined">
			
 
				+        <div class="tab-box">
			
 
				+          <span :class="{active:isPhone}" @click="changeTab(0)">手机登录</span>
			
 
				+          <span :class="{active:isEmail}" @click="changeTab(1)">邮箱登录</span>
			
 
				+        </div>
			
 
				+        <el-form :rules="rules" >
			
 
				+        <div class="login-line">
			
 
				+
			
 
				+        <span class="area-block" v-show="isPhone">
			
 
				+          <el-select v-model="value" placeholder="请选择" class="area-select">
			
 
				+            <el-option
			
 
				+              v-for="item in options"
			
 
				+              :key="item.value"
			
 
				+              :label="item.label"
			
 
				+              :value="item.value">
			
 
				+            </el-option>
			
 
				+          </el-select>
			
 
				+        </span>
			
 
				+          <input placeholder="请输入您的手机号码" v-show="isPhone" v-model="logData.mobile" />
			
 
				+          <span v-show="isEmail">
			
 
				+          <i class="iconfont icon-tubiao01"></i>
			
 
				+        </span>
			
 
				+          <input type="text" placeholder="请输入您的邮箱" v-show="isEmail" v-model="logData.email">
			
 
				+        </div>
			
 
				+        <div class="login-line">
			
 
				+        <span>
			
 
				+          <i class="iconfont icon-mima"></i>
			
 
				+        </span>
			
 
				+          <input type="password" placeholder="请输入您的密码" class="input" v-model="logData.password">
			
 
				+        </div>
			
 
				+        <div class="tip-line">
			
 
				+          <span class="cursor">忘记密码?</span>
			
 
				+          <div class="switch-box">
			
 
				+            <span class="cursor" @click="changeBox(1)">立即注册！</span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="submit-line">
			
 
				+          <el-button @click="check()">登录</el-button>
			
 
				+        </div>
			
 
				+        </el-form>
			
 
				+      </div>
			
 
				+      <div class="contain" v-show="state=='register'">
			
 
				+        <div class="tab-box">
			
 
				+          <span :class="{active:isPhone}" @click="changeTab(0)">手机注册</span>
			
 
				+          <span :class="{active:isEmail}" @click="changeTab(1)">邮箱注册</span>
			
 
				+        </div>
			
 
				+
			
 
				+        <div class="login-line">
			
 
				+        <span class="area-block" v-show="isPhone">
			
 
				+          <el-select v-model="value" placeholder="请选择" class="area-select">
			
 
				+            <el-option
			
 
				+              v-for="item in options"
			
 
				+              :key="item.value"
			
 
				+              :label="item.label"
			
 
				+              :value="item.value">
			
 
				+            </el-option>
			
 
				+          </el-select>
			
 
				+        </span>
			
 
				+
			
 
				+          <input v-model="postMsgData.mobile" placeholder="请输入您的手机号码" v-show="isPhone" prop="phone"/>
			
 
				+          <span v-show="isEmail">
			
 
				+          <i class="iconfont icon-tubiao01"></i>
			
 
				+        </span>
			
 
				+          <input type="text" placeholder="请输入您的邮箱" v-show="isEmail" prop="email">
			
 
				+        </div>
			
 
				+        <div class="yanz-line">
			
 
				+          <input type="text" placeholder="请输入验证码" class="input">
			
 
				+          <button @click="postMsg()">发送验证码</button>
			
 
				+        </div>
			
 
				+        <div class="login-line">
			
 
				+        <span>
			
 
				+          <i class="iconfont icon-mima"></i>
			
 
				+        </span>
			
 
				+          <input type="password" placeholder="请输入您的密码" class="input">
			
 
				+        </div>
			
 
				+        <div class="tip-line">
			
 
				+          <input type="checkbox" id="tips" class="input" v-model="alRead">
			
 
				+          <span>我已了解 <i @click="dialogVisible = true">风险提示</i></span>
			
 
				+          <div class="switch-box">
			
 
				+            <span class="cursor" @click="changeBox(0)">立即登录！</span>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="submit-line">
			
 
				+          <el-button>注册</el-button>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      <div class="contain" v-show="logined">
			
 
				+        <p class="usr-msg">
			
 
				+          欢迎您，{{usr.username}}
			
 
				+        </p>
			
 
				+        <div class="whole-line">
			
 
				+          <button>申请经纪商</button>
			
 
				+        </div>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <div class="risk">
			
 
				+      <el-dialog
			
 
				+        title="FX66平台风险提示及免责声明"
			
 
				+        :visible.sync="dialogVisible"
			
 
				+        width="80%">
			
 
				+        <div class="statement">
			
 
				+          <h4>尊敬的FX66平台用户：</h4>
			
 
				+          <p>由于数字资产具有极高的投资风险，实行7*24小时连续交易，它没有像中国股市有涨跌停限制，且易受外界因素影响，价格波动较大！
			
 
				+            比特币不由货币当局发行，不具有法偿性与强制性，请务必在了解数字资产市场风险与风险自担的前提下谨慎、理性投资。</p>
			
 
				+          <h4>一、风险提示：</h4>
			
 
				+          <p>1 、数字资产市场是全新的、未经确认的，而且可能不会增长。目前，数字资产主要由投机者大量使用，零售和商业市场使用相对较少。因此，数字资产价格易产生波动，并进而对数字资产投资产生不利影响。</p>
			
 
				+          <p>2、因各国法律、法规和规范性文件的制定或者修改，数字资产交易随时可能被暂停、或被禁止。因此造成的经济损失全部由用户自行承担。</p>
			
 
				+          <p>
			
 
				+            3、用户参与数字资产交易，需承受较高风险。用户应了解和理解此投资有可能导致部分损失或全部损失，所以用户应该以能承受的损失程度来决定投资的金额。用户应了解和理解数字资产会产生衍生风险，所以如有任何疑问，建议先寻求理财顾问的协助。此外，除了上述提及过的风险以外，还会有未能预测的风险存在。</p>
			
 
				+          <p>4 、用户应慎重考虑并用清晰的判断能力去评估自己的财政状况及上述各项风险而作出任何买卖数字资产的决定，并承担由此产生的全部损失，FX66对此不承担任何责任。</p>
			
 
				+          <p>5
			
 
				+            、用户了解FX66仅作为用户获取数字资产信息、寻找交易方、就数字资产的交易进行协商及开展交易的场所，FX66不参与用户的任何交易，故用户应自行谨慎判断确定相关数字资产及/或信息的真实性、合法性和有效性，并自行承担因此产生的责任与损失。</p>
			
 
				+          <p>6、 FX66的任何意见、消息、探讨、分析、价格、建议和其他资讯均是一般的市场评论，并不构成投资建议。FX66不承担任何因依赖该资讯直接或间接而产生的损失，包括但不限于任何利润损失。</p>
			
 
				+          <p>
			
 
				+            7、FX66的内容会随时更改并不作另行通知，FX66已采取合理措施确保网站资讯的准确性，但并不能保证其准确性程度，亦不会承担任何因FX66的资讯或因未能链结互联网、传送或接收任何通知和信息时的延误或失败而直接或间接产生的损失。</p>
			
 
				+          <p>8、使用互联网形式的交易系统亦存有风险，包括但不限于软件，硬件和互联网链结的失败等。由于FX66不能控制互联网的可靠性和可用性，FX66不会对失真，延误和链结失败而承担任何责任。</p>
			
 
				+          <h4>二、反洗钱：</h4>
			
 
				+          <p>为了维护金融稳定，防范洗钱风险。FX66将严格遵循相关法律，严格实行账户实名制，防范可能存在的金融风险。</p>
			
 
				+          <p>1、FX66遵守和执行反洗钱法的规定，对用户进行身份识别、客户身份资料和交易记录保存制度，以及大额的和可疑交易报告的制度。</p>
			
 
				+
			
 
				+          <p>2、用户注册、挂失交易密码或者资金密码时，应当提供并上传身份证复印件，FX66对用户提供的身份证信息进行识别和比对。FX66有合理的理由怀疑用户使用虚假身份注册时，有权拒绝注册或者注销已经注册的账户。</p>
			
 
				+
			
 
				+          <p>3、FX66参照《金融机构大额交易和可疑交易报告管理办法》的规定，保存大额交易和有洗钱嫌疑的交易记录，在监管机构要求提供大额交易和可疑交易的记录时，向监管机构提供。</p>
			
 
				+
			
 
				+          <p>4、FX66对用户身份信息以及大额交易、可疑交易记录进行保存，依法协助、配合司法机关和行政执法机关打击洗钱活动，依照法律法规的规定协助司法机关、海关、税务等部门查询、冻结和扣划客户存款。</p>
			
 
				+
			
 
				+          <p>5、用户需要承诺在FX66注册的账户为本人操作，提供的所有证件，信息均真实有效。若在验证账户时发现提供的信息为虚假，
			
 
				+            伪造或拒绝，虚假陈述资金来源及去向等，FX66有权在不通知用户的情况下冻结账户，并向公安机关举报。</p>
			
 
				+
			
 
				+          <h4>三、免责声明：</h4>
			
 
				+          <p>
			
 
				+            1、FX66提供的信息（包括且不限于币种介绍、投资分析报告、预测文章信息及其他评论、数据、图表、指标、理论、直接的或暗示的指示）等仅供参考，FX66力求但不保证信息的准确性、完整。FX66不对因使用本网站全部或部分内容产生的或因依赖本网站内容而引致的任何损失承担任何责任。</p>
			
 
				+
			
 
				+          <p>2、FX66可能提供部分与其他网站的链接，前述链接仅为方便您的使用，FX66不对所链接网站的信息的真实性、有效性、合法性承担任何责任。</p>
			
 
				+
			
 
				+          <p>3、通过FX66服务购买或获取任何数据、信息或进行交易等行为或替代行为产生的费用及损失，包括但不限于收入损失，交易利润或合同损失，业务中断，预期可节省的货币的损失，
			
 
				+            信息的损失，机会、商誉或声誉的损失，数据的损坏或损失，购买替代产品或服务的成本，数字资产消亡或退出市场，任何由于侵权（包括过失）、违约或其他任何原因产生的间接的、特殊的或附带性的损失或损害。</p>
			
 
				+
			
 
				+          <p>
			
 
				+            4、不论在何种情况下，FX66均不对由于信息网络正常的设备维护，信息网络连接故障，电脑、通讯或其他系统的故障，电力故障，罢工，劳动争议，暴乱，起义，骚乱，生产力或生产资料不足，火灾，洪水，风暴，爆炸，战争，政府行为，司法行政机关的命令或第三方的不作为而造成的不能服务或延迟服务承担责任。</p>
			
 
				+
			
 
				+          <p>
			
 
				+            5、基于互联网的特殊性，FX66不担保服务不会受中断，对服务的及时性、安全性都不作担保。FX66力图使用户能对本网站进行安全访问和使用，但FX66不能保证FX66包含的全部信息、程序、文本等完全安全，不受任何病毒、木马等恶意程序的干扰和破坏，故用户登陆、使用FX66任何服务或下载及使用该下载的任何程序、信息、数据等均是用户个人的决定并自行承担风险及可能产生的损失。</p>
			
 
				+
			
 
				+          <p>6、基于区块链交易平台的特殊性，FX66力图确保平台 365*24 小时保持在线。但FX66不能保证因 DDoS
			
 
				+            攻击、服务器供应商暂停服务、网络供应商暂停服务或其他不可抗力等原因造成网站无法访问，交易大厅无法正常挂单、撤单，已挂单交易未能正常成交，区块链资产充提币长时间未到账等情况。由于以上原因造成用户资产损失的情况，FX66不承担任何责任。</p>
			
 
				+
			
 
				+          <p>7、用户有义务妥善保管好用户名和密码。通过用户的用户名和密码编辑、发布的任何信息或做出的任何行为都将被视为是用户自己的行为，对因此产生的任何损失FX66不承担任何责任。</p>
			
 
				+
			
 
				+          <p>8、任何非因FX66的原因而引起的与FX66服务有关的其它损失。</p>
			
 
				+
			
 
				+          <p>
			
 
				+            数字货币可能存在矿工预挖、庄家操控、团队解散、技术缺陷等问题，其价格波动较大，可能发生资产归零的风险。因此我们强烈建议您在自身能承受的风险范围内参与数字货币交易。请注意止盈止损，合理评估风险，请勿投入高于个人承受能力的金额！
			
 
				+            最终解释权归FX66所有。FX66感谢有您的陪伴！</p>
			
 
				+        </div>
			
 
				+        <span slot="footer" class="dialog-footer">
			
 
				+    <el-button type="primary" @click="read()">我已阅读</el-button>
			
 
				+  </span>
			
 
				+      </el-dialog>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import qs from 'qs'
			
 
				+
			
 
				+export default {
			
 
				+  name: 'login',
			
 
				+  data () {
			
 
				+    return {
			
 
				+      usr:{
			
 
				+        username: ''
			
 
				+      },
			
 
				+      isPhone: true,
			
 
				+      isEmail: false,
			
 
				+      state: 'login',
			
 
				+      options: [
			
 
				+        {
			
 
				+          label: '中国',
			
 
				+          value: '0'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '法国',
			
 
				+          value: '1'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '中国香港(地区)',
			
 
				+          value: '2'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '意大利',
			
 
				+          value: '3'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '日本',
			
 
				+          value: '4'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '柬埔寨',
			
 
				+          value: '5'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '韩国',
			
 
				+          value: '6'
			
 
				+        }
			
 
				+
			
 
				+      ],
			
 
				+      country: [],
			
 
				+      value: '0',
			
 
				+      input: '',
			
 
				+      logData: {
			
 
				+        type: 'sms',
			
 
				+        area: 86,
			
 
				+        mobile: '',
			
 
				+        email: '',
			
 
				+        code: '',
			
 
				+        os: 'web',
			
 
				+        platform: 'fx66',
			
 
				+        password: '',
			
 
				+        redirect_uri: 'http:33.cn'
			
 
				+      },
			
 
				+      postMsgData: {
			
 
				+        platkey: 'zhaobi',
			
 
				+        codetype: 'validate',
			
 
				+        area: 86,
			
 
				+        mobile: '',
			
 
				+        param: 'FzmRandom',
			
 
				+        type: 'sms',
			
 
				+        extend_param: '',
			
 
				+        ticket: '',
			
 
				+        businessId: ''
			
 
				+      },
			
 
				+      dialogVisible: false,
			
 
				+      alRead: false,
			
 
				+      rules: {
			
 
				+        phone: [
			
 
				+          { required: true, message: '请输入手机号', trigger: 'blur' },
			
 
				+        ],
			
 
				+        region: [
			
 
				+          { required: true, message: '请选择活动区域', trigger: 'change' }
			
 
				+        ]
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    changeTab: function (num) {
			
 
				+      if (num === 0) {
			
 
				+        this.isPhone = true
			
 
				+        this.isEmail = false
			
 
				+        this.logData.type = 'sms'
			
 
				+      } else {
			
 
				+        this.isPhone = false
			
 
				+        this.isEmail = true
			
 
				+        this.logData.type = 'email'
			
 
				+      }
			
 
				+    },
			
 
				+    changeBox: function (num) {
			
 
				+      if (num === 0) {
			
 
				+        this.state = 'login'
			
 
				+        console.log('login')
			
 
				+      } else if (num === 1) {
			
 
				+        this.state = 'register'
			
 
				+        console.log(this.state)
			
 
				+      } else if (num === 2) {
			
 
				+        this.state = 'find'
			
 
				+      }
			
 
				+    },
			
 
				+    check:function(){
			
 
				+      let pNum = this.logData.mobile
			
 
				+      if(pNum==''){
			
 
				+        alert('请输入您的手机号')
			
 
				+      }else if(pNum ){
			
 
				+
			
 
				+      }
			
 
				+
			
 
				+    },
			
 
				+    postLoginData: function () {
			
 
				+      this.axios.post('https://dev407.33.cn/api/broker/login', qs.stringify(this.logData)).then((res) => {
			
 
				+        localStorage.setItem('userInfo',JSON.stringify(res.data.data))
			
 
				+        this.usr.username = res.data.data.username
			
 
				+        this.$store.dispatch('login')
			
 
				+        console.log(this.$store.state.loginedUser.username)
			
 
				+
			
 
				+      })
			
 
				+    },
			
 
				+    postMsg: function () {
			
 
				+      this.axios.post('https://dev407.33.cn/api/send/newsms', qs.stringify(this.postMsgData)).then((response) => {
			
 
				+        console.log(response.data)
			
 
				+      })
			
 
				+    },
			
 
				+    read: function () {
			
 
				+      this.dialogVisible = false
			
 
				+      this.alRead = true
			
 
				+    }
			
 
				+  },
			
 
				+  computed:{
			
 
				+    logined(){
			
 
				+      return this.$store.state.logined
			
 
				+    }
			
 
				+  },
			
 
				+  mounted () {
			
 
				+    // this.axios.get('https://dev407.33.cn/api/data/country').then((response) => {
			
 
				+    //   console.log(response.data)
			
 
				+    // })
			
 
				+
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+  .login-block {
			
 
				+    width: 390px;
			
 
				+    background-color: hsla(0, 0%, 100%, .4);
			
 
				+    padding: 15px;
			
 
				+    position: absolute;
			
 
				+    right: 0;
			
 
				+    top: 0;
			
 
				+    z-index: 50;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+
			
 
				+  .contain {
			
 
				+    background-color: #fff;
			
 
				+    overflow: hidden;
			
 
				+    padding: 50px 20px 0;
			
 
				+    color: #333;
			
 
				+  }
			
 
				+
			
 
				+  .area-select {
			
 
				+
			
 
				+  input {
			
 
				+    padding: 0;
			
 
				+    padding-left: 4px;
			
 
				+    padding-right: 14px;
			
 
				+    font-size: 12px;
			
 
				+    border: none;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .tab-box {
			
 
				+    border-bottom: 2px solid #e5e5e5;
			
 
				+    margin-bottom: 30px;
			
 
				+
			
 
				+  span {
			
 
				+    display: inline-block;
			
 
				+    font-size: 20px;
			
 
				+    color: #333;
			
 
				+    width: 110px;
			
 
				+    padding-bottom: 20px;
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+
			
 
				+  span.active {
			
 
				+    border-bottom: 2px solid #1a6fa6;
			
 
				+    margin-bottom: -2px;
			
 
				+    color: #1a6fa6;
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .area-block {
			
 
				+    display: inline-block;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    text-align: center;
			
 
				+    border-right: 1px solid #dcdcdc;
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .login-line {
			
 
				+    position: relative;
			
 
				+    width: 310px;
			
 
				+    height: 50px;
			
 
				+    line-height: 50px;
			
 
				+    margin: 0 auto;
			
 
				+    border: 1px solid #dcdcdc;
			
 
				+    text-align: left;
			
 
				+    margin-bottom: 10px;
			
 
				+
			
 
				+  > span {
			
 
				+    display: inline-block;
			
 
				+    width: 50px;
			
 
				+    height: 50px;
			
 
				+    text-align: center;
			
 
				+    border-right: 1px solid #dcdcdc;
			
 
				+
			
 
				+  i {
			
 
				+    font-size: 24px;
			
 
				+    color: #ccc;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  > input {
			
 
				+    position: absolute;
			
 
				+    margin-top: 10px;
			
 
				+    padding-left: 10px;
			
 
				+    line-height: 30px;
			
 
				+    border: 0;
			
 
				+    font-size: 14px;
			
 
				+    width: 250px;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .tip-line {
			
 
				+    width: 310px;
			
 
				+    margin: 0 auto;
			
 
				+    margin-top: 10px;
			
 
				+    margin-bottom: 26px;
			
 
				+    text-align: left;
			
 
				+    line-height: 1;
			
 
				+    align-items: center;
			
 
				+    justify-content: space-between;
			
 
				+    font-size: 14px;
			
 
				+
			
 
				+  i {
			
 
				+    color: #1a6fa6;
			
 
				+    cursor: pointer;
			
 
				+    font-style: normal;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .switch-box {
			
 
				+    display: inline-block;
			
 
				+    float: right;
			
 
				+
			
 
				+  span {
			
 
				+    color: #1a6fa6;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .cursor {
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+
			
 
				+  .submit-line {
			
 
				+
			
 
				+  &
			
 
				+  {
			
 
				+    padding-bottom: 30px
			
 
				+  ;
			
 
				+    font-size: 0
			
 
				+  ;
			
 
				+    text-align: center
			
 
				+  ;
			
 
				+  }
			
 
				+  button {
			
 
				+    width: 150px;
			
 
				+    height: 50px;
			
 
				+    font-size: 18px;
			
 
				+    background-color: #1a6fa6;
			
 
				+    border: 0;
			
 
				+    color: #fff;
			
 
				+    border-radius: 0;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .yanz-line {
			
 
				+    width: 310px;
			
 
				+    height: 50px;
			
 
				+    line-height: 50px;
			
 
				+    margin: 0 auto;
			
 
				+    text-align: left;
			
 
				+    margin-bottom: 10px;
			
 
				+
			
 
				+  input {
			
 
				+    border: 1px solid #dcdcdc;
			
 
				+    height: 50px;
			
 
				+    padding-left: 10px;
			
 
				+    line-height: 30px;
			
 
				+    font-size: 14px;
			
 
				+  }
			
 
				+
			
 
				+  button {
			
 
				+    width: 130px;
			
 
				+    height: 50px;
			
 
				+    background: #ffe366;
			
 
				+    border: 0;
			
 
				+    position: absolute;
			
 
				+    margin-left: 10px;
			
 
				+    font-size: 14px;
			
 
				+    color: #666;
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .risk {
			
 
				+    text-align: center;
			
 
				+
			
 
				+  .el-dialog__title {
			
 
				+    color: #165e8d;
			
 
				+    font-size: 24px;
			
 
				+  }
			
 
				+
			
 
				+  h4 {
			
 
				+    font-size: 16px;
			
 
				+    color: #165e8d;
			
 
				+    line-height: 24px;
			
 
				+    text-align: left;
			
 
				+  }
			
 
				+
			
 
				+  p {
			
 
				+    line-height: 24px;
			
 
				+    text-align: left;
			
 
				+  }
			
 
				+
			
 
				+  .statement {
			
 
				+    text-align: left;
			
 
				+    background-color: #f6f6f6;
			
 
				+    padding: 30px;
			
 
				+    height: 500px;
			
 
				+    overflow: auto;
			
 
				+  }
			
 
				+
			
 
				+  .statement::-webkit-scrollbar {
			
 
				+    display: none;
			
 
				+  }
			
 
				+
			
 
				+  .el-dialog__footer {
			
 
				+    text-align: center;
			
 
				+
			
 
				+  button {
			
 
				+    width: 140px;
			
 
				+    height: 40px;
			
 
				+    border-radius: 20px;
			
 
				+    background-color: #1a6fa6;
			
 
				+    border: 0;
			
 
				+    font-size: 18px;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  }
			
 
				+  .usr-msg{
			
 
				+    font-size: 25px;
			
 
				+    color: #1a6fa6;
			
 
				+  }
			
 
				+  .whole-line{
			
 
				+    margin-top: 50px;
			
 
				+    button{
			
 
				+      width: 100%;
			
 
				+      height: 50px;
			
 
				+      line-height: 50px;
			
 
				+      border: 1px solid #d2d2d2;
			
 
				+      background-color: transparent;
			
 
				+      margin-bottom: 20px;
			
 
				+      font-size: 18px;
			
 
				+    }
			
 
				+  }
			
 
				+</style>
			
--- a/src/base/Risk.vue
+++ b/src/base/Risk.vue
@@ -0,0 +1,21 @@
 
				+<template>
			
 
				+  <div>
			
 
				+
			
 
				+  </div>
			
 
				+
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'Risk',
			
 
				+  date () {
			
 
				+    return {
			
 
				+      dialogVisible: true
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+
			
 
				+</style>
			
--- a/src/components/Addus.vue
+++ b/src/components/Addus.vue
@@ -0,0 +1,255 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div class="add-box">
			
 
				+    <div class="wrap">
			
 
				+      <div class="title">
			
 
				+        <hr/>
			
 
				+        <h3>加入我们，可以获得</h3>
			
 
				+        <hr/>
			
 
				+      </div>
			
 
				+      <h4 class="subtitle">To join our agent you will gain the following advantages</h4>
			
 
				+      <div class="content-box">
			
 
				+        <div class="adv-line">
			
 
				+          <div :class="{'adv-line-item':1,'hoverClass':hoverNum===index}" v-for="(item,index) in items" :key="index" @mouseover="overShow(index)" @mouseout="outHide(index)">
			
 
				+            <h4>{{item.title}}</h4>
			
 
				+            <h5>{{item.enTitle}}</h5>
			
 
				+            <p>{{item.intro}}</p>
			
 
				+            <img :src="src+(index+1)+'.png'" alt="">
			
 
				+            <div class="apply-btn" v-show="hoverNum===index">立即申请经纪商 <span><i class="iconfont icon-jiantou"></i></span></div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    </div>
			
 
				+      <div class="plat-block">
			
 
				+        <div class="plat-block-back">
			
 
				+          <div class="word-box">
			
 
				+            <img src="../../static/images/home/platBlock.png" alt="">
			
 
				+            <div class="tips1">
			
 
				+              <p class="word1">专业严谨</p>
			
 
				+              <p class="word2">的交易平台</p>
			
 
				+              <p class="word3">Professional and rigorous trading <br/> platform</p>
			
 
				+              <hr/>
			
 
				+            </div>
			
 
				+            <div class="ins-box">
			
 
				+              <p>FX66是基于区块链底层技术的数字资产交易所，</p>
			
 
				+              <p>拥有撮合交易系统低延迟、高并发的核心技术</p>
			
 
				+              <p>勇于突破传统交易所的局限，</p>
			
 
				+              <p>把交易、资产写入区块链当中。</p>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'Addus',
			
 
				+  data () {
			
 
				+    return {
			
 
				+      hoverNum: 100,
			
 
				+      src: '../../static/images/home/add0',
			
 
				+      items: [
			
 
				+        {
			
 
				+          title: '超高返佣',
			
 
				+          enTitle: 'High commission',
			
 
				+          intro: '推荐FX66给他人，可以获取被推荐人等比例的交易手续费做为佣金。',
			
 
				+          src: ''
			
 
				+        },
			
 
				+        {
			
 
				+          title: 'VIP奖励',
			
 
				+          enTitle: 'VIP rewards',
			
 
				+          intro: '每个经纪商都会有相应的业绩排名，凡是每个月业绩排名靠前者，均可以得到我们平台的VIP级别奖励。',
			
 
				+          src: ''
			
 
				+        },
			
 
				+        {
			
 
				+          title: '市场支持',
			
 
				+          enTitle: ' Marketing support',
			
 
				+          intro: 'FX66经纪商可以使用我们所可以提供的全部交易工具和交易资源，并且会在市场宣传方面给予相应的支持！',
			
 
				+          src: ''
			
 
				+        },
			
 
				+        {
			
 
				+          title: '技术支持',
			
 
				+          enTitle: 'Technical support',
			
 
				+          intro: '我们拥有强大的技术开发团队，可以制定符合客户营销特点的网站，只收成本费。',
			
 
				+          src: ''
			
 
				+        }
			
 
				+      ]
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    overShow: function (num) {
			
 
				+      this.hoverNum = num
			
 
				+    },
			
 
				+    outHide: function (num) {
			
 
				+      this.hoverNum = 100
			
 
				+    }
			
 
				+
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .add-box {
			
 
				+    height: 900px;
			
 
				+    width: 100%;
			
 
				+    padding-top: 60px;
			
 
				+    margin: 0 auto;
			
 
				+
			
 
				+
			
 
				+  }
			
 
				+  .subtitle {
			
 
				+    font-size: 20px;
			
 
				+    color: #999;
			
 
				+    margin-top: 12px;
			
 
				+  }
			
 
				+  .adv-line div.hoverClass{
			
 
				+    border:1px solid #1a6fa6;
			
 
				+    border-left:4px solid #1a6fa6;
			
 
				+    box-sizing: border-box;
			
 
				+  }
			
 
				+  .adv-line {
			
 
				+    display: flex;
			
 
				+    margin-top: 80px;
			
 
				+    flex-wrap: wrap;
			
 
				+
			
 
				+  .adv-line-item {
			
 
				+    position: relative;
			
 
				+    text-align: left;
			
 
				+    width: 430px;
			
 
				+    height: 250px;
			
 
				+    border: 1px solid #eee;
			
 
				+    color: #333;
			
 
				+    padding: 32px 0 0 20px;
			
 
				+    background-color: #fff;
			
 
				+    margin-top: 80px;
			
 
				+
			
 
				+  h4 {
			
 
				+    font-size: 25px;
			
 
				+    font-weight: 700;
			
 
				+    line-height: 1;
			
 
				+  }
			
 
				+
			
 
				+  h5 {
			
 
				+    font-size: 20px;
			
 
				+    line-height: 1;
			
 
				+    color: #999;
			
 
				+    font-weight: 500;
			
 
				+    margin-top: 10px;
			
 
				+    margin-bottom: 40px;
			
 
				+  }
			
 
				+
			
 
				+  p {
			
 
				+    width: 255px;
			
 
				+    font-size: 15px;
			
 
				+  }
			
 
				+
			
 
				+  img {
			
 
				+    position: absolute;
			
 
				+    top: 20px;
			
 
				+    right: -135px;
			
 
				+    width: 270px;
			
 
				+  }
			
 
				+
			
 
				+  .apply-btn {
			
 
				+    position: absolute;
			
 
				+    bottom: -22px;
			
 
				+    width: 170px;
			
 
				+    height: 45px;
			
 
				+    background-color: #1a6fa6;
			
 
				+    color: #fff;
			
 
				+    padding-left: 18px;
			
 
				+    cursor: pointer;
			
 
				+    font-size: 15px;
			
 
				+    line-height: 45px;
			
 
				+
			
 
				+  span {
			
 
				+    float: right;
			
 
				+    display: block;
			
 
				+    width: 47px;
			
 
				+    height: 100%;
			
 
				+    background-color: #2580bb;
			
 
				+    text-align: center;
			
 
				+
			
 
				+  i {
			
 
				+    font-weight: bold;
			
 
				+  }
			
 
				+  }
			
 
				+  }
			
 
				+  }
			
 
				+  .adv-line-item:first-child, .adv-line-item:nth-child(2) {
			
 
				+    margin-top: 0px;
			
 
				+  }
			
 
				+
			
 
				+  .adv-line-item:nth-child(odd) {
			
 
				+    margin-right: 200px;
			
 
				+  }
			
 
				+  }
			
 
				+.plat-block{
			
 
				+  height: 900px;
			
 
				+  background: url("../../static/images/home/platBg.png") no-repeat center 30px;
			
 
				+  background-size: auto;
			
 
				+  position: relative;
			
 
				+  .plat-block-back{
			
 
				+    width: 100%;
			
 
				+    height: 417px;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+  }
			
 
				+}
			
 
				+.word-box{
			
 
				+  width: 1200px;
			
 
				+  height: 250px;
			
 
				+  position: absolute;
			
 
				+  left: 50%;
			
 
				+  transform: translateX(-50%);
			
 
				+  bottom: 85px;
			
 
				+  background-color: rgba(2,134,219,.83);
			
 
				+  padding-left: 195px;
			
 
				+  text-align: left;
			
 
				+  color: #fff;
			
 
				+  img{
			
 
				+    position: absolute;
			
 
				+    top: -37px;
			
 
				+    left: 158px;
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+  .tips1{
			
 
				+  line-height:1;
			
 
				+  .word1{
			
 
				+    font-size: 35px;
			
 
				+    margin-top: 30px;
			
 
				+    font-weight: 700;
			
 
				+  }
			
 
				+  .word2{
			
 
				+    font-size: 24px;
			
 
				+    margin-left: 80px;
			
 
				+    margin-top: 10px;
			
 
				+    font-weight: 700;
			
 
				+  }
			
 
				+  .word3{
			
 
				+    margin-top: 16px;
			
 
				+    font-size: 12px;
			
 
				+    line-height: 1.5;
			
 
				+  }
			
 
				+  hr{
			
 
				+    width: 45px;
			
 
				+    height: 2px;
			
 
				+    background-color: #fff;
			
 
				+    border: 0;
			
 
				+    margin-top: 20px;
			
 
				+  }
			
 
				+  }
			
 
				+  .ins-box{
			
 
				+    position: absolute;
			
 
				+    width: 400px;
			
 
				+    right: 250px;
			
 
				+    top: 56px;
			
 
				+    font-size: 18px;
			
 
				+    text-align: center;
			
 
				+    line-height: 1.6;
			
 
				+  }
			
 
				+</style>
			
--- a/src/components/ApplyContent.vue
+++ b/src/components/ApplyContent.vue
@@ -0,0 +1,39 @@
 
				+<template>
			
 
				+  <div>
			
 
				+    <div class="banner">
			
 
				+      <img src="../../static/images/apply/banner.png" alt="">
			
 
				+    </div>
			
 
				+    <Steps></Steps>
			
 
				+    <ApplyForm></ApplyForm>
			
 
				+
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+  import Steps from '../components/Steps'
			
 
				+  import ApplyForm from '../components/ApplyForm'
			
 
				+
			
 
				+  export default {
			
 
				+    name: 'ApplyContent',
			
 
				+    components: {Steps,ApplyForm}
			
 
				+  }
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .banner {
			
 
				+    height: 400px;
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+    overflow: hidden;
			
 
				+    margin-bottom: 10px;
			
 
				+    margin-top: 75px;
			
 
				+
			
 
				+  img {
			
 
				+    height: 100%;
			
 
				+    position: relative;
			
 
				+    left: 50%;
			
 
				+    transform: translateX(-50%);
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+</style>
			
--- a/src/components/ApplyForm.vue
+++ b/src/components/ApplyForm.vue
@@ -0,0 +1,447 @@
 
				+<template>
			
 
				+  <div class="wrap">
			
 
				+    <div class="apply-box">
			
 
				+      <div class="tabline">
			
 
				+        <h2>经纪商申请</h2>
			
 
				+      </div>
			
 
				+      <div class="apply-form">
			
 
				+        <div class="left-part">
			
 
				+          <h4>经纪商申请标准:</h4>
			
 
				+          <h5>经纪商是具有一定资源并能独立运营的公司、机构或团体。</h5>
			
 
				+          <p>1.经纪商所辖客户交易手续费的一部分作为返佣；</p>
			
 
				+          <p>2.经纪商可自行设置客户的提款手续费标准；</p>
			
 
				+          <p>3.经纪商可招募代理商，并在经纪商后台调整代理商返佣标准；</p>
			
 
				+          <p>4.经纪商所辖客户有不当得利的行为（恶意刷单、利用BUG等），手续费不返还；</p>
			
 
				+          <p>5.经纪商可在后台查看直发客户及代理客户的交易统计表；</p>
			
 
				+        </div>
			
 
				+        <div class="right-form">
			
 
				+          <el-form ref="applyForm" :model="applyForm" label-width="138px">
			
 
				+            <el-form-item label="公司/机构名称:">
			
 
				+              <el-input v-model="applyForm.comName" placeholder="请输入您所在的公司或者机构名称"></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="姓名:">
			
 
				+              <el-input v-model="applyForm.name" placeholder="请输入您的姓名"></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="手机号:" class="group-one">
			
 
				+              <el-select v-model="defaultValue" class="select fl">
			
 
				+                <el-option v-for="item in countries" :key="item.value"
			
 
				+                           :label="item.label"
			
 
				+                           :value="item.value">
			
 
				+                </el-option>
			
 
				+              </el-select>
			
 
				+              <el-input v-model="applyForm.pNum" placeholder="请输入您的手机号码" class="fl"></el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="其他联系方式:" class="group-two">
			
 
				+              <el-input type="textarea"
			
 
				+                        :rows="3"
			
 
				+                        placeholder="请输入您的其他联系方式 如：微信、邮箱等"
			
 
				+                        v-model="textarea">
			
 
				+              </el-input>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="所在地:" class="group-two">
			
 
				+              <el-select v-model="areaValue" clearable placeholder="所属国家" class="area-select" @change="disabled()">
			
 
				+                <el-option
			
 
				+                  v-for="item in areas"
			
 
				+                  :key="item.value"
			
 
				+                  :label="item.label"
			
 
				+                  :value="item.value">
			
 
				+                </el-option>
			
 
				+              </el-select>
			
 
				+              <el-select v-model="proValue" clearable placeholder="所属省份" class="area-select" :disabled="others">
			
 
				+                <el-option
			
 
				+                  v-for="item in provinces"
			
 
				+                  :key="item.value"
			
 
				+                  :label="item.label"
			
 
				+                  :value="item.value">
			
 
				+                </el-option>
			
 
				+              </el-select>
			
 
				+            </el-form-item>
			
 
				+            <el-form-item>
			
 
				+              <el-button type="primary" @click="submitForm('applyForm')" class="apply-button">立即申请</el-button>
			
 
				+            </el-form-item>
			
 
				+            </el-form-item>
			
 
				+          </el-form>
			
 
				+          <p class="tips">*您好，我们尊重每一个客户的隐私。 一旦提交了以上内容则表明您同意FX66使用以上提供的信息与您联系，为您解答您所咨询的产品及服务。
			
 
				+          </p>
			
 
				+
			
 
				+        </div>
			
 
				+
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'ApplyForm',
			
 
				+  data () {
			
 
				+    return {
			
 
				+      applyForm: {
			
 
				+        comName: '',
			
 
				+        name: '',
			
 
				+        date1: '',
			
 
				+        pNum: ''
			
 
				+      },
			
 
				+      countries: [
			
 
				+        {
			
 
				+          label: '中国',
			
 
				+          value: '0'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '法国',
			
 
				+          value: '1'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '中国香港(地区)',
			
 
				+          value: '2'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '意大利',
			
 
				+          value: '3'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '日本',
			
 
				+          value: '4'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '柬埔寨',
			
 
				+          value: '5'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '韩国',
			
 
				+          value: '6'
			
 
				+        }
			
 
				+
			
 
				+      ],
			
 
				+      defaultValue: '0',
			
 
				+      areas: [
			
 
				+        {
			
 
				+          label: '中国',
			
 
				+          value: '0'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '法国',
			
 
				+          value: '1'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '意大利',
			
 
				+          value: '2'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '日本',
			
 
				+          value: '3'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '柬埔寨',
			
 
				+          value: '4'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '韩国',
			
 
				+          value: '5'
			
 
				+        }, {
			
 
				+          label: '马来西亚',
			
 
				+          value: '6'
			
 
				+        }
			
 
				+      ],
			
 
				+      provinces: [
			
 
				+        {
			
 
				+          label: '北京市',
			
 
				+          value: '0'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '天津市',
			
 
				+          value: '1'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '上海市',
			
 
				+          value: '2'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '重庆市',
			
 
				+          value: '3'
			
 
				+        }, {
			
 
				+          label: '河北省',
			
 
				+          value: '4'
			
 
				+        }, {
			
 
				+          label: '山西省',
			
 
				+          value: '5'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '辽宁省',
			
 
				+          value: '6'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '吉林省',
			
 
				+          value: '7'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '黑龙江省',
			
 
				+          value: '8'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '江苏省',
			
 
				+          value: '9'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '浙江省',
			
 
				+          value: '10'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '安徽省',
			
 
				+          value: '11'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '福建省',
			
 
				+          value: '12'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '安徽省',
			
 
				+          value: '13'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '江西省',
			
 
				+          value: '14'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '山东省',
			
 
				+          value: '15'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '河南省',
			
 
				+          value: '16'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '湖北省',
			
 
				+          value: '17'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '湖南省',
			
 
				+          value: '18'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '广东省',
			
 
				+          value: '19'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '海南省',
			
 
				+          value: '20'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '四川省',
			
 
				+          value: '21'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '海南省',
			
 
				+          value: '22'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '贵州省',
			
 
				+          value: '23'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '云南省',
			
 
				+          value: '24'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '陕西省',
			
 
				+          value: '25'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '甘肃省',
			
 
				+          value: '26'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '陕西省',
			
 
				+          value: '27'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '青海省',
			
 
				+          value: '28'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '台湾省',
			
 
				+          value: '29'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '内蒙古自治区',
			
 
				+          value: '30'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '广西壮族自治区',
			
 
				+          value: '31'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '西藏自治区',
			
 
				+          value: '32'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '宁夏回族自治区',
			
 
				+          value: '33'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '新疆维吾尔自治区',
			
 
				+          value: '34'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '香港特别行政区',
			
 
				+          value: '35'
			
 
				+        },
			
 
				+        {
			
 
				+          label: '澳门特别行政区',
			
 
				+          value: '36'
			
 
				+        }
			
 
				+
			
 
				+      ],
			
 
				+      nodata:[
			
 
				+        {
			
 
				+          value:'999',
			
 
				+          label:'无数据'
			
 
				+        }
			
 
				+      ],
			
 
				+      areaValue: '',
			
 
				+      proValue: '',
			
 
				+      textarea: '',
			
 
				+      others: true,
			
 
				+      selected: ''
			
 
				+    }
			
 
				+  },
			
 
				+  methods: {
			
 
				+    disabled: function () {
			
 
				+      if (this.areaValue == 0) {
			
 
				+        this.others = false
			
 
				+      } else {
			
 
				+        this.others = true;
			
 
				+        this.proValue = '';
			
 
				+      }
			
 
				+    },
			
 
				+    submitForm: function () {
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .apply-box {
			
 
				+    background-color: #fff;
			
 
				+  }
			
 
				+
			
 
				+  h2 {
			
 
				+    line-height: 80px;
			
 
				+    font-size: 24px;
			
 
				+    font-weight: 700;
			
 
				+  }
			
 
				+
			
 
				+  .tabline {
			
 
				+    border-bottom: 1px solid #e5e5e5;
			
 
				+    margin-bottom: 50px;
			
 
				+    height: 80px;
			
 
				+  }
			
 
				+
			
 
				+  .apply-form {
			
 
				+    text-align: left;
			
 
				+    margin: 0 75px;
			
 
				+    color: #333;
			
 
				+    display: flex;
			
 
				+  }
			
 
				+
			
 
				+  .left-part {
			
 
				+    width: 530px;
			
 
				+    border: 1px solid #e5e5e5;
			
 
				+    padding: 20px;
			
 
				+    position: relative;
			
 
				+    text-align: left;
			
 
				+
			
 
				+  h4 {
			
 
				+    font-size: 16px;
			
 
				+    line-height: 1;
			
 
				+  }
			
 
				+
			
 
				+  h5 {
			
 
				+    color: #0176c3;
			
 
				+    margin-top: 20px;
			
 
				+    font-size: 14px;
			
 
				+  }
			
 
				+
			
 
				+  p {
			
 
				+    margin-top: 20px;
			
 
				+    font-size: 14px;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .left-part:before {
			
 
				+    content: "";
			
 
				+    position: absolute;
			
 
				+    top: 50%;
			
 
				+    right: -10px;
			
 
				+    transform: translateY(-50%);
			
 
				+    display: block;
			
 
				+    border-left: 10px solid #e5e5e5;
			
 
				+    border-top: 10px solid transparent;
			
 
				+    border-bottom: 10px solid transparent;
			
 
				+  }
			
 
				+
			
 
				+  .left-part:after {
			
 
				+    content: "";
			
 
				+    position: absolute;
			
 
				+    top: 50%;
			
 
				+    right: -8px;
			
 
				+    transform: translateY(-50%);
			
 
				+    display: block;
			
 
				+    border-left: 8px solid #fff;
			
 
				+    border-top: 8px solid transparent;
			
 
				+    border-bottom: 8px solid transparent;
			
 
				+  }
			
 
				+
			
 
				+  .right-form {
			
 
				+    width: 480px !important;
			
 
				+    margin-left: 40px;
			
 
				+  }
			
 
				+
			
 
				+  .el-select-dropdown__item.selected {
			
 
				+    color: #fff;
			
 
				+    background-color: #20a0ff;
			
 
				+    font-weight: 500;
			
 
				+  }
			
 
				+
			
 
				+  .select {
			
 
				+    width: 130px;
			
 
				+    border-top-right-radius: 0;
			
 
				+    border-bottom-right-radius: 0;
			
 
				+  }
			
 
				+
			
 
				+  .group-one .el-input {
			
 
				+    width: 212px;
			
 
				+
			
 
				+  .el-input__inner {
			
 
				+    border-top-left-radius: 0;
			
 
				+    border-bottom-left-radius: 0;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .area-select {
			
 
				+    /*width: 165px;*/
			
 
				+  }
			
 
				+
			
 
				+  .area-select:nth-of-type(2) {
			
 
				+    margin-left: 8px;
			
 
				+  }
			
 
				+
			
 
				+  .apply-button {
			
 
				+    display: block;
			
 
				+    width: 100%;
			
 
				+    border: 0;
			
 
				+    border-radius: 0;
			
 
				+    background-color: #0176c3;
			
 
				+    color: #fff;
			
 
				+    height: 40px;
			
 
				+    line-height: 40px;
			
 
				+    padding-top: 0;
			
 
				+  }
			
 
				+
			
 
				+  .tips {
			
 
				+    padding-left: 28px;
			
 
				+    color: #3884d3;
			
 
				+    font-size: 14px;
			
 
				+  }
			
 
				+</style>
			
--- a/src/components/Banner.vue
+++ b/src/components/Banner.vue
@@ -0,0 +1,122 @@
 
				+<template>
			
 
				+  <div class="banner">
			
 
				+    <div class="block">
			
 
				+      <el-carousel indicator-position="none" arrow="never">
			
 
				+        <el-carousel-item v-for="item in 3" :key="item">
			
 
				+          <div class="wrap">
			
 
				+            <button class="ask-for">申请经纪商</button>
			
 
				+          </div>
			
 
				+        </el-carousel-item>
			
 
				+      </el-carousel>
			
 
				+      <div class="wrap-block">
			
 
				+        <LoginWindow></LoginWindow>
			
 
				+      </div>
			
 
				+      <div :class="{'black-line':true,'fix-bottom':scrolled}">
			
 
				+        <button class="line-button">申请经纪商</button>
			
 
				+        <span class="phoneNum">热线电话：+86 173 5471 8363</span>
			
 
				+      </div>
			
 
				+
			
 
				+    </div>
			
 
				+
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import LoginWindow from './LoginWindow'
			
 
				+export default {
			
 
				+  name: 'Banner',
			
 
				+  components: {LoginWindow},
			
 
				+  data () {
			
 
				+    return {
			
 
				+      scrolled:false
			
 
				+      }
			
 
				+    },
			
 
				+  methods:{
			
 
				+    handleScroll () {
			
 
				+      if (window.scrollY > 900) {
			
 
				+        this.scrolled = true;
			
 
				+      }else{
			
 
				+        this.scrolled = false;
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  mounted () {
			
 
				+    window.addEventListener('scroll', this.handleScroll)
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .banner{
			
 
				+    text-align: left;
			
 
				+  }
			
 
				+  .el-carousel__item{
			
 
				+    background-size: auto 100%;
			
 
				+  }
			
 
				+
			
 
				+  .el-carousel__item:nth-of-type(1) {
			
 
				+    background: url("../../static/images/banner1/banner.png") no-repeat 50%;
			
 
				+    background-size: auto 100%;
			
 
				+  }
			
 
				+
			
 
				+  .el-carousel__item:nth-of-type(2) {
			
 
				+    background: url("../../static/images/banner1/banner1.png")  no-repeat 50%;
			
 
				+    background-size: auto 100%;
			
 
				+  }
			
 
				+  .el-carousel__item:nth-of-type(3) {
			
 
				+    background: url("../../static/images/banner1/banner2.png")  no-repeat 50%;
			
 
				+    background-size: auto 100%;
			
 
				+  }
			
 
				+  button.ask-for{
			
 
				+    margin: 425px 0 0 8px;
			
 
				+    width: 150px;
			
 
				+    height: 40px;
			
 
				+    font-size: 16px;
			
 
				+    color: #1f52c9;
			
 
				+    background: #fede00;
			
 
				+    border: none;
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+  .wrap-block{
			
 
				+    width: 1200px;
			
 
				+    margin: 0 auto;
			
 
				+    position: absolute;
			
 
				+    left: 50%;
			
 
				+    margin-left: -600px;
			
 
				+    top: 0;
			
 
				+    margin-top: 180px;
			
 
				+  }
			
 
				+  .black-line{
			
 
				+    height: 100px;
			
 
				+    background-color: rgba(0,0,0,.5);
			
 
				+    width: 100%;
			
 
				+    margin: 0 auto;
			
 
				+    line-height: 100px;
			
 
				+    position: absolute;
			
 
				+    top: 800px;
			
 
				+    z-index: 100;
			
 
				+    text-align: center;
			
 
				+  }
			
 
				+  .fix-bottom{
			
 
				+    position: fixed;
			
 
				+    bottom: 0;
			
 
				+    top: auto;
			
 
				+  }
			
 
				+  .line-button{
			
 
				+    width: 140px;
			
 
				+    height: 40px;
			
 
				+    border-radius: 20px;
			
 
				+    border: 0;
			
 
				+    font-size: 18px;
			
 
				+    font-weight: 700;
			
 
				+    margin-right: 60px;
			
 
				+    cursor: pointer;
			
 
				+    background-color: #1a6fa6;
			
 
				+    color: #fff;
			
 
				+  }
			
 
				+  .phoneNum{
			
 
				+    color: #fff;
			
 
				+    font-size: 25px;
			
 
				+    font-weight: 700;
			
 
				+  }
			
 
				+</style>
			
--- a/src/components/Contact.vue
+++ b/src/components/Contact.vue
@@ -0,0 +1,109 @@
 
				+<template>
			
 
				+    <div class="contact">
			
 
				+      <div class="title">
			
 
				+        <hr>
			
 
				+        <h3>联系我们 快速申请</h3>
			
 
				+        <hr>
			
 
				+      </div>
			
 
				+      <h4>Feel Free to Contact Us</h4>
			
 
				+      <ul class="contact-us">
			
 
				+        <li>
			
 
				+          <img src="../../static/images/phone.png" alt="">
			
 
				+          <img src="../../static/images/phoneHover.png" alt="" >
			
 
				+          <p>86-17354718363</p>
			
 
				+        </li>
			
 
				+        <li  @mouseover="overShow()" @mouseout="outHide()">
			
 
				+          <img src="../../static/images/wx.png" alt="">
			
 
				+          <img src="../../static/images/wxHover.png" alt="">
			
 
				+          <p>fx66kefu</p>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+      <img src="../../static/images/fx66kefufu.jpg" alt="" class="kefu-wx" v-show="show">
			
 
				+
			
 
				+    </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+    export default {
			
 
				+        name: "Contact",
			
 
				+      data(){
			
 
				+          return{
			
 
				+            show:false
			
 
				+          }
			
 
				+      },
			
 
				+      methods:{
			
 
				+          overShow:function(){
			
 
				+            this.show = true;
			
 
				+          },
			
 
				+        outHide:function(){
			
 
				+            this.show = false
			
 
				+        }
			
 
				+      }
			
 
				+    }
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+.contact {
			
 
				+  width: 1200px;
			
 
				+  background-color: #fff;
			
 
				+  margin: 0 auto;
			
 
				+  position: relative;
			
 
				+  padding-top: 50px;
			
 
				+
			
 
				+.title {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: space-between;
			
 
				+
			
 
				+h3 {
			
 
				+  font-size: 25px;
			
 
				+  font-weight: 700;
			
 
				+  line-height: 1;
			
 
				+}
			
 
				+
			
 
				+hr {
			
 
				+  width: 420px;
			
 
				+  height: 1px;
			
 
				+  background-color: #e5e5e5;
			
 
				+  border: 0;
			
 
				+}
			
 
				+
			
 
				+}
			
 
				+h4{
			
 
				+  font-size: 16px;
			
 
				+  color: #999;
			
 
				+  margin-top: 12px;
			
 
				+}
			
 
				+}
			
 
				+.contact-us{
			
 
				+  margin-top: 50px;
			
 
				+  padding: 0 400px 70px;
			
 
				+  display: flex;
			
 
				+  justify-content: space-between;
			
 
				+  p{
			
 
				+    line-height: 1;
			
 
				+    font-size: 20px;
			
 
				+    clear: both;
			
 
				+  }
			
 
				+  li>img{
			
 
				+    margin-bottom: 20px;
			
 
				+    /*float: left;*/
			
 
				+  }
			
 
				+}
			
 
				+.contact-us>li>img:nth-child(2){
			
 
				+  display: none;
			
 
				+}
			
 
				+.kefu-wx{
			
 
				+  /*display: none;*/
			
 
				+  width: 120px;
			
 
				+  position: absolute;
			
 
				+  top: 0;
			
 
				+  margin: 150px 0 0 240px;
			
 
				+}
			
 
				+.contact-us>li:hover img:nth-child(1){
			
 
				+  display:none
			
 
				+}
			
 
				+.contact-us>li:hover img:nth-child(2){
			
 
				+  display: inline-block;
			
 
				+}
			
 
				+</style>
			
--- a/src/components/Content.vue
+++ b/src/components/Content.vue
@@ -0,0 +1,45 @@
 
				+<template>
			
 
				+  <div class="content">
			
 
				+    <Crypto></Crypto>
			
 
				+    <Addus></Addus>
			
 
				+    <Server></Server>
			
 
				+
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Crypto from '../components/Crypto'
			
 
				+import Addus from '../components/Addus'
			
 
				+import Server from '../components/Server'
			
 
				+
			
 
				+export default {
			
 
				+  name: 'Content',
			
 
				+  components: {Crypto, Addus,Server}
			
 
				+
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+.content {
			
 
				+  background-color: #f5f8ff;
			
 
				+}
			
 
				+.title {
			
 
				+  display: flex;
			
 
				+  align-items: center;
			
 
				+  justify-content: space-between;
			
 
				+
			
 
				+h3 {
			
 
				+  font-size: 35px;
			
 
				+  font-weight: 700;
			
 
				+  line-height: 1;
			
 
				+}
			
 
				+
			
 
				+hr {
			
 
				+  width: 420px;
			
 
				+  height: 1px;
			
 
				+  background-color: #e5e5e5;
			
 
				+  border: 0;
			
 
				+}
			
 
				+
			
 
				+}
			
 
				+</style>
			
--- a/src/components/Crypto.vue
+++ b/src/components/Crypto.vue
@@ -0,0 +1,130 @@
 
				+<template>
			
 
				+  <div class="crypto">
			
 
				+    <div class="wrap">
			
 
				+      <h1>主流交易币种</h1>
			
 
				+      <p class="text">Mainstream Trading Crypto-currency</p>
			
 
				+      <div class="blue-line"></div>
			
 
				+      <div class="coin-box">
			
 
				+        <ul class="coin-ul">
			
 
				+          <li v-for="(item,index) in items" :key="index">
			
 
				+            <i :class="'iconfont'+' '+item.icon"></i>
			
 
				+            <p>{{item.text}}</p>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'Crypto',
			
 
				+  data () {
			
 
				+    return {
			
 
				+      items: [
			
 
				+        {
			
 
				+          icon: 'icon-BTC1',
			
 
				+          text: 'BTC( 比特币 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-bty1',
			
 
				+          text: 'BTY( 比特元 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-BCC1',
			
 
				+          text: 'BCC( 比特现金 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-ETH1',
			
 
				+          text: 'ETH( 以太坊 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-ETC',
			
 
				+          text: 'ETC( 以太坊经典 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-ZEC1',
			
 
				+          text: 'ZEC( 零币 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-ltc',
			
 
				+          text: 'LTC( 莱特币 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-BTS3',
			
 
				+          text: 'BTS( 比特股 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-SC3',
			
 
				+          text: 'SC( 云储币 )'
			
 
				+        },
			
 
				+        {
			
 
				+          icon: 'icon-DCR3',
			
 
				+          text: 'DCR( 德信币 )'
			
 
				+        }
			
 
				+      ]
			
 
				+
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .crypto{
			
 
				+    text-align: center;
			
 
				+    padding-top: 78px;
			
 
				+    height: 900px;
			
 
				+    background:url(../../static/images/home/coinBg.png) no-repeat bottom;
			
 
				+    position: relative;
			
 
				+  }
			
 
				+  h1{
			
 
				+    font-weight: 700;
			
 
				+    font-size: 35px;
			
 
				+    color: #333;
			
 
				+  }
			
 
				+  .blue-line{
			
 
				+    width: 60px;
			
 
				+    height: 2px;
			
 
				+    margin: 0 auto;
			
 
				+    margin-top: 15px;
			
 
				+    background-color: #1a6fa6;
			
 
				+  }
			
 
				+  .crypto .text{
			
 
				+    font-size: 20px;
			
 
				+    color: hsla(0,0%,60%,.8);
			
 
				+    margin-top: 12px;
			
 
				+  }
			
 
				+  .coin-box{
			
 
				+    width: 1200px;
			
 
				+    height: auto;
			
 
				+    margin: 80px auto 0;
			
 
				+    position: relative;
			
 
				+  }
			
 
				+  .coin-ul{
			
 
				+    width: 915px;
			
 
				+    height: 363px;
			
 
				+    margin: 0 auto;
			
 
				+
			
 
				+  }
			
 
				+  .coin-ul>li{
			
 
				+    float: left;
			
 
				+    width: 180px;
			
 
				+    height: 180px;
			
 
				+    background-color: #fff;
			
 
				+    display: inline-block;
			
 
				+    float: left;
			
 
				+    margin-right: 3px;
			
 
				+    margin-bottom: 3px;
			
 
				+  i{
			
 
				+    font-size: 62px;
			
 
				+    margin-top: 30px;
			
 
				+    margin-bottom: 30px;
			
 
				+    color: #1a6fa6;
			
 
				+
			
 
				+  }
			
 
				+  p{
			
 
				+    font-size: 20px;
			
 
				+    color: #999;
			
 
				+  }
			
 
				+  }
			
 
				+</style>
			
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,113 +0,0 @@
 
				-<template>
			
 
				-  <div class="hello">
			
 
				-    <h1>{{ msg }}</h1>
			
 
				-    <h2>Essential Links</h2>
			
 
				-    <ul>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="https://vuejs.org"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          Core Docs
			
 
				-        </a>
			
 
				-      </li>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="https://forum.vuejs.org"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          Forum
			
 
				-        </a>
			
 
				-      </li>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="https://chat.vuejs.org"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          Community Chat
			
 
				-        </a>
			
 
				-      </li>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="https://twitter.com/vuejs"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          Twitter
			
 
				-        </a>
			
 
				-      </li>
			
 
				-      <br>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="http://vuejs-templates.github.io/webpack/"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          Docs for This Template
			
 
				-        </a>
			
 
				-      </li>
			
 
				-    </ul>
			
 
				-    <h2>Ecosystem</h2>
			
 
				-    <ul>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="http://router.vuejs.org/"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          vue-router
			
 
				-        </a>
			
 
				-      </li>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="http://vuex.vuejs.org/"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          vuex
			
 
				-        </a>
			
 
				-      </li>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="http://vue-loader.vuejs.org/"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          vue-loader
			
 
				-        </a>
			
 
				-      </li>
			
 
				-      <li>
			
 
				-        <a
			
 
				-          href="https://github.com/vuejs/awesome-vue"
			
 
				-          target="_blank"
			
 
				-        >
			
 
				-          awesome-vue
			
 
				-        </a>
			
 
				-      </li>
			
 
				-    </ul>
			
 
				-  </div>
			
 
				-</template>
			
 
				-
			
 
				-<script>
			
 
				-export default {
			
 
				-  name: 'HelloWorld',
			
 
				-  data () {
			
 
				-    return {
			
 
				-      msg: 'Welcome to Your Vue.js App'
			
 
				-    }
			
 
				-  }
			
 
				-}
			
 
				-</script>
			
 
				-
			
 
				-<!-- Add "scoped" attribute to limit CSS to this component only -->
			
 
				-<style scoped>
			
 
				-h1, h2 {
			
 
				-  font-weight: normal;
			
 
				-}
			
 
				-ul {
			
 
				-  list-style-type: none;
			
 
				-  padding: 0;
			
 
				-}
			
 
				-li {
			
 
				-  display: inline-block;
			
 
				-  margin: 0 10px;
			
 
				-}
			
 
				-a {
			
 
				-  color: #42b983;
			
 
				-}
			
 
				-</style>
			
--- a/src/components/LoginWindow.vue
+++ b/src/components/LoginWindow.vue
@@ -0,0 +1,20 @@
 
				+<template>
			
 
				+    <div>
			
 
				+      <Login></Login>
			
 
				+      <Risk></Risk>
			
 
				+    </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Login from '../base/Login'
			
 
				+import Risk from '../base/Risk'
			
 
				+
			
 
				+export default {
			
 
				+  name: 'LoginWindow',
			
 
				+  components: {Login,Risk}
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+
			
 
				+</style>
			
--- a/src/components/Server.vue
+++ b/src/components/Server.vue
@@ -0,0 +1,114 @@
 
				+<template>
			
 
				+    <div class="server-block">
			
 
				+      <div class="wrap">
			
 
				+      <div class="title">
			
 
				+        <hr/>
			
 
				+        <h3>全方位 一站式服务</h3>
			
 
				+        <hr/>
			
 
				+      </div>
			
 
				+        <h4>All-around one-stop service</h4>
			
 
				+        <ul class="server-list">
			
 
				+          <li v-for="(item ,index) in items">
			
 
				+            <div class="item">
			
 
				+              <i :class="'iconfont'+' '+item.fontClass"></i>
			
 
				+            </div>
			
 
				+            <div class="text">{{item.textOne}}<br>{{item.textTwo}}</div>
			
 
				+          </li>
			
 
				+        </ul>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'Server',
			
 
				+  data(){
			
 
				+    return{
			
 
				+      items:[
			
 
				+        {
			
 
				+          fontClass:'icon-shandian',
			
 
				+          textOne:'FX66具备一键交易功能，',
			
 
				+          textTwo:'闪电交易，专业快捷!'
			
 
				+        },
			
 
				+        {
			
 
				+          fontClass:'icon-shouji1',
			
 
				+          textOne:'手机客户端，',
			
 
				+          textTwo:'随时随地，紧跟市场!'
			
 
				+        },
			
 
				+        {
			
 
				+          fontClass:'icon-jiazhipinggu-',
			
 
				+          textOne:'专业分析指导，',
			
 
				+          textTwo:'价值评估市场!'
			
 
				+        },
			
 
				+        {
			
 
				+          fontClass:'icon-kefu1',
			
 
				+          textOne:'新手帮帮帮，',
			
 
				+          textTwo:'一小时教您炒币入门'
			
 
				+        }
			
 
				+      ]
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .server-block{
			
 
				+    height: 600px;
			
 
				+    width: 1200px;
			
 
				+    margin: 0 auto;
			
 
				+    padding-top: 68px;
			
 
				+  h4{
			
 
				+    font-size: 20px;
			
 
				+    color: #999;
			
 
				+    margin-top: 12px;
			
 
				+  }
			
 
				+  }
			
 
				+
			
 
				+  .server-list{
			
 
				+    margin-top: 80px;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    li{
			
 
				+      border: 1px solid #dcdcdc;
			
 
				+      width: 176px;
			
 
				+      height: 176px;
			
 
				+      transform: rotate(45deg);
			
 
				+      margin-right: 72px;
			
 
				+      background-color: #fff;
			
 
				+
			
 
				+&:hover{
			
 
				+  background-color:#1a6fa6
			
 
				+
			
 
				+     }
			
 
				+    &:hover .item{
			
 
				+       display:none;
			
 
				+     }
			
 
				+&:hover .text{
			
 
				+   display: flex;
			
 
				+ }
			
 
				+      .item{
			
 
				+        width: 100%;
			
 
				+        height: 100%;
			
 
				+        line-height: 176px;
			
 
				+        transform: rotate(-45deg);
			
 
				+
			
 
				+i{
			
 
				+          font-size: 60px;
			
 
				+          color: #2580bb;
			
 
				+
			
 
				+        }
			
 
				+      }
			
 
				+.text{
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  transform: rotate(-45deg);
			
 
				+  color: #fff;
			
 
				+  font-size: 15px;
			
 
				+  display:none;
			
 
				+
			
 
				+}
			
 
				+    }
			
 
				+  }
			
 
				+</style>
			
--- a/src/components/Steps.vue
+++ b/src/components/Steps.vue
@@ -0,0 +1,37 @@
 
				+<template>
			
 
				+  <div class="wrap">
			
 
				+    <div class="steps">
			
 
				+      <el-steps :active="active" finish-status="success" space="33.33%">
			
 
				+        <el-step title="填写申请信息" style="width: 33.33%;" align-center ></el-step>
			
 
				+        <el-step title="审核中" style="width: 33.33%;"></el-step>
			
 
				+        <el-step title="审核通过" style="width: 33.33%;"></el-step>
			
 
				+      </el-steps>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'Steps',
			
 
				+  data(){
			
 
				+    return{
			
 
				+      active:0
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+
			
 
				+  .steps{
			
 
				+    text-align: left;
			
 
				+    height: 110px;
			
 
				+    padding-left: 280px;
			
 
				+    padding-top: 20px;
			
 
				+    background-color: #fff;
			
 
				+    width: 1200px;
			
 
				+    margin: 0 auto;
			
 
				+    margin-bottom: 10px;
			
 
				+  }
			
 
				+</style>
			
--- a/src/components/Top.vue
+++ b/src/components/Top.vue
@@ -0,0 +1,195 @@
 
				+<template>
			
 
				+  <div :class="'top'+' '+topchange">
			
 
				+    <div class="wrap">
			
 
				+      <div class="logo">
			
 
				+        <img :src="scrolled?src2:src1" alt="" class="fl">
			
 
				+      </div>
			
 
				+      <ul class="nav fl ">
			
 
				+        <li :class="{'active':index}" @click="goApply('')">
			
 
				+          <span>首页</span></li>
			
 
				+        <li :class="{'active':apply}" @click="goApply('apply')">
			
 
				+          <span>申请经纪商</span>
			
 
				+          <i class="hot">HOT</i>
			
 
				+        </li>
			
 
				+      </ul>
			
 
				+      <ul class="fr nav user" v-show="logined">
			
 
				+        <li><i class="iconfont icon-user"></i>{{username}}</li>
			
 
				+        <li @click="exit()"><i class="iconfont icon-tuichu"></i>退出</li>
			
 
				+      </ul>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+export default {
			
 
				+  name: 'Top',
			
 
				+  data () {
			
 
				+    return {
			
 
				+      scrolled: false,
			
 
				+      topchange: 'topone',
			
 
				+      src1: '../../static/images/mainLogo.png',
			
 
				+      src2: '../../static/images/logo2.png',
			
 
				+      index:true,
			
 
				+      apply:false
			
 
				+    }
			
 
				+  },
			
 
				+  computed:{
			
 
				+    logined(){
			
 
				+     return this.$store.state.logined
			
 
				+    },
			
 
				+    username(){
			
 
				+      return this.$store.state.loginedUser.username
			
 
				+    }
			
 
				+
			
 
				+  },
			
 
				+  methods: {
			
 
				+    goApply: function (route) {
			
 
				+      this.$router.push('/' + route);
			
 
				+      if(route == 'apply'){
			
 
				+        this.apply = true;
			
 
				+        this.index = false;
			
 
				+        this.topchange = 'toptwo'
			
 
				+        this.scrolled = true;
			
 
				+      }
			
 
				+      else{
			
 
				+        this.apply = false;
			
 
				+        this.index = true;
			
 
				+      }
			
 
				+    },
			
 
				+    handleScroll () {
			
 
				+      if(this.$route.path == '/apply'){
			
 
				+        this.topchange = 'toptwo'
			
 
				+        this.scrolled = true
			
 
				+      }else{
			
 
				+        if (window.scrollY > 0) {
			
 
				+          this.topchange = 'toptwo'
			
 
				+          this.scrolled = true
			
 
				+        } else {
			
 
				+          this.topchange = 'topone'
			
 
				+          this.scrolled = false
			
 
				+        }
			
 
				+      }
			
 
				+    },
			
 
				+    exit:function(){
			
 
				+      this.$store.dispatch('logout')
			
 
				+      localStorage.removeItem('userInfo');
			
 
				+}
			
 
				+  },
			
 
				+  mounted () {
			
 
				+    window.addEventListener('scroll', this.handleScroll);
			
 
				+    if(this.$route.path == '/apply'){
			
 
				+      this.apply = true;
			
 
				+      this.index = false;
			
 
				+      this.topchange = 'toptwo'
			
 
				+      this.scrolled = true
			
 
				+    }
			
 
				+    else{
			
 
				+      this.apply = false;
			
 
				+      this.index = true;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+  .top {
			
 
				+    height: 75px;
			
 
				+    width: 100%;
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    z-index: 100;
			
 
				+  }
			
 
				+
			
 
				+  .topone {
			
 
				+    background-color: rgba(0, 0, 0, 0.2);
			
 
				+    color: #fff;
			
 
				+
			
 
				+  }
			
 
				+
			
 
				+  .toptwo {
			
 
				+    background-color: #fff;
			
 
				+    color: #000;
			
 
				+    position: fixed;
			
 
				+    top: 0;
			
 
				+
			
 
				+  .active {
			
 
				+    color: #fff;
			
 
				+    background-color: #1a6fa6;
			
 
				+  }
			
 
				+
			
 
				+  }
			
 
				+  .logo {
			
 
				+    float: left;
			
 
				+    width: 98px;
			
 
				+    line-height: 75px;
			
 
				+    height: 75px;
			
 
				+    margin-right: 55px;
			
 
				+    display: flex;
			
 
				+    align-items: center;
			
 
				+  }
			
 
				+
			
 
				+  .logo > img {
			
 
				+    width: 100%;
			
 
				+  }
			
 
				+
			
 
				+  .nav li {
			
 
				+    float: left;
			
 
				+    width: 118px;
			
 
				+    line-height: 75px;
			
 
				+    font-size: 14px;
			
 
				+    position: relative;
			
 
				+  }
			
 
				+
			
 
				+  .nav li:hover {
			
 
				+    cursor: pointer;
			
 
				+  }
			
 
				+
			
 
				+  .topone .active {
			
 
				+    background-color: #fff;
			
 
				+    color: #1a6fa6;;
			
 
				+  }
			
 
				+
			
 
				+  .hot {
			
 
				+    position: absolute;
			
 
				+    background-color: #ff4e00;
			
 
				+    color: #fff;
			
 
				+    display: block;
			
 
				+    width: 38px;
			
 
				+    height: 18px;
			
 
				+    line-height: 18px;
			
 
				+    font-size: 12px;
			
 
				+    border-radius: 2px;
			
 
				+    top: 8px;
			
 
				+    right: 0;
			
 
				+  }
			
 
				+
			
 
				+  .hot:after {
			
 
				+    content: "";
			
 
				+    width: 0;
			
 
				+    height: 0;
			
 
				+    position: absolute;
			
 
				+    z-index: -1;
			
 
				+    bottom: 0;
			
 
				+    left: 30%;
			
 
				+    border-left: 5px solid transparent;
			
 
				+    border-right: 5px solid transparent;
			
 
				+    border-top: 14px solid #ff4e00;
			
 
				+    margin-bottom: -8px;
			
 
				+    transform: rotate(30deg);
			
 
				+  }
			
 
				+  .user{
			
 
				+  li{
			
 
				+    text-align: right;
			
 
				+    width: auto;
			
 
				+  }
			
 
				+  li:nth-child(2){
			
 
				+    margin-left: 30px;
			
 
				+  }
			
 
				+    i{
			
 
				+      font-size: 20px;
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+</style>
			
--- a/src/components/title.vue
+++ b/src/components/title.vue
@@ -1,68 +0,0 @@
 
				-<template>
			
 
				-	<div class="title">
			
 
				-		<div class="title-main">
			
 
				-			<div class="title-contant">
			
 
				-				<i class="iconfont icon-logo"></i>
			
 
				-				<span>YUANCHAIN</span>
			
 
				-			</div>
			
 
				-			<ul class="title-ul">
			
 
				-				<li v-for="item in lillist">{{item}}</li>
			
 
				-			</ul>
			
 
				-		</div>
			
 
				-	</div>
			
 
				-</template>
			
 
				-<script>
			
 
				-	export default{
			
 
				-		data(){
			
 
				-			return{
			
 
				-				lillist:['首页','白皮书','技术特色','应用场景','顾问介绍','云矿机']
			
 
				-			}
			
 
				-		},
			
 
				-		mounted(){
			
 
				-
			
 
				-		},
			
 
				-		methods:{
			
 
				-
			
 
				-		}
			
 
				-	}
			
 
				-</script>
			
 
				-<style>
			
 
				-	.title{
			
 
				-		.title-main{
			
 
				-			float: left;
			
 
				-			overflow: hidden;
			
 
				-			height: 59px;
			
 
				-			width: 100%;
			
 
				-			.title-contant{
			
 
				-				margin-top: 13px ;
			
 
				-               width: 8.3%;
			
 
				-               height: 32px;
			
 
				-               line-height: 32px;
			
 
				-               color: #000;
			
 
				-               float: left;
			
 
				-               margin-left: 34px;
			
 
				-               font-weight: bold;
			
 
				-               .icon-logo{
			
 
				-                     border: 2px solid #000;
			
 
				-                     border-radius: 50%;
			
 
				-               }
			
 
				-			}
			
 
				-			.title-ul{
			
 
				-				float: left;
			
 
				-				width: 26.47%;
			
 
				-				line-height: 59px;
			
 
				-				font-size: 14px;
			
 
				-				margin-left: 141.75px;
			
 
				-				li{ 
			
 
				-					width: 20%;
			
 
				-					float: left;
			
 
				-				}
			
 
				-			}
			
 
				-			.title-ul:hover{
			
 
				-				li{
			
 
				-
			
 
				-				}
			
 
				-			}
			
 
				-		}
			
 
				-	}
			
 
				-</style>
			
--- a/src/main.js
+++ b/src/main.js
@@ -3,15 +3,21 @@
 
				 import Vue from 'vue'
			
 
				 import App from './App'
			
 
				 import router from './router'
			
 
				+import ElementUI from 'element-ui'
			
 
				+import 'element-ui/lib/theme-chalk/index.css'
			
 
				 import './assets/css/base.css'
			
 
				-// import  '//at.alicdn.com/t/font_587947_4e7wxdmocu3anhfr.css'
			
 
				-
			
 
				-Vue.config.productionTip = false
			
 
				+import axios from 'axios'
			
 
				+import VueAxios from 'vue-axios'
			
 
				+import store from './store/store.js'
			
 
				 
			
 
				+Vue.config.productionTip = false;
			
 
				+Vue.use(ElementUI);
			
 
				+Vue.use(VueAxios, axios)
			
 
				 /* eslint-disable no-new */
			
 
				 new Vue({
			
 
				   el: '#app',
			
 
				   router,
			
 
				+  store,
			
 
				   components: { App },
			
 
				   template: '<App/>'
			
 
				 })
			
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,7 @@
 
				 import Vue from 'vue'
			
 
				 import Router from 'vue-router'
			
 
				-import Main   from '../views/main.vue'
			
 
				+import Main from '../views/main.vue'
			
 
				+import Apply from '../views/Apply'
			
 
				 
			
 
				 Vue.use(Router)
			
 
				 
			
@@ -9,6 +10,10 @@ export default new Router({
 
				     {
			
 
				     	path: '/',
			
 
				     	component: Main
			
 
				+    },
			
 
				+    {
			
 
				+      path:'/apply',
			
 
				+      component: Apply
			
 
				     }
			
 
				   ]
			
 
				 })
			
--- a/src/store/store.js
+++ b/src/store/store.js
@@ -0,0 +1,41 @@
 
				+import Vue from 'vue'
			
 
				+import Vuex from 'vuex'
			
 
				+
			
 
				+Vue.use(Vuex)
			
 
				+
			
 
				+const state = {
			
 
				+  logined: false,
			
 
				+  loginedUser: {
			
 
				+    username: '',
			
 
				+    agency: false
			
 
				+  }
			
 
				+}
			
 
				+const mutations = {
			
 
				+  LOGIN (state) {
			
 
				+    state.logined = true
			
 
				+    let user = JSON.parse(localStorage.getItem('userInfo'))
			
 
				+    state.loginedUser.username = user.username
			
 
				+    // state.loginedUser.agency = user.agency
			
 
				+  },
			
 
				+  LOGOUT(state){
			
 
				+    state.logined = false
			
 
				+    state.loginedUser.username = ''
			
 
				+    // state.loginedUser.agency = false
			
 
				+  }
			
 
				+}
			
 
				+const actions = {
			
 
				+  login(context){
			
 
				+    context.commit('LOGIN')
			
 
				+  },
			
 
				+  logout(context){
			
 
				+    context.commit('LOGOUT')
			
 
				+  }
			
 
				+}
			
 
				+const getters = {
			
 
				+}
			
 
				+export default new Vuex.Store({
			
 
				+  state,
			
 
				+  mutations,
			
 
				+  actions,
			
 
				+  getters
			
 
				+})
			
--- a/src/views/Apply.vue
+++ b/src/views/Apply.vue
@@ -0,0 +1,43 @@
 
				+<template>
			
 
				+  <div class="apply">
			
 
				+    <Top></Top>
			
 
				+    <ApplyContent></ApplyContent>
			
 
				+    <Contact></Contact>
			
 
				+
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<script>
			
 
				+import Top from '../components/Top'
			
 
				+import ApplyContent from '../components/ApplyContent'
			
 
				+import Contact from '../components/Contact'
			
 
				+
			
 
				+export default {
			
 
				+  name: 'Apply',
			
 
				+  components: {Top, ApplyContent,Contact},
			
 
				+  data () {
			
 
				+    return {
			
 
				+      active: 0
			
 
				+    }
			
 
				+  },
			
 
				+
			
 
				+  methods: {
			
 
				+    next () {
			
 
				+      if (this.active++ > 2) this.active = 0
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<style>
			
 
				+  .wrap{
			
 
				+    width: 1200px;
			
 
				+    margin: 0 auto;
			
 
				+  }
			
 
				+  .apply{
			
 
				+    background-color: #f5f8ff;
			
 
				+    padding-bottom: 20px;
			
 
				+
			
 
				+  }
			
 
				+</style>
			
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -1,21 +1,31 @@
 
				 <template>
			
 
				-	<div>
			
 
				-		<ti-tle/>
			
 
				+	<div class="main">
			
 
				+    <Top></Top>
			
 
				+    <Banner></Banner>
			
 
				+    <Content></Content>
			
 
				 	</div>
			
 
				 </template>
			
 
				 <script>
			
 
				-	import TiTle from "../components/title.vue"
			
 
				-	 export default{
			
 
				-	 	data(){
			
 
				-             return{
			
 
				+import Banner from '../components/Banner'
			
 
				+import Top from '../components/Top'
			
 
				+import Content from '../components/Content'
			
 
				 
			
 
				-             }
			
 
				-	 	},
			
 
				-	 	components:{
			
 
				-             TiTle
			
 
				+
			
 
				+export default{
			
 
				+	 	data () {
			
 
				+    return {
			
 
				+
			
 
				+    }
			
 
				 	 	},
			
 
				-	 	methods:{
			
 
				+	 	components: {Top, Banner,Content},
			
 
				+	 	methods: {
			
 
				 
			
 
				 	 	}
			
 
				 	 }
			
 
				 </script>
			
 
				+<style>
			
 
				+  .wrap{
			
 
				+    width: 1200px;
			
 
				+    margin: 0 auto;
			
 
				+  }
			
 
				+</style>
			
--- a/static/images/andriod.png
+++ b/static/images/andriod.png
--- a/static/images/appload/1.png
+++ b/static/images/appload/1.png
--- a/static/images/appload/2.png
+++ b/static/images/appload/2.png
--- a/static/images/appload/3.png
+++ b/static/images/appload/3.png
--- a/static/images/appload/IOS.png
+++ b/static/images/appload/IOS.png
--- a/static/images/appload/an.png
+++ b/static/images/appload/an.png
--- a/static/images/apply/banner.png
+++ b/static/images/apply/banner.png
--- a/static/images/apply/banner1.png
+++ b/static/images/apply/banner1.png
--- a/static/images/arrowhead.png
+++ b/static/images/arrowhead.png
--- a/static/images/banner/QQ截图20171207161828.png
+++ b/static/images/banner/QQ截图20171207161828.png
--- a/static/images/banner/banner.png
+++ b/static/images/banner/banner.png
--- a/static/images/banner/banner1.png
+++ b/static/images/banner/banner1.png
--- a/static/images/banner/banner2.png
+++ b/static/images/banner/banner2.png
--- a/static/images/banner/contant.png
+++ b/static/images/banner/contant.png
--- a/static/images/banner/kefu.png
+++ b/static/images/banner/kefu.png
--- a/static/images/banner/phone.png
+++ b/static/images/banner/phone.png
--- a/static/images/banner/weichatKefu.png
+++ b/static/images/banner/weichatKefu.png
--- a/static/images/banner1.png
+++ b/static/images/banner1.png
--- a/static/images/banner1/banner.png
+++ b/static/images/banner1/banner.png
--- a/static/images/banner1/banner1.png
+++ b/static/images/banner1/banner1.png
--- a/static/images/banner1/banner2.png
+++ b/static/images/banner1/banner2.png
--- a/static/images/fx66kefufu.jpg
+++ b/static/images/fx66kefufu.jpg
--- a/static/images/harvest.png
+++ b/static/images/harvest.png
--- a/static/images/head-portrait.png
+++ b/static/images/head-portrait.png
--- a/static/images/head-portrait1.png
+++ b/static/images/head-portrait1.png
--- a/static/images/help/banner.png
+++ b/static/images/help/banner.png
--- a/static/images/help/contant.png
+++ b/static/images/help/contant.png
--- a/static/images/help/erweima.png
+++ b/static/images/help/erweima.png
--- a/static/images/help/helpcenter.png
+++ b/static/images/help/helpcenter.png
--- a/static/images/help/icon.png
+++ b/static/images/help/icon.png
--- a/static/images/help/inform.png
+++ b/static/images/help/inform.png
--- a/static/images/help/map.png
+++ b/static/images/help/map.png
--- a/static/images/help/needs.png
+++ b/static/images/help/needs.png
--- a/static/images/help/qq.png
+++ b/static/images/help/qq.png
--- a/static/images/help/question.png
+++ b/static/images/help/question.png
--- a/static/images/help/rate.png
+++ b/static/images/help/rate.png
--- a/static/images/help/warning.png
+++ b/static/images/help/warning.png
--- a/static/images/home/aboutBg.png
+++ b/static/images/home/aboutBg.png
--- a/static/images/home/add01.png
+++ b/static/images/home/add01.png
--- a/static/images/home/add02.png
+++ b/static/images/home/add02.png
--- a/static/images/home/add03.png
+++ b/static/images/home/add03.png
--- a/static/images/home/add04.png
+++ b/static/images/home/add04.png
--- a/static/images/home/coinBg.png
+++ b/static/images/home/coinBg.png
--- a/static/images/home/no-coin.png
+++ b/static/images/home/no-coin.png
--- a/static/images/home/plat01.png
+++ b/static/images/home/plat01.png
--- a/static/images/home/plat01111111.png
+++ b/static/images/home/plat01111111.png
--- a/static/images/home/plat02.png
+++ b/static/images/home/plat02.png
--- a/static/images/home/platBg.png
+++ b/static/images/home/platBg.png
--- a/static/images/home/platBlock.png
+++ b/static/images/home/platBlock.png
--- a/static/images/home/secBg.png
+++ b/static/images/home/secBg.png
--- a/static/images/hui.png
+++ b/static/images/hui.png
--- a/static/images/index/logo.png
+++ b/static/images/index/logo.png
--- a/static/images/ios.png
+++ b/static/images/ios.png
--- a/static/images/leave.png
+++ b/static/images/leave.png
--- a/static/images/location.png
+++ b/static/images/location.png
--- a/static/images/logo2.png
+++ b/static/images/logo2.png
--- a/static/images/mainLogo.png
+++ b/static/images/mainLogo.png
--- a/static/images/myAgent/banner.png
+++ b/static/images/myAgent/banner.png
--- a/static/images/myassets/BCC.png
+++ b/static/images/myassets/BCC.png
--- a/static/images/myassets/BTC.png
+++ b/static/images/myassets/BTC.png
--- a/static/images/myassets/BTS.png
+++ b/static/images/myassets/BTS.png
--- a/static/images/myassets/ETC.png
+++ b/static/images/myassets/ETC.png
--- a/static/images/myassets/ETH.png
+++ b/static/images/myassets/ETH.png
--- a/static/images/myassets/LTC.png
+++ b/static/images/myassets/LTC.png
--- a/static/images/myassets/SC.png
+++ b/static/images/myassets/SC.png
--- a/static/images/myassets/ZEC.png
+++ b/static/images/myassets/ZEC.png
--- a/static/images/myassets/banner.png
+++ b/static/images/myassets/banner.png
--- a/static/images/myassets/myassets.png
+++ b/static/images/myassets/myassets.png
--- a/static/images/myassets/position.png
+++ b/static/images/myassets/position.png
--- a/static/images/phone.png
+++ b/static/images/phone.png
--- a/static/images/phoneHover.png
+++ b/static/images/phoneHover.png
--- a/static/images/trade/banner.png
+++ b/static/images/trade/banner.png
--- a/static/images/trade/diamond.png
+++ b/static/images/trade/diamond.png