diff --git b/favicon.ico a/favicon.ico
new file mode 100644
index 0000000..64b1c25
--- /dev/null
+++ a/favicon.ico
diff --git b/src/assets/css/commonCss/minxin.scss a/src/assets/css/commonCss/minxin.scss
new file mode 100644
index 0000000..8095330
--- /dev/null
+++ a/src/assets/css/commonCss/minxin.scss
@@ -0,0 +1,10 @@
+@mixin fonttextStyle($size){
+  font-size: $size;
+  font-weight:bold;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+
+$fontBlue: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,202,254, 1)), to(rgba(39,114,244, 1)));
+
+$fontOrange: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,186,0, 1)), to(rgba(255,129,0, 1)));
diff --git b/src/assets/css/commonCss/reset.css a/src/assets/css/commonCss/reset.css
new file mode 100644
index 0000000..5ce6b55
--- /dev/null
+++ a/src/assets/css/commonCss/reset.css
@@ -0,0 +1,127 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v4.0 | 20180602
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+main, menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, main, menu, nav, section {
+  display: block;
+}
+
+/* HTML5 hidden-attribute fix for newer browsers */
+*[hidden] {
+  display: none;
+}
+
+body {
+  line-height: 1;
+}
+
+/*html, body {*/
+/*width: 100%;*/
+/*height: 100%;*/
+/*background: url("../assets/img/bg.jpg") no-repeat;*/
+/*background-size: 100% 100%;*/
+/*overflow: hidden;*/
+/*}*/
+
+html, body{
+  height: 100%;
+  width: 100%;
+  font-family: "Microsoft YaHei";
+
+  user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  -moz-user-select: none;
+}
+body{
+
+}
+
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+/*清除浮动*/
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: inline-block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.clearfix {
+  *zoom: 1;
+}
+
+/*隐藏*/
+.dn {
+  display: none;
+}
+
+.margin0-12 {
+  margin: 0 12px;
+}
+
+.margin12-0 {
+  margin: 12px 0;
+}
+.flexfm{
+  flex: 1;
+}
+
+.pos-rel{
+  position: relative;
+}
+.pos-abs{
+  position: absolute;
+}
+
diff --git b/src/components/commonHeaderFooter/VFooter.vue a/src/components/commonHeaderFooter/VFooter.vue
new file mode 100644
index 0000000..8551dbc
--- /dev/null
+++ a/src/components/commonHeaderFooter/VFooter.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>1</div>
+</template>
+
+<script>
+export default {
+  name: 'VFooter'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git b/src/components/commonHeaderFooter/VHeader.vue a/src/components/commonHeaderFooter/VHeader.vue
new file mode 100644
index 0000000..6157126
--- /dev/null
+++ a/src/components/commonHeaderFooter/VHeader.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>1</div>
+</template>
+
+<script>
+export default {
+  name: 'VHeader'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git b/src/views/about/index.vue a/src/views/about/index.vue
new file mode 100644
index 0000000..5b30076
--- /dev/null
+++ a/src/views/about/index.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>关于我们</div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git b/src/views/contact/index.vue a/src/views/contact/index.vue
new file mode 100644
index 0000000..1e7e3e2
--- /dev/null
+++ a/src/views/contact/index.vue
@@ -0,0 +1,13 @@
+<template>
+    <div></div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git b/src/views/home/index.vue a/src/views/home/index.vue
new file mode 100644
index 0000000..987a1b4
--- /dev/null
+++ a/src/views/home/index.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>首页</div>
+</template>
+
+<script>
+export default {
+  name: 'index'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>