diff --git a/jvue-front/assets/logo.png b/jvue-front/assets/logo.png
new file mode 100644
index 0000000..8e3f2eb
Binary files /dev/null and b/jvue-front/assets/logo.png differ
diff --git a/jvue-front/assets/mp-qrcode.png b/jvue-front/assets/mp-qrcode.png
new file mode 100644
index 0000000..0616cae
Binary files /dev/null and b/jvue-front/assets/mp-qrcode.png differ
diff --git a/jvue-front/components/themes/default/Aside.vue b/jvue-front/components/themes/default/Aside.vue
new file mode 100644
index 0000000..3c4178c
--- /dev/null
+++ b/jvue-front/components/themes/default/Aside.vue
@@ -0,0 +1,52 @@
+<template>
+  <div id="aside">
+    <div v-if="postList.length > 0">
+      <el-card v-for="post in postList" :key="post.postId" class="post-item">
+        <el-row>
+          <el-col
+            v-if="!isMobile && post.thumbnails.length > 0"
+            :xs="24"
+            :md="6"
+          >
+            <img :src="post.thumbnails[0]" class="image" alt="image" />
+          </el-col>
+          <el-col :xs="24" :md="post.thumbnails.length > 0 ? 18 : 24">
+            <div>
+              <h2 :class="post.thumbnails.length > 0 ? 'has-image-title' : ''">
+                {{ post.title === "" ? "暂无标题" : post.title }}
+              </h2>
+            </div>
+          </el-col>
+        </el-row>
+      </el-card>
+    </div>
+  </div>
+</template>
+<script>
+import { getLogger } from "../../../util/logger";
+import { inBrowser } from "../../../util/dom";
+const logger = getLogger("components/themes/default/Aside");
+
+export default {
+  name: "Aside",
+  data() {
+    return {
+      isMobile: inBrowser ? document.body.clientWidth < 768 : false,
+      postList: []
+    };
+  },
+  async mounted() {
+    const postsResult = await this.$axios.$post("/blog/post/list", {
+      isHot: 1
+    });
+    this.postList = postsResult.status === 1 ? postsResult.data.list || [] : [];
+    logger.info("fetch aside postList finish");
+  }
+};
+</script>
+
+<style scoped>
+.has-image-title {
+  margin-top: 15px;
+}
+</style>
diff --git a/jvue-front/components/themes/default/Body.vue b/jvue-front/components/themes/default/Body.vue
index 9f38791..e146aef 100644
--- a/jvue-front/components/themes/default/Body.vue
+++ b/jvue-front/components/themes/default/Body.vue
@@ -1,42 +1,27 @@
 <template>
   <el-row>
     <el-col :xs="24" :md="16">
-      <div class="grid-content bg-purple-dark">Body</div>
+      <PostList :post-list="postList" />
     </el-col>
     <el-col :xs="24" :md="8">
-      <div class="grid-content bg-purple-blue">Aside</div>
+      <Aside />
     </el-col>
   </el-row>
 </template>
 
 <script>
+import PostList from "./PostList";
+import Aside from "./Aside";
 export default {
-  name: "Body"
+  name: "Body",
+  components: { Aside, PostList },
+  props: {
+    postList: {
+      type: Array,
+      default: () => []
+    }
+  }
 };
 </script>
 
-<style scoped lang="scss">
-.el-row {
-  margin-bottom: 20px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-.el-col {
-}
-.bg-purple-dark {
-  background: #99a9bf;
-}
-.bg-purple {
-  background: #d3dce6;
-}
-.bg-purple-blue {
-  background: #2a57f2;
-}
-.grid-content {
-  min-height: 36px;
-}
-.row-bg {
-  background-color: #f9fafc;
-}
-</style>
+<style scoped lang="scss"></style>
diff --git a/jvue-front/components/themes/default/Footer.vue b/jvue-front/components/themes/default/Footer.vue
index 1de5a77..c4494b1 100644
--- a/jvue-front/components/themes/default/Footer.vue
+++ b/jvue-front/components/themes/default/Footer.vue
@@ -1,44 +1,238 @@
 <template>
-  <el-row>
-    <el-col :xs="24" :md="4">
-      <div class="grid-content bg-purple">Footer Left</div>
+  <el-row id="footer">
+    <el-col :xs="24" :md="5">
+      <div class="dingyue">
+        <div class="footertit">
+          <h2>订阅本站</h2>
+        </div>
+        <div class="dyform">
+          <form class="wpm_form" method="post">
+            <input
+              class="wpm_hiddenfield"
+              name="wpm_form"
+              type="hidden"
+              value="1"
+            />
+            <div class="page wpm_prepend">
+              订阅本站获取每周更新邮件提醒，不错过任何一篇文章！更有精彩福利放送哦~
+            </div>
+            <div class="wpm_email">
+              <label class="wpm_emaillabel" for="wpm_email">邮箱：</label>
+              <input
+                id="wpm_email"
+                class="wpm_emailinput"
+                name="wpm_email"
+                placeholder="请输入您的邮箱地址"
+                type="text"
+                value=""
+              />
+            </div>
+            <div class="wpm_submit">
+              <input
+                name="submit"
+                class="btn wpm_submitbtn"
+                type="submit"
+                value="订阅"
+              />
+            </div>
+          </form>
+        </div>
+      </div>
     </el-col>
-    <el-col :xs="24" :md="16">
-      <div class="grid-content bg-purple-light">Footer</div>
+    <el-col :xs="24" :md="5">
+      <div class="guanzhu">
+        <div class="footertit">
+          <h2>关注&amp;交流</h2>
+        </div>
+        <div class="ewm">
+          <div>
+            <div>
+              <div class="page">
+                技术之路，路漫漫其修远兮，吾将上下而求索。
+              </div>
+              <div class="page">
+                欢迎关注公众号"架构设计漫谈"，一起分享技术，探讨人生。
+              </div>
+              <div class="page ewmimg">
+                <img src="../../../assets/mp-qrcode.png" alt="Terwer" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </el-col>
-    <el-col :xs="24" :md="4">
-      <div class="grid-content bg-purple">Footer Right</div>
+    <el-col :xs="24" :md="14">
+      <el-row class="contact">
+        <el-col :xs="24" :md="12">
+          <div class="footertit">
+            <h2>联系作者</h2>
+          </div>
+          <div class="page" style="padding-right: 20px">
+            如果您有相关合作事宜，可以通过以下方式联系我，我会在收到消息后第一时间回复处理！
+          </div>
+          <div class="page">
+            <br />
+            Github：https://github.com/terwer
+          </div>
+          <div class="page">
+            邮箱：youweics@sina.com
+          </div>
+          <div class="page">
+            微信：15986685029（hiterwer）
+          </div>
+          <div class="page">
+            QQ：1035136784（倚楼听雨）
+          </div>
+        </el-col>
+        <el-col :xs="24" :md="12">
+          <div class="footertit">
+            <h2>更多信息</h2>
+          </div>
+          <div class="page">
+            <a
+              href="https://v.yunaq.com/certificate?domain=www.anquan.org&amp;from=label&amp;code=90040"
+              target="_blank"
+            >
+              <img
+                alt="anquan"
+                src="https://aqyzmedia.yunaq.com/labels/label_sm_90040.png"
+              />
+            </a>
+          </div>
+          <!-- 备案信息 -->
+          <div class="page">
+            <a
+              href="http://www.miitbeian.gov.cn/"
+              rel="external nofollow"
+              target="_blank"
+            >
+              {{ siteConfig.beianinfo }}
+            </a>
+            <!-- cnzz统计 -->
+            <span id="cnzz_stat_icon_4445524">
+              <a
+                href="https://www.cnzz.com/stat/website.php?web_id=4445524"
+                target="_blank"
+                title="站长统计"
+              >
+                <img
+                  border="0"
+                  hspace="0"
+                  vspace="0"
+                  src="http://icon.cnzz.com/img/pic.gif"
+                  alt="cnzz"
+                />
+              </a>
+            </span>
+          </div>
+          <div class="page">
+            Copyright © 2011-{{ nowYear }}
+            <a :href="siteConfig.weburl" target="_blank">
+              {{ siteConfig.webname }}
+            </a>
+            <span class="next-line"></span>
+            All Rights Reserved
+          </div>
+          <!-- 运行信息 -->
+          <div class="page">博客已稳定运行： 2年303天22时22分48秒<br /></div>
+          <div class="page">
+            运行环境：docker、jdk_1.8_201、maven_3.6.0<br />
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; vue_2.6.9、nuxt_2.4.0
+          </div>
+        </el-col>
+      </el-row>
     </el-col>
   </el-row>
 </template>
 
 <script>
 export default {
-  name: "Footer"
+  name: "Footer",
+  props: {
+    siteConfig: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      nowYear: new Date().getFullYear()
+    };
+  }
 };
 </script>
 
 <style scoped lang="scss">
