Merge branch 'develop_oycj' of Server_Service/17pdf_front_end into master

.gitignore

@@ -88,3 +88,6 @@ sw.*
 
 # Vim swap files
 *.swp
+
+pnpm-lock.yaml
+package-lock.json

assets/main.scss

@@ -0,0 +1,11 @@
+$btn-color-primary: #FF4F4F;
+
+html {
+  --btn-color-primary: #{$btn-color-primary};
+}
+
+body {
+  min-width: 1200px;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}

layouts/components/footer-bar.vue

@@ -0,0 +1,68 @@
+<!--
+ * @Description: 
+ * @Author: 欧阳承珺
+ * @LastEditors: 欧阳承珺
+ * @Date: 2022-10-17 15:19:18
+ * @LastEditTime: 2022-10-19 09:41:21
+-->
+<template>
+  <div class="fixed bottom-0 bg-[#222] text-[#fff] text-opacity-50 px-15px">
+    <div class="text-14px flex pt-50px pr-60px pb-50px pl-30px footer:pr-180px footer:pl-90px">
+      <div class="basis-[17.33%] px-15px">
+        <img class="w-138px h-139px mb-10px" src="http://cn-file.17pdf.com/website/download/android_download.png" alt="">
+        <p class="text-12px opacity-50">扫码即刻安装17PDF Reader</p>
+      </div>
+      <div class="basis-[11.83%] px-15px">
+        <h4 class="text-18px my-10px text-white">产品</h4>
+        <ul class="text-16px">
+          <li class="mt-24px"><a class="hover:opacity-80" href="/pricing">订阅服务</a></li>
+          <li class="mt-24px"><a class="hover:opacity-80" href="/sdk">SDK介绍</a></li>
+        </ul>
+      </div>
+      <div class="basis-[11.83%] px-15px">
+        <h4 class="text-18px my-10px text-white">帮助</h4>
+        <ul class="text-16px">
+          <li class="mt-24px"><a class="hover:opacity-80" href="/question">常见问题</a></li>
+          <li class="mt-24px"><a class="hover:opacity-80" href="/privacy">隐私政策</a></li>
+          <li class="mt-24px"><a class="hover:opacity-80" href="/terms">服务协议</a></li>
+        </ul>
+      </div>
+      <div class="basis-[34.75%] px-15px">
+        <h4 class="text-18px my-10px text-white">关于我们</h4>
+        <ul class="mb-10px leading-20px">
+            <li class="mt-24px">长沙凯钿软件有限公司（Changsha Kdan Software Ltd.），简称凯钿软件，成立于2009年，主要致力于办公软件开发。主要产品有PDF阅读器系列：PDF Reader、17PDF阅读器等，用户可以在不同设备上进行文件的读取，编辑等操作。同时长沙凯钿软件提供PDF文档阅读，注释，编辑，转档等SDK一站式解决方案。</li>
+            <li class="mt-24px"><span>地 址&nbsp; ：</span><span>湖南省长沙市芙蓉区定王台街道建湘路393号长沙 世茂环球金融中心4707-4708号</span></li>
+            <li class="mt-24px">备案号：<a class="cursor-pointer" href="https://beian.miit.gov.cn" rel="noreferrer" target="_blank">湘ICP备14006207号-4</a></li>
+          </ul>
+      </div>
+      <div class="basis-[19.58%] px-15px">
+        <div class="flex mt-10px justify-end">
+          <img class="w-36px h-36px rounded-full mr-10px" src="http://cn-file.17pdf.com/website/index/ic_foot_phone_normal.png" />
+          <div>
+            <div class="text-18px leading-25px">0731-84225961</div>
+            <div class="text-12px leading-17px">周一至周五09:00-18:00</div>
+          </div>
+        </div>  
+        <div class="flex justify-end mt-15px" href="tencent://message/?uin=188917181&Site">
+          <img class="w-36px h-36px rounded-full mr-10px" src="http://cn-file.17pdf.com/website/index/ic_foot_qq_normal.png" />
+          <div class="pr-37px">
+            <div class="text-18px leading-25px">188917181</div>
+            <div class="text-12px leading-17px">客服群</div>
+          </div> 
+        </div>
+      </div>
+    </div>
+    <div class="w-full flex justify-center pb-30px">
+      <a href="http://wljg.csaic.gov.cn/1932/authority?key=2c41f2f0e0cb7a8aff016d7196632e71" target="_blank">
+        <img src="~/assets/images/home/siteBase_cs.png" class="w-74px h-24px mr-20px" alt="亮照">
+      </a>
+      <p class="text-12px leading-24px">&copy;2018-{{ thisYear }}Build to Connect, Inc. All Rights Reserved.</p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+
+const thisYear = new Date().getFullYear()
+
+</script>

