Merge branch 'master' of http://124.222.105.7:3000/dianliang/dl_site_nuxt

components/side-nav.vue

@@ -0,0 +1,138 @@
+<template>
+  <div class="side-content">
+    <ul class="side-nav">
+      <li class="side-item" v-for="(item, index) in sideiItem" :key="index">
+        <div class="side-label">
+          <img :src="item.icon" :alt="item.label" />
+          <h4>{{ item.label }}</h4>
+        </div>
+        <div v-if="item.desc" class="side-desc" v-html="item.desc"></div>
+      </li>
+    </ul>
+    <div class="top-btn">
+      <div class="side-label">
+        <img src="~/assets//image/icon/top.png" alt="返回顶部" />
+        <h4>{{ $t('common.TOP') }}</h4>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'SideNav',
+  data() {
+    return {
+      sideiItem: [
+        { 
+          icon: require('../assets/image/icon/contact.png'),
+          label: this.$t('common.Contact'),
+          desc: `<div>
+              <h6>${this.$t('contactUs.contactUs')}</h6>
+              <p>0086 182 5311 2969</p>
+            </div>`
+        },
+        { 
+          icon: require('../assets/image/icon/online.png'),
+          label: this.$t('common.Online'),
+        },
+        { 
+          icon: require('../assets/image/icon/whats.png'),
+          label: this.$t('common.Whats'),
+        },
+        { 
+          icon: require('../assets/image/icon/email1.png'),
+          label: this.$t('common.E-mail'),
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.side-content {
+  position: fixed;
+  top: 40%;
+  right: 1rem;
+  z-index: 999;
+}
+.side-nav {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  @mixin active {
+    .side-desc {
+      width: max-content;
+      padding: .625rem 1.375rem;
+      visibility: visible;
+    }
+  }
+  .side-item {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    &:hover {
+      @include active;
+    }
+    .side-label {
+      width: 4.5rem;
+      height: 4.5rem;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background-color: #fff;
+      box-shadow: 0px 2px 6px 1px rgba(1,95,232,0.13);
+      img {
+        width: 1.5rem;
+        height: 1.5rem;
+        margin-bottom: .3125rem;
+      }
+      h4 {
+        color: #323436;
+        font-size: .75rem;
+      }
+    }
+    .side-desc {
+      width: 0;
+      height: 4.5rem;
+      visibility: hidden;
+      background-color: #015fe8;
+      color: #fff;
+    }
+  }
+  .side-item-active {
+    @include active;
+  }
+}
+
+.top-btn {
+  margin-top: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  cursor: pointer;
+  .side-label {
+    width: 4.5rem;
+    height: 4.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    box-shadow: 0px 2px 6px 1px rgba(1,95,232,0.13);
+    img {
+      width: 1.5rem;
+      height: 1.5rem;
+      margin-bottom: .3125rem;
+    }
+    h4 {
+      color: #323436;
+      font-size: .75rem;
+    }
+  }
+}
+
+</style>

ecosystem.config.js

@@ -5,6 +5,7 @@ module.exports = {
       exec_mode: 'cluster',
       instances: '1', // Or a number of instances
       script: './node_modules/nuxt/bin/nuxt.js',
+      port: 3007,
       args: 'start'
     }
   ]

env.js

@@ -15,7 +15,7 @@ module.exports = {
   // 生产环境 接口请求地址 (http)或(https)://www.a.com(换成你的域名)/api 非独立部署默认为空
   prod: {
     MODE: 'prod',
-    VUE_APP_API_URL: 'http://122.51.230.86:8099/'
+    VUE_APP_API_URL: 'http://114.132.197.85:8099/'
   }
 };
 

layouts/default.vue

@@ -2,6 +2,7 @@
   <div>
     <divHeader></divHeader>
     <nuxt :nuxtChildKey="this.$route.path"/>
+    <sideNav />
     <divFooter></divFooter>
   </div>
 </template>
@@ -9,11 +10,13 @@
 <script>
 import divHeader from '../components/header.vue';
 import divFooter from '../components/footer.vue';
+import sideNav from '../components/side-nav.vue';
 
 export default {
   components: {
     divHeader,
-    divFooter
+    divFooter,
+    sideNav
   },
   data() {
     return {

locales/en.json

@@ -34,7 +34,11 @@
     "fulltextsearch": "Full text search",
     "language": "Language",
     "Categories": "Categories",
-    "empty": "No data available at the moment"
+    "empty": "No data available at the moment",
+    "Contact": "Contact",
+    "Online": "Online",
+    "Whats": "Whats",
+    "TOP": "TOP"
   },
   "menu": {
     "Home": "Home",

locales/zh.json

@@ -34,7 +34,11 @@
     "fulltextsearch": "全站搜索",
     "language": "语言",
     "Categories": "分类",
-    "empty": "暂无数据"
+    "empty": "暂无数据",
+    "Contact": "联系我们",
+    "Online": "在线",
+    "Whats": "Whatsapp",
+    "TOP": "顶部"
   },
   "menu": {
     "Home": "首页",