-.el-row {
-  &:last-child {
-    margin-bottom: 0;
-  }
+#footer {
+  padding: 0;
+  background: #2e3033;
+  color: rgba(255, 255, 255, 0.42);
+  margin-top: 10px;
+}
+.dingyue {
+  padding: 0 20px;
+}
+.guanzhu {
+  padding: 0 20px;
+}
+.contact {
+  padding: 0 20px;
+}
+#footer .page {
+  line-height: 30px;
+  font-size: 14px;
+}
+.footertop {
+  padding-bottom: 30px;
+}
+.footertit h2 {
+  font-size: 18px;
+  color: #fff;
+  margin-bottom: 20px;
+  margin-top: 20px;
+}
+.guanzhu .row {
+  margin-left: 0;
 }
-.el-col {
+.ewmimg {
+  margin-top: 10px;
 }
-.bg-purple-dark {
-  background: #99a9bf;
+.ewmimg img {
+  width: 100%;
+  height: auto;
+  display: block;
+  margin-bottom: 10px;
 }
-.bg-purple {
-  background: #d3dce6;
+.wpm_emaillabel {
+  display: none;
 }
-.bg-purple-light {
-  background: #e5e9f2;
+.wpm_emailinput {
+  border: 1px solid #f1f1f1;
+  background: #f6f6f6;
+  color: #a3a9b0;
+  padding: 10px;
+  margin-bottom: 20px;
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  margin-top: 20px;
 }
-.grid-content {
-  min-height: 36px;
+.wpm_submit .wpm_submitbtn {
+  width: 100%;
+  padding: 10px;
+  min-height: 30px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+  background: #00a4ff;
+  color: #fff;
+  border-color: #00a4ff;
 }
-.row-bg {
-  background-color: #f9fafc;
+.wpm_submit .wpm_submitbtn:hover {
+  color: #fff;
 }
 </style>
diff --git a/jvue-front/components/themes/default/FriendLink.vue b/jvue-front/components/themes/default/FriendLink.vue
index b912a62..7174738 100644
--- a/jvue-front/components/themes/default/FriendLink.vue
+++ b/jvue-front/components/themes/default/FriendLink.vue
@@ -1,10 +1,25 @@
 <template>
-  <el-row>
-    <el-col :xs="24" :md="4">
-      <div class="grid-content bg-purple-light">Info</div>
+  <el-row id="friendLink">
+    <el-col :xs="24" :md="4" class="friendLinkBox">
+      <h2>友情链接</h2>
     </el-col>
     <el-col :xs="24" :md="20">
-      <div class="grid-content bg-purple-purple">FriendLink</div>
+      <div class="text-left">
+        <ul class="footerbottom">
+          <li>
+            <a href="http://www.terwergreen.com" target="_blank">远方的灯塔</a>
+          </li>
+          <li>
+            <a href="https://www.pengjiandry.com/" target="_blank">彭涧</a>
+          </li>
+          <li>
+            <a href="http://lusongsong.com/" target="_blank">卢松松博客</a>
+          </li>
+          <li>
+            <a href="/guestbook.html">申请友链</a>
+          </li>
+        </ul>
+      </div>
     </el-col>
   </el-row>
 </template>
@@ -16,27 +31,30 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.el-row {
-  margin-bottom: 20px;
-  &:last-child {
-    margin-bottom: 0;
-  }
+#friendLink {
+  background: #2e3033;
+  color: rgba(255, 255, 255, 0.42);
+  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
 }
-.el-col {
+.friendLinkBox {
+  text-align: right;
 }
-.bg-purple-light {
-  background: #e5e9f2;
+#friendLink h2 {
+  font-size: 15px;
+  color: rgba(255, 255, 255, 0.42);
+  font-weight: 600;
+  display: inline-block;
+  margin-right: 5px;
 }
-.bg-purple {
-  background: #d3dce6;
+.footerbottom {
+  text-align: left;
 }
-.bg-purple-purple {
-  background: #ad51f2;
+.footerbottom a {
+  color: #666 !important;
 }
-.grid-content {
-  min-height: 36px;
-}
-.row-bg {
-  background-color: #f9fafc;
+.footerbottom li {
+  display: inline-block;
+  margin-right: 15px;
+  margin-bottom: 5px;
 }
 </style>
diff --git a/jvue-front/components/themes/default/Header.vue b/jvue-front/components/themes/default/Header.vue
index b6b9d88..b30cb53 100644
--- a/jvue-front/components/themes/default/Header.vue
+++ b/jvue-front/components/themes/default/Header.vue
@@ -1,46 +1,100 @@
 <template>
   <el-row>
-    <el-col :xs="24" :sm="24" :md="6">
-      <div class="grid-content bg-purple-green">&nbsp;</div>
+    <el-col :xs="24" :sm="3" :md="3">
+      <div class="img-wrap">
+        <nuxt-link to="/" class="float-left">
+          <div class="img-align-middle">
+            <img
+              class="logo"
+              src="../../../assets/logo.png"
+              alt="jvue"
+              title="jvue"
+            />
+          </div>
+        </nuxt-link>
+      </div>
     </el-col>
-    <el-col :xs="24" :sm="24" :md="12">
-      <div class="grid-content bg-purple-light">Header</div>
+    <el-col :xs="0" :sm="15" :md="15">
+      <div class="grid-content bg-purple-light">
+        <HeaderMenu />
+      </div>
     </el-col>
     <el-col :xs="24" :sm="24" :md="6">
-      <div class="grid-content bg-purple-green">&nbsp;</div>
+      <div class="search">
+        <el-input v-model="s" placeholder="请输入关键字" clearable>
+          <el-button
+            slot="append"
+            type="primary"
+            icon="el-icon-search"
+            @click="doSearch"
+          >
+            搜索
+          </el-button>
+        </el-input>
+      </div>
     </el-col>
   </el-row>
 </template>
 
 <script>
+import { getLogger } from "../../../util/logger";
+import HeaderMenu from "./HeaderMenu";
+const logger = getLogger("components/themes/default/Header");
+
 export default {
-  name: "Header"
+  name: "Header",
+  components: {
+    HeaderMenu
+  },
+  data() {
+    return {
+      s: "",
+      searchLink: "/s/"
+    };
+  },
+  watch: {
+    s() {
+      this.searchLink = "/s/" + this.s;
+    }
+  },
+  methods: {
+    doSearch() {
+      logger.info("this.searchLink=>" + this.searchLink);
+      // this.$router.push({ path: this.searchLink });
+      // this.$router.go(this.searchLink);
+    }
+  }
 };
 </script>
 
-<style scoped lang="scss">
-.el-row {
-  margin-bottom: 20px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-.el-col {
+<style lang="scss">
+/**
+   * 图片居中
+   */
+.img-wrap {
+  background: #fff;
+  text-align: left;
+  max-height: 45px;
+  margin-top: 10px;
 }
-.bg-purple-dark {
-  background: #99a9bf;
+.img-wrap .img-align-middle:before {
+  content: " ";
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
 }
-.bg-purple {
-  background: #d3dce6;
+.logo {
+  max-height: 45px;
 }
-.bg-purple-green {
-  height: auto;
-  background: #44f21e;
+/* 菜单 */
+.el-menu--horizontal > .el-menu-item {
+  height: 55px !important;
 }
-.grid-content {
-  min-height: 36px;
+.el-menu--horizontal > .el-submenu .el-submenu__title {
+  height: 55px !important;
 }
-.row-bg {
-  background-color: #f9fafc;
+/* 搜索 */
+.search {
+  margin: 0 10px;
 }
 </style>
diff --git a/jvue-front/components/themes/default/HeaderMenu.vue b/jvue-front/components/themes/default/HeaderMenu.vue
new file mode 100644
index 0000000..2f41655
--- /dev/null
+++ b/jvue-front/components/themes/default/HeaderMenu.vue
@@ -0,0 +1,120 @@
+<template>
+  <el-menu
+    :default-active="activeIndex"
+    mode="horizontal"
+    @select="handleSelect"
+  >
+    <template v-for="item in menuList">
+      <el-submenu
+        v-if="item.children && item.children.length > 0"
+        :key="item.id"
+        :index="item.link"
+      >
+        <template slot="title">
+          <i :class="item.icon || ''"></i>
+          {{ item.name }}
+        </template>
+        <el-menu-item
+          v-for="child in item.children"
+          :key="child.id"
+          :index="item.link + child.link"
+        >
+          <i :class="child.icon || ''"></i>
+          {{ child.name }}
+        </el-menu-item>
+      </el-submenu>
+      <el-menu-item v-else :key="item.id" :index="item.link">
+        <i :class="item.icon || ''"></i>
+        <nuxt-link :to="item.link">{{ item.name }}</nuxt-link>
+      </el-menu-item>
+    </template>
+  </el-menu>
+</template>
+
+<script>
+export default {
+  name: "HeaderMenu",
+  data() {
+    return {
+      activeIndex: "/",
+      menuList: [
+        {
+          id: 1,
+          name: "首页",
+          link: "/",
+          icon: "fa fa-home"
+        },
+        {
+          id: 2,
+          name: "随笔",
+          link: "/cat/essay",
+          icon: "fa fa-pencil"
+        },
+        {
+          id: 3,
+          name: "技巧",
+          link: "/cat/skill",
+          icon: "fa fa-bolt"
+        },
+        {
+          id: 4,
+          name: "工具",
+          link: "/cat/tool",
+          icon: "fa fa-wrench"
+        },
+        {
+          id: 5,
+          name: "专题",
+          icon: "fa fa-paper-plane",
+          children: [
+            {
+              id: 100,
+              name: "专题一",
+              link: "/java-se",
+              icon: "fa fa-file-text"
+            },
+            {
+              id: 102,
+              name: "专题二",
+              link: "/spring-boot",
+              icon: "fa fa-file-text"
+            },
+            {
+              id: 103,
+              name: "专题三",
+              link: "/spring-cloud",
+              icon: "fa fa-file-text"
+            }
+          ],
+          link: "/cat/special"
+        },
+        {
+          id: 6,
+          name: "关于",
+          link: "/about",
+          icon: "fa fa-user"
+        },
+        {
+          id: 7,
+          name: "登录",
+          link: "/auth/login",
+          icon: "fa fa-sign-in"
+        },
+        {
+          id: 8,
+          name: "注册",
+          link: "/auth/register",
+          icon: "fa fa-camera-retro"
+        }
+      ]
+    };
+  },
+  methods: {
+    handleSelect(key, keyPath) {
+      console.log(key, keyPath);
+    }
+  }
+};
+</script>
+
+<style scoped></style>
diff --git a/jvue-front/components/themes/default/HeaderTime.vue b/jvue-front/components/themes/default/HeaderTime.vue
new file mode 100644
index 0000000..740464a
--- /dev/null
+++ b/jvue-front/components/themes/default/HeaderTime.vue
@@ -0,0 +1,56 @@
+<template>
+  <el-row class="time">
+    <el-col :xs="24" :sm="24" :md="8">
+      <div>现在是 {{ clientTime }} {{ weekday }}</div>
+    </el-col>
+    <el-col :xs="24" :sm="24" :md="8">
+      <div>{{ popTime === "" ? "加载中..." : popTime }}</div>
+    </el-col>
+    <el-col :xs="24" :sm="24" :md="8">
+      <div>{{ tradTime === "" ? "加载中..." : tradTime }}</div>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import {
+  getClientTime,
+  getWeekByDay,
+  getPopTime,
+  getShengXiao,
+  getTradTime
+} from "../../../util/DateUtil";
+
+export default {
+  name: "HeaderTime",
+  data() {
+    return {
+      clientTime: "",
+      weekday: "",
+      popTime: "",
+      tradTime: "",
+      shengxiao: ""
+    };
+  },
+  // 钩子函数
+  mounted() {
+    const that = this;
+    that.clientTime = getClientTime();
+    that.weekday = getWeekByDay();
+    that.popTime = getPopTime();
+    that.tradTime = getTradTime();
+    that.shengxiao = getShengXiao();
+    setInterval(function() {
+      that.clientTime = getClientTime();
+    }, 1000);
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.time {
+  line-height: 30px;
+  text-align: left;
+  padding: 10px;
+}
+</style>
diff --git a/jvue-front/components/themes/default/PostList.vue b/jvue-front/components/themes/default/PostList.vue
new file mode 100644
index 0000000..df09de4
--- /dev/null
+++ b/jvue-front/components/themes/default/PostList.vue
@@ -0,0 +1,122 @@
+<template>
+  <div id="postList">
+    <div v-if="postList.length > 0">
+      <el-card v-for="post in postList" :key="post.postId" class="post-item">
+        <el-row>
+          <el-col
+            v-if="!isMobile && post.thumbnails.length > 0"
+            :xs="24"
+            :md="6"
+          >
+            <img :src="post.thumbnails[0]" class="image" alt="image" />
+          </el-col>
+          <el-col :xs="24" :md="post.thumbnails.length > 0 ? 18 : 24">
+            <div>
+              <h2>{{ post.title === "" ? "暂无标题" : post.title }}</h2>
+              <div class="bottom clearfix">
+                <div class="page">
+                  {{ post.desc === "" ? "暂无简介" : post.desc }}
+                </div>
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="24">
+            <div>
+              <div class="article-ext">
+                <span class="article-ext-info">作者：Terwer</span>
+                <span class="article-ext-info" :title="post.viewCount">
+                  阅读数：{{ post.hits }}
+                </span>
+                <span class="article-ext-info" :title="post.commentCount">
+                  评论数：{{ post.commentCount }}
+                </span>
+              </div>
+              <div class="time">发布于 {{ post.created }}</div>
+              <nuxt-link
+                :to="
+                  post.name === ''
+                    ? '/post/' + post.id + '.html'
+                    : '/post/' + post.name + '.html'
+                "
+              >
+                <el-button type="text" class=".read-more">查看全文</el-button>
+              </nuxt-link>
+            </div>
+          </el-col>
+        </el-row>
+      </el-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import { inBrowser } from "../../../util/dom";
+
+export default {
+  name: "PostList",
+  props: {
+    postList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      isMobile: inBrowser ? document.body.clientWidth < 768 : false
+    };
+  }
+};
+</script>
+
+<style lang="scss">
+.el-card__body {
+  padding: 0;
+}
+.time {
+  font-size: 13px;
+  color: #999;
+  line-height: 10px;
+}
+.post-item {
+  margin: 10px;
+  padding: 10px;
+}
+.bottom {
+  margin-top: 13px;
+  line-height: 12px;
+}
+
+.read-more {
+  padding: 0;
+  margin-top: 15px;
+  float: left;
+}
+
+.image {
+  width: 100%;
+  max-height: 150px;
+  display: block;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.page {
+  line-height: 30px;
+  font-size: 14px;
+}
+.article-ext {
+  font-size: 14px;
+  color: #000000;
+  .article-ext-info {
+    margin-right: 1.25rem;
+  }
+}
+</style>
diff --git a/jvue-front/components/themes/default/style.css b/jvue-front/components/themes/default/style.css
new file mode 100644
index 0000000..2659eb4
--- /dev/null
+++ b/jvue-front/components/themes/default/style.css
@@ -0,0 +1,55 @@
+/*!
+ * Theme Name: terwer
+ * Theme URL:  http://www.terwergreen.com
+ * Description: 本主题是一款适合博客、新闻资讯、自媒体的主题模板。基于bootstrap响应式布局，自适应PC、手机、平板等多种设备浏览。包含普通文章、专题、视频、图集、下载五中文章类型，多种文章页模板。自带前端用户中心，前端登录注册、资料编辑、投稿、文章编辑、评论管理、收藏管理、用户关注一应俱全。文章列表及评论列表AJAX加载。视频支持本地上传、视频链接及视频平台视频。
+ * Author: 倚楼听雨
+ * Author URI: http://www.terwergreen.com
+ * Tags:blog
+ * Version: 1.0
+ */
+body {
+  font-family: "Microsoft Yahei", Helvetica, Arial, Verdana, Tahoma, sans-serif !important;
+  color: #666 !important;
+}
+body,
+* {
+  box-sizing: border-box;
+}
+body a {
+  text-decoration: none;
+  color: #00a4ff;
+}
+body a:hover{
+  color: orangered;
+}
+.el-header,
+.el-footer {
+  background-color: #fff;
+  color: #333;
+  line-height: 60px;
+  padding: 0;
+  height: auto !important;
+}
+.el-main {
+  background-color: #fff;
+  color: #333;
+  text-align: left;
+  line-height: 45px;
+  padding: 0;
+  overflow: hidden;
+}
+body > .el-container {
+  margin-bottom: 40px;
+}
+.hide {
+  display: none;
+}
+/*!
+ * 遮罩层
+ */
+.mask {
+  position:fixed;
+  top: 0;right: 0;left: 0;bottom: 0;
+  background:rgba(0,0,0,0.6);
+  z-index: 999999;
+}
diff --git a/jvue-front/nuxt.config.js b/jvue-front/nuxt.config.js
index 0b1a1de..d9fc3ed 100644
--- a/jvue-front/nuxt.config.js
+++ b/jvue-front/nuxt.config.js
@@ -24,12 +24,20 @@ module.exports = {
   /*
    ** Global CSS
    */
-  css: ["element-ui/lib/theme-chalk/index.css"],
+  css: [],
 
   /*
    ** Plugins to load before mounting the App
    */
-  plugins: ["@/plugins/element-ui", "~/plugins/axios"],
+  plugins: [
+    "~/plugins/element-ui",
+    "~/plugins/font-awesome",
+    "~/plugins/axios",
+    {
+      src: "~/plugins/vue-uweb",
+      ssr: false // 只在客户端打包
+    }
+  ],
 
   /*
    ** Nuxt.js modules
diff --git a/jvue-front/package-lock.json b/jvue-front/package-lock.json
index 96577b0..a452a5b 100644
--- a/jvue-front/package-lock.json
+++ b/jvue-front/package-lock.json
@@ -3091,6 +3091,11 @@
       "resolved": "http://registry.npm.taobao.org/decode-uri-component/download/decode-uri-component-0.2.0.tgz",
       "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
     },
+    "deep-equal": {
+      "version": "1.0.1",
+      "resolved": "http://registry.npm.taobao.org/deep-equal/download/deep-equal-1.0.1.tgz",
+      "integrity": "sha1-9dJgKStmDghO/0zbyfCK0yR0SLU="
+    },
     "deep-extend": {
       "version": "0.6.0",
       "resolved": "http://registry.npm.taobao.org/deep-extend/download/deep-extend-0.6.0.tgz",
@@ -4298,6 +4303,11 @@
         "debug": "^3.2.6"
       }
     },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "http://registry.npm.taobao.org/font-awesome/download/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
+    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "http://registry.npm.taobao.org/for-in/download/for-in-1.0.2.tgz",
@@ -10493,6 +10503,14 @@
       "resolved": "http://registry.npm.taobao.org/vue-template-es2015-compiler/download/vue-template-es2015-compiler-1.9.1.tgz",
       "integrity": "sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU="
     },
+    "vue-uweb": {
+      "version": "0.2.1",
+      "resolved": "http://registry.npm.taobao.org/vue-uweb/download/vue-uweb-0.2.1.tgz",
+      "integrity": "sha1-Iu8IZ7a178MSpLkLLfzLj1wsW3A=",
+      "requires": {
+        "deep-equal": "^1.0.1"
+      }
+    },
     "vuex": {
       "version": "3.1.0",
       "resolved": "http://registry.npm.taobao.org/vuex/download/vuex-3.1.0.tgz",
diff --git a/jvue-front/package.json b/jvue-front/package.json
index 77f9537..afa7e05 100644
--- a/jvue-front/package.json
+++ b/jvue-front/package.json
@@ -16,7 +16,9 @@
     "cross-env": "^5.2.0",
     "element-ui": "^2.4.11",
     "express": "^4.16.4",
-    "nuxt": "^2.4.0"
+    "font-awesome": "^4.7.0",
+    "nuxt": "^2.4.0",
+    "vue-uweb": "^0.2.1"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^0.0.1",
diff --git a/jvue-front/pages/about.vue b/jvue-front/pages/about.vue
new file mode 100644
index 0000000..e0073cc
--- /dev/null
+++ b/jvue-front/pages/about.vue
@@ -0,0 +1,116 @@
+<template>
+  <el-container>
+    <el-main>
+      <el-row>
+        <el-col :xs="0" :md="2">&nbsp;</el-col>
+        <el-col :xs="24" :md="20">
+          <el-main>
+            <el-container>
+              <el-main>
+                <el-container>
+                  <el-header>
+                    <HeaderTime />
+                  </el-header>
+                  <el-header>
+                    <Header />
+                  </el-header>
+                  <el-main>
+                    <div class="about">
+                      <div class="visit">
+                        谢谢您，您是第
+                        <img
+                          src="http://www.cutercounter.com/hit.php?id=gvvnqcod&nd=6&style=47"
+                          border="0"
+                          alt="访客数"
+                        />
+                        位访客。
+                      </div>
+                      <h3>网站简介</h3>
+                      <div>
+                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        <span style="font-size: 24px">远</span
+                        >方的灯塔是关注与分享互联网及服务端开发技术的个人博客，致力于Java后端开发及服务端技术、软件架构、微服务技术分享。同时也记录个人的一路点滴，所蕴含的包括前端、后端、数据库等知识，欢迎关注。
+                      </div>
+                      <div>
+                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                        <span style="font-size: 24px">人</span
+                        >生在世，有些事情，有些选择，是不需要理由的。年轻就该去探索，去尝试。人生最大的悲哀不是失败，而是甘于现状，因为他一开始就失败了。
+                      </div>
+                      <h3>作者简历</h3>
+                      <div>
+                        2014年7月1日毕业于湖北省长江大学软件工程，在CRM客户关系管理、电子商务、互联网金融、互联网K12教育等领域有丰富的工作经验。
+                      </div>
+                      <div>
+                        专注于项目架构、性能优化、算法研究。在Web开发领域有深入研究，精通Java，目前专注于服务端开发。业余时间喜欢探索移动互联网。
+                      </div>
+                      <div>作者邮箱：youweics@sina.com</div>
+                    </div>
+                  </el-main>
+                </el-container>
+              </el-main>
+            </el-container>
+          </el-main>
+        </el-col>
+        <el-col :xs="0" :md="2">&nbsp;</el-col>
+      </el-row>
+      <el-row>
+        <el-col>
+          <el-footer>
+            <Footer :site-config="siteConfigObj" />
+            <FriendLink />
+          </el-footer>
+        </el-col>
+      </el-row>
+    </el-main>
+  </el-container>
+</template>
+
+<script>
+import { getLogger } from "../util/logger";
+import HeaderTime from "../components/themes/default/HeaderTime";
+import Header from "../components/themes/default/Header";
+import Footer from "../components/themes/default/Footer";
+import FriendLink from "../components/themes/default/FriendLink";
+
+// 全局样式
+import "../components/themes/default/style.css";
+const logger = getLogger("pages/index");
+
+export default {
+  name: "About",
+  components: { HeaderTime, Header, Footer, FriendLink },
+  async asyncData({ $axios }) {
+    const siteConfigResult = await $axios.$post("/site/config/list");
+    const siteConfigObj =
+      siteConfigResult.status === 1 ? siteConfigResult.data : {};
+    logger.info("fetch siteConfig finish");
+
+    return { siteConfigObj };
+  },
+  head() {
+    return {
+      title: "关于我" + " - " + this.siteConfigObj.webname,
+      meta: [
+        {
+          name: "keywords",
+          content: this.siteConfigObj.keywords
+        },
+        {
+          hid: "description",
+          name: "description",
+          content: this.siteConfigObj.description
+        }
+      ]
+    };
+  }
+};
+</script>
+
+<style scoped>
+.visit {
+  font-size: 24px;
+}
+.about {
+  margin: 40px 20px 20px 20px;
+}
+</style>
diff --git a/jvue-front/pages/index.vue b/jvue-front/pages/index.vue
index 13d8d54..79a0094 100644
--- a/jvue-front/pages/index.vue
+++ b/jvue-front/pages/index.vue
@@ -8,11 +8,14 @@
             <el-container>
               <el-main>
                 <el-container>
+                  <el-header>
+                    <HeaderTime />
+                  </el-header>
                   <el-header>
                     <Header />
                   </el-header>
                   <el-main>
-                    <Body />
+                    <Body :post-list="postListArray" />
                   </el-main>
                 </el-container>
               </el-main>
@@ -24,7 +27,7 @@
       <el-row>
         <el-col>
           <el-footer>
-            <Footer />
+            <Footer :site-config="siteConfigObj" />
             <FriendLink />
           </el-footer>
         </el-col>
@@ -35,15 +38,19 @@
 
 <script>
 import { getLogger } from "../util/logger";
+import HeaderTime from "../components/themes/default/HeaderTime";
 import Header from "../components/themes/default/Header";
 import Body from "../components/themes/default/Body";
 import Footer from "../components/themes/default/Footer";
 import FriendLink from "../components/themes/default/FriendLink";
+
+// 全局样式
+import "../components/themes/default/style.css";
 const logger = getLogger("pages/index");
 
 export default {
   name: "Index",
-  components: { Header, Body, Footer, FriendLink },
+  components: { HeaderTime, Header, Body, Footer, FriendLink },
   async asyncData({ $axios }) {
     const siteConfigResult = await $axios.$post("/site/config/list");
     const postsResult = await $axios.$post("/blog/post/list");
@@ -73,24 +80,4 @@ export default {
 };
 </script>
 
-<style lang="scss">
-.el-header,
-.el-footer {
-  background-color: #b3c0d1;
-  color: #333;
-  text-align: center;
-  line-height: 60px;
-  padding: 0;
-  height: auto !important;
-}
-.el-main {
-  background-color: #fff;
-  color: #333;
-  text-align: center;
-  line-height: 160px;
-  padding: 0;
-}
-body > .el-container {
-  margin-bottom: 40px;
-}
-</style>
+<style lang="scss"></style>
diff --git a/jvue-front/plugins/axios.js b/jvue-front/plugins/axios.js
index a7f64d6..f612107 100644
--- a/jvue-front/plugins/axios.js
+++ b/jvue-front/plugins/axios.js
@@ -11,6 +11,8 @@ const logger = getLogger("plugins/axios");
 export default function({ $axios, redirect }) {
   $axios.onRequest(config => {
     logger.info("Making request to " + config.baseURL + config.url);
+    logger.info("params=>");
+    console.log(config.data);
   });
 
   $axios.onError(error => {
diff --git a/jvue-front/plugins/element-ui.js b/jvue-front/plugins/element-ui.js
index 55a738e..864b00d 100644
--- a/jvue-front/plugins/element-ui.js
+++ b/jvue-front/plugins/element-ui.js
@@ -1,7 +1,11 @@
 import Vue from "vue";
 import Element from "element-ui";
-import locale from "element-ui/lib/locale/lang/en";
+import locale from "element-ui/lib/locale/lang/zh-CN";
+import { getLogger } from "../util/logger";
+import "element-ui/lib/theme-chalk/index.css";
+const logger = getLogger("element-ui");
 
 export default () => {
   Vue.use(Element, { locale });
+  logger.info("Register element-ui success");
 };
diff --git a/jvue-front/plugins/font-awesome.js b/jvue-front/plugins/font-awesome.js
new file mode 100644
index 0000000..2a1d655
--- /dev/null
+++ b/jvue-front/plugins/font-awesome.js
@@ -0,0 +1,8 @@
+/**
+ * font-awesome
+ *
+ *@author Terwer
+ *@version 1.0
+ *2019/3/20 14:27
+ **/
+import "font-awesome/css/font-awesome.min.css";
diff --git a/jvue-front/plugins/vue-uweb.js b/jvue-front/plugins/vue-uweb.js
new file mode 100644
index 0000000..a043148
--- /dev/null
+++ b/jvue-front/plugins/vue-uweb.js
@@ -0,0 +1,20 @@
+/**
+ * vue-uweb
+ *
+ *@author Terwer
+ *@version 1.0
+ *2019/3/20 16:25
+ **/
+import Vue from "vue";
+import uweb from "vue-uweb";
+import { getLogger } from "../util/logger";
+const logger = getLogger("plugins/vue-uweb");
+
+export default () => {
+  Vue.use(uweb, {
+    siteId: "4445524",
+    // http://s11.cnzz.com/z_stat.php?id=SITEID&web_id=SITEID // 文字样式
+    src: "http://s5.cnzz.com/stat.php?id=4445524&show=pic" // 图片样式
+  });
+  logger.info("Register uweb success");
+};
diff --git a/jvue-front/util/Calendar.js b/jvue-front/util/Calendar.js
new file mode 100644
index 0000000..55bded0
--- /dev/null
+++ b/jvue-front/util/Calendar.js
@@ -0,0 +1,1027 @@
+/**
+ * Calendar.js
+ *
+ *@author Terwer
+ *@version 1.0
+ *2019/2/28 9:47
+ **/
+/**
+ * @1900-2100区间内的公历、农历互转
+ * @charset UTF-8
+ * @Author  Jea杨(JJonline@JJonline.Cn)
+ * @Time    2014-7-21
+ * @Time    2016-8-13 Fixed 2033hex、Attribution Annals
+ * @Time    2016-9-25 Fixed lunar LeapMonth Param Bug
+ * @Time    2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
+ * @Version 1.0.3
+ * @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
+ * @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
+ */
+const calendar = {
+  /**
+   * 农历1900-2100的润大小信息表
+   * @Array Of Property
+   * @return Hex
+   */
+  lunarInfo: [
+    0x04bd8,
+    0x04ae0,
+    0x0a570,
+    0x054d5,
+    0x0d260,
+    0x0d950,
+    0x16554,
+    0x056a0,
+    0x09ad0,
+    0x055d2, // 1900-1909
+    0x04ae0,
+    0x0a5b6,
+    0x0a4d0,
+    0x0d250,
+    0x1d255,
+    0x0b540,
+    0x0d6a0,
+    0x0ada2,
+    0x095b0,
+    0x14977, // 1910-1919
+    0x04970,
+    0x0a4b0,
+    0x0b4b5,
+    0x06a50,
+    0x06d40,
+    0x1ab54,
+    0x02b60,
+    0x09570,
+    0x052f2,
+    0x04970, // 1920-1929
+    0x06566,
+    0x0d4a0,
+    0x0ea50,
+    0x06e95,
+    0x05ad0,
+    0x02b60,
+    0x186e3,
+    0x092e0,
+    0x1c8d7,
+    0x0c950, // 1930-1939
+    0x0d4a0,
+    0x1d8a6,
+    0x0b550,
+    0x056a0,
+    0x1a5b4,
+    0x025d0,
+    0x092d0,
+    0x0d2b2,
+    0x0a950,
+    0x0b557, // 1940-1949
+    0x06ca0,
+    0x0b550,
+    0x15355,
+    0x04da0,
+    0x0a5b0,
+    0x14573,
+    0x052b0,
+    0x0a9a8,
+    0x0e950,
+    0x06aa0, // 1950-1959
+    0x0aea6,
+    0x0ab50,
+    0x04b60,
+    0x0aae4,
+    0x0a570,
+    0x05260,
+    0x0f263,
+    0x0d950,
+    0x05b57,
+    0x056a0, // 1960-1969
+    0x096d0,
+    0x04dd5,
+    0x04ad0,
+    0x0a4d0,
+    0x0d4d4,
+    0x0d250,
+    0x0d558,
+    0x0b540,
+    0x0b6a0,
+    0x195a6, // 1970-1979
+    0x095b0,
+    0x049b0,
+    0x0a974,
+    0x0a4b0,
+    0x0b27a,
+    0x06a50,
+    0x06d40,
+    0x0af46,
+    0x0ab60,
+    0x09570, // 1980-1989
+    0x04af5,
+    0x04970,
+    0x064b0,
+    0x074a3,
+    0x0ea50,
+    0x06b58,
+    0x05ac0,
+    0x0ab60,
+    0x096d5,
+    0x092e0, // 1990-1999
+    0x0c960,
+    0x0d954,
+    0x0d4a0,
+    0x0da50,
+    0x07552,
+    0x056a0,
+    0x0abb7,
+    0x025d0,
+    0x092d0,
+    0x0cab5, // 2000-2009
+    0x0a950,
+    0x0b4a0,
+    0x0baa4,
+    0x0ad50,
+    0x055d9,
+    0x04ba0,
+    0x0a5b0,
+    0x15176,
+    0x052b0,
+    0x0a930, // 2010-2019
+    0x07954,
+    0x06aa0,
+    0x0ad50,
+    0x05b52,
+    0x04b60,
+    0x0a6e6,
+    0x0a4e0,
+    0x0d260,
+    0x0ea65,
+    0x0d530, // 2020-2029
+    0x05aa0,
+    0x076a3,
+    0x096d0,
+    0x04afb,
+    0x04ad0,
+    0x0a4d0,
+    0x1d0b6,
+    0x0d250,
+    0x0d520,
+    0x0dd45, // 2030-2039
+    0x0b5a0,
+    0x056d0,
+    0x055b2,
+    0x049b0,
+    0x0a577,
+    0x0a4b0,
+    0x0aa50,
+    0x1b255,
+    0x06d20,
+    0x0ada0, // 2040-2049
+    /** Add By JJonline@JJonline.Cn**/
+    0x14b63,
+    0x09370,
+    0x049f8,
+    0x04970,
+    0x064b0,
+    0x168a6,
+    0x0ea50,
+    0x06b20,
+    0x1a6c4,
+    0x0aae0, // 2050-2059
+    0x0a2e0,
+    0x0d2e3,
+    0x0c960,
+    0x0d557,
+    0x0d4a0,
+    0x0da50,
+    0x05d55,
+    0x056a0,
+    0x0a6d0,
+    0x055d4, // 2060-2069
+    0x052d0,
+    0x0a9b8,
+    0x0a950,
+    0x0b4a0,
+    0x0b6a6,
+    0x0ad50,
+    0x055a0,
+    0x0aba4,
+    0x0a5b0,
+    0x052b0, // 2070-2079
+    0x0b273,
+    0x06930,
+    0x07337,
+    0x06aa0,
+    0x0ad50,
+    0x14b55,
+    0x04b60,
+    0x0a570,
+    0x054e4,
+    0x0d160, // 2080-2089
+    0x0e968,
+    0x0d520,
+    0x0daa0,
+    0x16aa6,
+    0x056d0,
+    0x04ae0,
+    0x0a9d4,
+    0x0a2d0,
+    0x0d150,
+    0x0f252, // 2090-2099
+    0x0d520
+  ], // 2100
+
+  /**
+   * 公历每个月份的天数普通表
+   * @Array Of Property
+   * @return Number
+   */
+  solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+
+  /**
+   * 天干地支之天干速查表
+   * @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
+   * @return Cn string
+   */
+  Gan: [
+    "\u7532",
+    "\u4e59",
+    "\u4e19",
+    "\u4e01",
+    "\u620a",
+    "\u5df1",
+    "\u5e9a",
+    "\u8f9b",
+    "\u58ec",
+    "\u7678"
+  ],
+
+  /**
+   * 天干地支之地支速查表
+   * @Array Of Property
+   * @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
+   * @return Cn string
+   */
+  Zhi: [
+    "\u5b50",
+    "\u4e11",
+    "\u5bc5",
+    "\u536f",
+    "\u8fb0",
+    "\u5df3",
+    "\u5348",
+    "\u672a",
+    "\u7533",
+    "\u9149",
+    "\u620c",
+    "\u4ea5"
+  ],
+
+  /**
+   * 天干地支之地支速查表<=>生肖
+   * @Array Of Property
+   * @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
+   * @return Cn string
+   */
+  Animals: [
+    "\u9f20",
+    "\u725b",
+    "\u864e",
+    "\u5154",
+    "\u9f99",
+    "\u86c7",
+    "\u9a6c",
+    "\u7f8a",
+    "\u7334",
+    "\u9e21",
+    "\u72d7",
+    "\u732a"
+  ],
+
+  /**
+   * 24节气速查表
+   * @Array Of Property
+   * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
+   * @return Cn string
+   */
+  solarTerm: [
+    "\u5c0f\u5bd2",
+    "\u5927\u5bd2",
+    "\u7acb\u6625",
+    "\u96e8\u6c34",
+    "\u60ca\u86f0",
+    "\u6625\u5206",
+    "\u6e05\u660e",
+    "\u8c37\u96e8",
+    "\u7acb\u590f",
+    "\u5c0f\u6ee1",
+    "\u8292\u79cd",
+    "\u590f\u81f3",
+    "\u5c0f\u6691",
+    "\u5927\u6691",
+    "\u7acb\u79cb",
+    "\u5904\u6691",
+    "\u767d\u9732",
+    "\u79cb\u5206",
+    "\u5bd2\u9732",
+    "\u971c\u964d",
+    "\u7acb\u51ac",
+    "\u5c0f\u96ea",
+    "\u5927\u96ea",
+    "\u51ac\u81f3"
+  ],
+
+  /**
+   * 1900-2100各年的24节气日期速查表
+   * @Array Of Property
+   * @return 0x string For splice
+   */
+  sTermInfo: [
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c3598082c95f8c965cc920f",
+    "97bd0b06bdb0722c965ce1cfcc920f",
+    "b027097bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c359801ec95f8c965cc920f",
+    "97bd0b06bdb0722c965ce1cfcc920f",
+    "b027097bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c359801ec95f8c965cc920f",
+    "97bd0b06bdb0722c965ce1cfcc920f",
+    "b027097bd097c36b0b6fc9274c91aa",
+    "9778397bd19801ec9210c965cc920e",
+    "97b6b97bd19801ec95f8c965cc920f",
+    "97bd09801d98082c95f8e1cfcc920f",
+    "97bd097bd097c36b0b6fc9210c8dc2",
+    "9778397bd197c36c9210c9274c91aa",
+    "97b6b97bd19801ec95f8c965cc920e",
+    "97bd09801d98082c95f8e1cfcc920f",
+    "97bd097bd097c36b0b6fc9210c8dc2",
+    "9778397bd097c36c9210c9274c91aa",
+    "97b6b97bd19801ec95f8c965cc920e",
+    "97bcf97c3598082c95f8e1cfcc920f",
+    "97bd097bd097c36b0b6fc9210c8dc2",
+    "9778397bd097c36c9210c9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c3598082c95f8c965cc920f",
+    "97bd097bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c3598082c95f8c965cc920f",
+    "97bd097bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c359801ec95f8c965cc920f",
+    "97bd097bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c359801ec95f8c965cc920f",
+    "97bd097bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf97c359801ec95f8c965cc920f",
+    "97bd097bd07f595b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9210c8dc2",
+    "9778397bd19801ec9210c9274c920e",
+    "97b6b97bd19801ec95f8c965cc920f",
+    "97bd07f5307f595b0b0bc920fb0722",
+    "7f0e397bd097c36b0b6fc9210c8dc2",
+    "9778397bd097c36c9210c9274c920e",
+    "97b6b97bd19801ec95f8c965cc920f",
+    "97bd07f5307f595b0b0bc920fb0722",
+    "7f0e397bd097c36b0b6fc9210c8dc2",
+    "9778397bd097c36c9210c9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bd07f1487f595b0b0bc920fb0722",
+    "7f0e397bd097c36b0b6fc9210c8dc2",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf7f1487f595b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf7f1487f595b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf7f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c965cc920e",
+    "97bcf7f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b97bd19801ec9210c9274c920e",
+    "97bcf7f0e47f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "9778397bd097c36b0b6fc9210c91aa",
+    "97b6b97bd197c36c9210c9274c920e",
+    "97bcf7f0e47f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "9778397bd097c36b0b6fc9210c8dc2",
+    "9778397bd097c36c9210c9274c920e",
+    "97b6b7f0e47f531b0723b0b6fb0722",
+    "7f0e37f5307f595b0b0bc920fb0722",
+    "7f0e397bd097c36b0b6fc9210c8dc2",
+    "9778397bd097c36b0b70c9274c91aa",
+    "97b6b7f0e47f531b0723b0b6fb0721",
+    "7f0e37f1487f595b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc9210c8dc2",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f595b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "9778397bd097c36b0b6fc9274c91aa",
+    "97b6b7f0e47f531b0723b0787b0721",
+    "7f0e27f0e47f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "9778397bd097c36b0b6fc9210c91aa",
+    "97b6b7f0e47f149b0723b0787b0721",
+    "7f0e27f0e47f531b0723b0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "9778397bd097c36b0b6fc9210c8dc2",
+    "977837f0e37f149b0723b0787b0721",
+    "7f07e7f0e47f531b0723b0b6fb0722",
+    "7f0e37f5307f595b0b0bc920fb0722",
+    "7f0e397bd097c35b0b6fc9210c8dc2",
+    "977837f0e37f14998082b0787b0721",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e37f1487f595b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc9210c8dc2",
+    "977837f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "977837f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd097c35b0b6fc920fb0722",
+    "977837f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "977837f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "977837f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f149b0723b0787b0721",
+    "7f0e27f0e47f531b0b0bb0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "977837f0e37f14998082b0723b06bd",
+    "7f07e7f0e37f149b0723b0787b0721",
+    "7f0e27f0e47f531b0723b0b6fb0722",
+    "7f0e397bd07f595b0b0bc920fb0722",
+    "977837f0e37f14898082b0723b02d5",
+    "7ec967f0e37f14998082b0787b0721",
+    "7f07e7f0e47f531b0723b0b6fb0722",
+    "7f0e37f1487f595b0b0bb0b6fb0722",
+    "7f0e37f0e37f14898082b0723b02d5",
+    "7ec967f0e37f14998082b0787b0721",
+    "7f07e7f0e47f531b0723b0b6fb0722",
+    "7f0e37f1487f531b0b0bb0b6fb0722",
+    "7f0e37f0e37f14898082b0723b02d5",
+    "7ec967f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e37f1487f531b0b0bb0b6fb0722",
+    "7f0e37f0e37f14898082b072297c35",
+    "7ec967f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e37f0e37f14898082b072297c35",
+    "7ec967f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e37f0e366aa89801eb072297c35",
+    "7ec967f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f149b0723b0787b0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722",
+    "7f0e37f0e366aa89801eb072297c35",
+    "7ec967f0e37f14998082b0723b06bd",
+    "7f07e7f0e47f149b0723b0787b0721",
+    "7f0e27f0e47f531b0723b0b6fb0722",
+    "7f0e37f0e366aa89801eb072297c35",
+    "7ec967f0e37f14998082b0723b06bd",
+    "7f07e7f0e37f14998083b0787b0721",
+    "7f0e27f0e47f531b0723b0b6fb0722",
+    "7f0e37f0e366aa89801eb072297c35",
+    "7ec967f0e37f14898082b0723b02d5",
+    "7f07e7f0e37f14998082b0787b0721",
+    "7f07e7f0e47f531b0723b0b6fb0722",
+    "7f0e36665b66aa89801e9808297c35",
+    "665f67f0e37f14898082b0723b02d5",
+    "7ec967f0e37f14998082b0787b0721",
+    "7f07e7f0e47f531b0723b0b6fb0722",
+    "7f0e36665b66a449801e9808297c35",
+    "665f67f0e37f14898082b0723b02d5",
+    "7ec967f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e36665b66a449801e9808297c35",
+    "665f67f0e37f14898082b072297c35",
+    "7ec967f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e26665b66a449801e9808297c35",
+    "665f67f0e37f1489801eb072297c35",
+    "7ec967f0e37f14998082b0787b06bd",
+    "7f07e7f0e47f531b0723b0b6fb0721",
+    "7f0e27f1487f531b0b0bb0b6fb0722"
+  ],
+
+  /**
+   * 数字转中文速查表
+   * @Array Of Property
+   * @trans ['日','一','二','三','四','五','六','七','八','九','十']
+   * @return Cn string
+   */
+  nStr1: [
+    "\u65e5",
+    "\u4e00",
+    "\u4e8c",
+    "\u4e09",
+    "\u56db",
+    "\u4e94",
+    "\u516d",
+    "\u4e03",
+    "\u516b",
+    "\u4e5d",
+    "\u5341"
+  ],
+
+  /**
+   * 日期转农历称呼速查表
+   * @Array Of Property
+   * @trans ['初','十','廿','卅']
+   * @return Cn string
+   */
+  nStr2: ["\u521d", "\u5341", "\u5eff", "\u5345"],
+
+  /**
+   * 月份转农历称呼速查表
+   * @Array Of Property
+   * @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
+   * @return Cn string
+   */
+  nStr3: [
+    "\u6b63",
+    "\u4e8c",
+    "\u4e09",
+    "\u56db",
+    "\u4e94",
+    "\u516d",
+    "\u4e03",
+    "\u516b",
+    "\u4e5d",
+    "\u5341",
+    "\u51ac",
+    "\u814a"
+  ],
+
+  /**
+   * 返回农历y年一整年的总天数
+   * @param lunar Year
+   * @return Number
+   * @eg:var count = calendar.lYearDays(1987) ;//count=387
+   */
+  lYearDays: function(y) {
+    let i;
+    let sum = 348;
+    for (i = 0x8000; i > 0x8; i >>= 1) {
+      sum += this.lunarInfo[y - 1900] & i ? 1 : 0;
+    }
+    return sum + this.leapDays(y);
+  },
+
+  /**
+   * 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
+   * @param lunar Year
+   * @return Number (0-12)
+   * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
+   */
+  leapMonth: function(y) {
+    // 闰字编码 \u95f0
+    return this.lunarInfo[y - 1900] & 0xf;
+  },
+
+  /**
+   * 返回农历y年闰月的天数 若该年没有闰月则返回0
+   * @param lunar Year
+   * @return Number (0、29、30)
+   * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
+   */
+  leapDays: function(y) {
+    if (this.leapMonth(y)) {
+      return this.lunarInfo[y - 1900] & 0x10000 ? 30 : 29;
+    }
+    return 0;
+  },
+
+  /**
+   * 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
+   * @param lunar Year
+   * @return Number (-1、29、30)
+   * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
+   */
+  monthDays: function(y, m) {
+    if (m > 12 || m < 1) {
+      return -1;
+    } // 月份参数从1至12，参数错误返回-1
+    return this.lunarInfo[y - 1900] & (0x10000 >> m) ? 30 : 29;
+  },
+
+  /**
+   * 返回公历(!)y年m月的天数
+   * @param solar Year
+   * @return Number (-1、28、29、30、31)
+   * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
+   */
+  solarDays: function(y, m) {
+    if (m > 12 || m < 1) {
+      return -1;
+    } // 若参数错误 返回-1
+    const ms = m - 1;
+    if (ms === 1) {
+      // 2月份的闰平规律测算后确认返回28或29
+      return (y % 4 === 0 && y % 100 !== 0) || y % 400 === 0 ? 29 : 28;
+    } else {
+      return this.solarMonth[ms];
+    }
+  },
+
+  /**
+   * 农历年份转换为干支纪年
+   * @param  lYear 农历年的年份数
+   * @return Cn string
+   */
+  toGanZhiYear: function(lYear) {
+    let ganKey = (lYear - 3) % 10;
+    let zhiKey = (lYear - 3) % 12;
+    if (ganKey === 0) ganKey = 10; // 如果余数为0则为最后一个天干
+    if (zhiKey === 0) zhiKey = 12; // 如果余数为0则为最后一个地支
+    return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1];
+  },
+
+  /**
+   * 公历月、日判断所属星座
+   * @param  cMonth [description]
+   * @param  cDay [description]
+   * @return Cn string
+   */
+  toAstro: function(cMonth, cDay) {
+    const s =
+      "\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf";
+    const arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22];
+    return (
+      s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + "\u5ea7"
+    ); // 座
+  },
+
+  /**
+   * 传入offset偏移量返回干支
+   * @param offset 相对甲子的偏移量
+   * @return Cn string
+   */
+  toGanZhi: function(offset) {
+    return this.Gan[offset % 10] + this.Zhi[offset % 12];
+  },
+
+  /**
+   * 传入公历(!)y年获得该年第n个节气的公历日期
+   * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
+   * @return day Number
+   * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
+   */
+  getTerm: function(y, n) {
+    if (y < 1900 || y > 2100) {
+      return -1;
+    }
+    if (n < 1 || n > 24) {
+      return -1;
+    }
+    const _table = this.sTermInfo[y - 1900];
+    const _info = [
+      parseInt("0x" + _table.substr(0, 5)).toString(),
+      parseInt("0x" + _table.substr(5, 5)).toString(),
+      parseInt("0x" + _table.substr(10, 5)).toString(),
+      parseInt("0x" + _table.substr(15, 5)).toString(),
+      parseInt("0x" + _table.substr(20, 5)).toString(),
+      parseInt("0x" + _table.substr(25, 5)).toString()
+    ];
+    const _calday = [
+      _info[0].substr(0, 1),
+      _info[0].substr(1, 2),
+      _info[0].substr(3, 1),
+      _info[0].substr(4, 2),
+
+      _info[1].substr(0, 1),
+      _info[1].substr(1, 2),
+      _info[1].substr(3, 1),
+      _info[1].substr(4, 2),
+
+      _info[2].substr(0, 1),
+      _info[2].substr(1, 2),
+      _info[2].substr(3, 1),
+      _info[2].substr(4, 2),
+
+      _info[3].substr(0, 1),
+      _info[3].substr(1, 2),
+      _info[3].substr(3, 1),
+      _info[3].substr(4, 2),
+
+      _info[4].substr(0, 1),
+      _info[4].substr(1, 2),
+      _info[4].substr(3, 1),
+      _info[4].substr(4, 2),
+
+      _info[5].substr(0, 1),
+      _info[5].substr(1, 2),
+      _info[5].substr(3, 1),
+      _info[5].substr(4, 2)
+    ];
+    return parseInt(_calday[n - 1]);
+  },
+
+  /**
+   * 传入农历数字月份返回汉语通俗表示法
+   * @param lunar month
+   * @return Cn string
+   * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
+   */
+  toChinaMonth: function(m) {
+    // 月 => \u6708
+    if (m > 12 || m < 1) {
+      return -1;
+    } // 若参数错误 返回-1
+    let s = this.nStr3[m - 1];
+    s += "\u6708"; // 加上月字
+    return s;
+  },
+
+  /**
+   * 传入农历日期数字返回汉字表示法
+   * @param lunar day
+   * @return Cn string
+   * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
+   */
+  toChinaDay: function(d) {
+    // 日 => \u65e5
+    let s;
+    switch (d) {
+      case 10:
+        s = "\u521d\u5341";
+        break;
+      case 20:
+        s = "\u4e8c\u5341";
+        break;
+      case 30:
+        s = "\u4e09\u5341";
+        break;
+      default:
+        s = this.nStr2[Math.floor(d / 10)];
+        s += this.nStr1[d % 10];
+    }
+    return s;
+  },
+
+  /**
+   * 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
+   * @param y year
+   * @return Cn string
+   * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
+   */
+  getAnimal: function(y) {
+    return this.Animals[(y - 4) % 12];
+  },
+
+  /**
+   * 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
+   * @param y  solar year
+   * @param m  solar month
+   * @param d  solar day
+   * @return JSON object
+   * @eg:console.log(calendar.solar2lunar(1987,11,01));
+   */
+  solar2lunar: function(y, m, d) {
+    // 参数区间1900.1.31~2100.12.31
+    // 年份限定、上限
+    if (y < 1900 || y > 2100) {
+      return -1; // undefined转换为数字变为NaN
+    }
+    // 公历传参最下限
+    if (y === 1900 && m === 1 && d < 31) {
+      return -1;
+    }
+    // 未传参  获得当天
+    let objDate;
+    if (!y) {
+      objDate = new Date();
+    } else {
+      objDate = new Date(y, parseInt(m) - 1, d);
+    }
+    let i;
+    let leap = 0;
+    let temp = 0;
+    // 修正ymd参数
+    y = objDate.getFullYear();
+    m = objDate.getMonth() + 1;
+    d = objDate.getDate();
+    let offset =
+      (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) -
+        Date.UTC(1900, 0, 31)) /
+      86400000;
+    for (i = 1900; i < 2101 && offset > 0; i++) {
+      temp = this.lYearDays(i);
+      offset -= temp;
+    }
+    if (offset < 0) {
+      offset += temp;
+      i--;
+    }
+
+    // 是否今天
+    const isTodayObj = new Date();
+    let isToday = false;
+    if (
+      isTodayObj.getFullYear() === y &&
+      isTodayObj.getMonth() + 1 === m &&
+      isTodayObj.getDate() === d
+    ) {
+      isToday = true;
+    }
+    // 星期几
+    let nWeek = objDate.getDay();
+    const cWeek = this.nStr1[nWeek];
+    // 数字表示周几顺应天朝周一开始的惯例
+    if (nWeek === 0) {
+      nWeek = 7;
+    }
+    // 农历年
+    const year = i;
+    leap = this.leapMonth(i); // 闰哪个月
+    let isLeap = false;
+
+    // 效验闰月
+    for (i = 1; i < 13 && offset > 0; i++) {
+      // 闰月
+      if (leap > 0 && i === leap + 1 && isLeap === false) {
+        --i;
+        isLeap = true;
+        temp = this.leapDays(year); // 计算农历闰月天数
+      } else {
+        temp = this.monthDays(year, i); // 计算农历普通月天数
+      }
+      // 解除闰月
+      if (isLeap === true && i === leap + 1) {
+        isLeap = false;
+      }
+      offset -= temp;
+    }
+    // 闰月导致数组下标重叠取反
+    if (offset === 0 && leap > 0 && i === leap + 1) {
+      if (isLeap) {
+        isLeap = false;
+      } else {
+        isLeap = true;
+        --i;
+      }
+    }
+    if (offset < 0) {
+      offset += temp;
+      --i;
+    }
+    // 农历月
+    const month = i;
+    // 农历日
+    const day = offset + 1;
+    // 天干地支处理
+    const sm = m - 1;
+    const gzY = this.toGanZhiYear(year);
+
+    // 当月的两个节气
+    // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
+    const firstNode = this.getTerm(y, m * 2 - 1); // 返回当月「节」为几日开始
+    const secondNode = this.getTerm(y, m * 2); // 返回当月「节」为几日开始
+
+    // 依据12节气修正干支月
+    let gzM = this.toGanZhi((y - 1900) * 12 + m + 11);
+    if (d >= firstNode) {
+      gzM = this.toGanZhi((y - 1900) * 12 + m + 12);
+    }
+
+    // 传入的日期的节气与否
+    let isTerm = false;
+    let Term = null;
+    if (firstNode === d) {
+      isTerm = true;
+      Term = this.solarTerm[m * 2 - 2];
+    }
+    if (secondNode === d) {
+      isTerm = true;
+      Term = this.solarTerm[m * 2 - 1];
+    }
+    // 日柱 当月一日与 1900/1/1 相差天数
+    const dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10;
+    const gzD = this.toGanZhi(dayCyclical + d - 1);
+    // 该日期所属的星座
+    const astro = this.toAstro(m, d);
+
+    return {
+      lYear: year,
+      lMonth: month,
+      lDay: day,
+      Animal: this.getAnimal(year),
+      IMonthCn: (isLeap ? "\u95f0" : "") + this.toChinaMonth(month),
+      IDayCn: this.toChinaDay(day),
+      cYear: y,
+      cMonth: m,
+      cDay: d,
+      gzYear: gzY,
+      gzMonth: gzM,
+      gzDay: gzD,
+      isToday: isToday,
+      isLeap: isLeap,
+      nWeek: nWeek,
+      ncWeek: "\u661f\u671f" + cWeek,
+      isTerm: isTerm,
+      Term: Term,
+      astro: astro
+    };
+  },
+
+  /**
+   * 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
+   * @param y  lunar year
+   * @param m  lunar month
+   * @param d  lunar day
+   * @param isLeapMonth  lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
+   * @return JSON object
+   * @eg:console.log(calendar.lunar2solar(1987,9,10));
+   */
+  lunar2solar: function(y, m, d, isLeapMonth) {
+    // 参数区间1900.1.31~2100.12.1
+    isLeapMonth = !!isLeapMonth;
+    // var leapOffset = 0;
+    const leapMonth = this.leapMonth(y);
+    // var leapDay = this.leapDays(y);
+    if (isLeapMonth && leapMonth !== m) {
+      return -1;
+    } // 传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
+    if (
+      (y === 2100 && m === 12 && d > 1) ||
+      (y === 1900 && m === 1 && d < 31)
+    ) {
+      return -1;
+    } // 超出了最大极限值
+    const day = this.monthDays(y, m);
+    let _day = day;
+    // bugFix 2016-9-25
+    // if month is leap, _day use leapDays method
+    if (isLeapMonth) {
+      _day = this.leapDays(y, m);
+    }
+    if (y < 1900 || y > 2100 || d > _day) {
+      return -1;
+    } // 参数合法性效验
+
+    // 计算农历的时间差
+    let offset = 0;
+    for (let i = 1900; i < y; i++) {
+      offset += this.lYearDays(i);
+    }
+    let leap = 0;
+    let isAdd = false;
+    for (let i = 1; i < m; i++) {
+      leap = this.leapMonth(y);
+      if (!isAdd) {
+        // 处理闰月
+        if (leap <= i && leap > 0) {
+          offset += this.leapDays(y);
+          isAdd = true;
+        }
+      }
+      offset += this.monthDays(y, i);
+    }
+    // 转换闰月农历 需补充该年闰月的前一个月的时差
+    if (isLeapMonth) {
+      offset += day;
+    }
+    // 1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
+    const stmap = Date.UTC(1900, 1, 30, 0, 0, 0);
+    const calObj = new Date((offset + d - 31) * 86400000 + stmap);
+    const cY = calObj.getUTCFullYear();
+    const cM = calObj.getUTCMonth() + 1;
+    const cD = calObj.getUTCDate();
+
+    return this.solar2lunar(cY, cM, cD);
+  }
+};
+export { calendar };
diff --git a/jvue-front/util/DateUtil.js b/jvue-front/util/DateUtil.js
new file mode 100644
index 0000000..7d990cb
--- /dev/null
+++ b/jvue-front/util/DateUtil.js
@@ -0,0 +1,88 @@
+/**
+ * DateUtil.js
+ *
+ *@author Terwer
+ *@version 1.0
+ *2019/2/28 9:47
+ **/
+import { calendar } from "./Calendar";
+
+const lunar = calendar.solar2lunar();
+
+/**
+ * 根据日期获取星期几
+ * @returns {string} 星期
+ */
+const getWeekByDay = function() {
+  const day = new Date();
+  const today = [
+    "星期日",
+    "星期一",
+    "星期二",
+    "星期三",
+    "星期四",
+    "星期五",
+    "星期六"
+  ]; // 创建星期数组
+  // console.log(today[day.getDay()]);
+  return today[day.getDay()]; // 返一个星期中的某一天，其中0为星期日
+};
+
+/**
+ * 获取星期
+ * @returns {string}
+ */
+const getClientTime = function() {
+  // 获取客户端时间
+  const now = new Date();
+  let currDatetime = "";
+  // currDatetime += now.getFullYear() + "年";
+  // currDatetime +=
+  //   now.getMonth() + 1 > 9 ? now.getMonth() + 1 : "0" + (now.getMonth() + 1);
+  // currDatetime += "月";
+  // currDatetime += now.getDate() > 9 ? now.getDate() : "0" + now.getDate();
+  // currDatetime += "日 ";
+  currDatetime += now.getHours() > 9 ? now.getHours() : "0" + now.getHours();
+  currDatetime += ":";
+  currDatetime +=
+    now.getMinutes() > 9 ? now.getMinutes() : "0" + now.getMinutes();
+  currDatetime += ":";
+  currDatetime +=
+    now.getSeconds() > 9 ? now.getSeconds() : "0" + now.getSeconds();
+  return currDatetime;
+};
+
+const getPopTime = function() {
+  const popTime =
+    "阳历：" +
+    lunar.cYear +
+    "年" +
+    lunar.cMonth +
+    "月" +
+    lunar.cDay +
+    "日（" +
+    lunar.astro +
+    "）";
+  return popTime;
+};
+
+const getTradTime = function() {
+  const tradTime =
+    "农历：" + lunar.lYear + "年" + lunar.IMonthCn + lunar.IDayCn;
+  return tradTime;
+};
+
+const getShengXiao = function() {
+  const shengxiao =
+    lunar.gzYear +
+    "年" +
+    lunar.gzMonth +
+    "月" +
+    lunar.gzDay +
+    "日（" +
+    lunar.Animal +
+    "年）";
+  return shengxiao;
+};
+
+export { getClientTime, getPopTime, getTradTime, getShengXiao, getWeekByDay };
diff --git a/jvue-front/util/dom.js b/jvue-front/util/dom.js
new file mode 100644
index 0000000..777ce22
--- /dev/null
+++ b/jvue-front/util/dom.js
@@ -0,0 +1,8 @@
+/**
+ * dom.js
+ *
+ * @author Terwer
+ * @version 1.0
+ * 19-2-28 上午12:28
+ **/
+export const inBrowser = typeof window !== "undefined";