layouts/default.vue

@@ -0,0 +1,19 @@
+<!--
+ * @Description: 
+ * @Author: 欧阳承珺
+ * @LastEditors: 欧阳承珺
+ * @Date: 2022-10-17 15:11:18
+ * @LastEditTime: 2022-10-18 19:21:48
+-->
+<template>
+  <div class="font-primary">
+    <Navbar></Navbar>
+    <Nuxt></Nuxt>
+    <footerBar></footerBar>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import Navbar from './components/navbar.vue'
+import footerBar from './components/footer-bar.vue'
+</script>

nuxt.config.js

@@ -1,3 +1,10 @@
+/*
+ * @Description: 
+ * @Author: 欧阳承珺
+ * @LastEditors: 欧阳承珺
+ * @Date: 2022-10-17 11:06:52
+ * @LastEditTime: 2022-10-19 17:14:06
+ */
 export default {
   // Global page headers: https://go.nuxtjs.dev/config-head
   head: {
@@ -15,10 +22,14 @@ export default {
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
-  css: [],
+  css: [
+    '@/assets/main.scss'
+  ],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
-  plugins: [],
+  plugins: [
+    '~/plugins/api'
+  ],
 
   // Auto import components: https://go.nuxtjs.dev/config-components
   components: true,
@@ -27,10 +38,25 @@ export default {
   buildModules: [
     // https://go.nuxtjs.dev/typescript
     '@nuxt/typescript-build',
+    // https://windicss.org/guide/
+    'nuxt-windicss',
+    '@nuxtjs/composition-api/module'
   ],
 
   // Modules: https://go.nuxtjs.dev/config-modules
-  modules: [],
+  modules: [
+    '@nuxtjs/axios',
+    '@nuxtjs/proxy'
+
+  ],
+  axios: {
+    timeout: 3000,
+    prefix: '/api/',
+    proxy: true
+  },
+  proxy: {
+    '/api': { target: 'https://17pdf.com'}
+  },
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {},

package.json

@@ -13,9 +13,13 @@
     "lintfix": "prettier --write --list-different . && npm run lint:js -- --fix"
   },
   "dependencies": {
+    "@nuxtjs/axios": "^5.13.6",
+    "@nuxtjs/composition-api": "^0.33.1",
     "core-js": "^3.25.3",
     "nuxt": "^2.15.8",
+    "qs": "^6.11.0",
     "vue": "^2.7.10",
+    "vue-fragment": "^1.6.0",
     "vue-server-renderer": "^2.7.10",
     "vue-template-compiler": "^2.7.10"
   },
@@ -25,10 +29,14 @@
     "@nuxt/typescript-build": "^2.1.0",
     "@nuxtjs/eslint-config-typescript": "^11.0.0",
     "@nuxtjs/eslint-module": "^3.1.0",
+    "@nuxtjs/proxy": "^2.1.0",
     "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-nuxt": "^4.0.0",
     "eslint-plugin-vue": "^9.5.1",
-    "prettier": "^2.7.1"
+    "nuxt-windicss": "^2.5.2",
+    "prettier": "^2.7.1",
+    "sass": "^1.55.0",
+    "sass-loader": "10"
   }
 }

pages/index.vue

@@ -1,11 +1,14 @@
+<!--
+ * @Description: 
+ * @Author: 欧阳承珺
+ * @LastEditors: 欧阳承珺
+ * @Date: 2022-10-17 11:06:52
+ * @LastEditTime: 2022-10-17 16:45:34
+-->
 <template>
-  <Tutorial />
+  <div>123</div>
 </template>
 
 <script lang="ts">
-import Vue from 'vue'
 
-export default Vue.extend({
-  name: 'IndexPage',
-})
 </script>

windi.config.js

@@ -0,0 +1,14 @@
+import { defineConfig } from 'windicss/helpers'
+
+export default defineConfig({
+  theme: {
+    screens: {
+      'footer': '1550px',
+    },
+    extend: {
+      fontFamily: {
+        primary: ["微软雅黑","Microsoft YaHei","PingFang-SC-Regular", "Helvetica Neue", 'Helvetica', 'Arial', 'sans-serif']
+      }
+    }
+  }
+})