提交

FengqiHaiwaiOfficeVue/package.json

@@ -25,6 +25,7 @@
     "vue-codemirror-lite": "^1.0.4",
     "vue-count-to": "^1.0.13",
     "vue-cropper": "0.4.9",
+    "vue-i18n": "^8.0.0",
     "vue-ls": "^3.2.1",
     "vue-material": "^1.0.0-beta-11",
     "vue-router": "^3.0.6",

FengqiHaiwaiOfficeVue/src/components/navbar/navbar.less

@@ -1,5 +1,5 @@
 .navbar {
-  height: 100%;
+ /* height: 100%; */
   position: relative;
 
   .navbar-wrapper {

FengqiHaiwaiOfficeVue/src/components/navbar/navbar.vue

@@ -59,8 +59,10 @@
       }
     },
     mounted() {
-      this.init()
-        this.isOpen=true
+         this.init()
+         this.isOpen=true
+		 
+		 
     },
     methods: {
       init() {

FengqiHaiwaiOfficeVue/src/config/router.config.js

@@ -27,10 +27,58 @@ export const asyncRouterMap = [
     meta: { title: '聯系我們'},
     component: () => import('@/views/contact/contact'),
   },
+  {
+	path: '/voucher',
+	name: 'voucher',
+	meta:{
+		title: '充值中心',
+	},
+	component: () => import('@/views/voucher/voucher')
+  }
+]
+export const asyncRouterMap_EN = [
+	{
+	  path: '/',
+	  name: 'index',
+	  meta: { title: 'HOME'},
+	  component: () => import('@/views/index/index')
+	},
+	{
+	  path: '/about',
+	  name: 'about',
+	  meta: { title: 'AboutUs'},
+	  redirect: '/about/introduction',
+	  component: () => import('@/views/about/about'),
+	  children:[
+	    {
+	      path: '/about/introduction',
+	      name: 'introduction',
+	      meta: { title: 'About Us'},
+	      component: () => import('@/views/about/introduction/introduction')
+	    },
+	  ]
+	},
+	{
+	  path: '/contact',
+	  name: 'contact',
+	  meta: { title: 'ContactUs'},
+	  component: () => import('@/views/contact/contact'),
+	},
+	{
+		path: '/voucher',
+		name: 'voucher',
+		meta:{
+			title: 'VoucherCenter',
+		},
+		component: () => import('@/views/voucher/voucher')
+	}
 ]
 
+
 /**
  * 基础路由
  * @type { *[] }
  */
 export const constantRouterMap = []
+
+

FengqiHaiwaiOfficeVue/src/main.js

@@ -3,11 +3,14 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router'
 import './logger'
-
 import './core/lazy_use'
 import { version } from '../package.json'
-import Element from 'element-ui';
-import locale from 'element-ui/lib/locale/lang/en'
+
+
+import Element from 'element-ui'
+
+import enLocale from 'element-ui/lib/locale/lang/en'
+
 import VueAwesomeSwiper from 'vue-awesome-swiper'
 import '@/assets/font/iconfont.css'
 // require styles
@@ -19,7 +22,9 @@ import store from './store/'
 
 // Vue.use(VueMaterial) //Required to boot vue material
 Vue.use(VueAwesomeSwiper, /* { default global options } */)
-Vue.use(Element, { size: 'small', zIndex: 3000},{locale});
+Vue.use(Element, { size: 'small', zIndex: 3000},{enLocale});
+//Vue.use(Element, { size: 'small', zIndex: 3000},{zhLocale});
+
 Vue.config.productionTip = false
 Vue.prototype.VERSION = version
 

FengqiHaiwaiOfficeVue/src/router/index.js

@@ -2,9 +2,11 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import {
   constantRouterMap,
-  asyncRouterMap
+  asyncRouterMap,
+  asyncRouterMap_EN
+  
 } from '@/config/router.config'
-
+import {lang} from '@/utils/lang'
 Vue.use(Router)
 
 export default new Router({
@@ -13,5 +15,5 @@ export default new Router({
   scrollBehavior: () => ({
     y: 0
   }),
-  routes: constantRouterMap.concat(asyncRouterMap)
+  routes: constantRouterMap.concat(lang.lg == "en" ? asyncRouterMap_EN : asyncRouterMap)
 })

FengqiHaiwaiOfficeVue/src/views/about/about.vue

@@ -3,7 +3,7 @@
         <default-navbar :navbarList="navbarList">
             <template slot="bg-content" >
                 <div class="bg-content">
-                    <h3>關於我們<span>ABOUT</span></h3>
+                    <h3>{{title}}<span>ABOUT</span></h3>
                 </div>
             </template>
         </default-navbar>
@@ -41,7 +41,9 @@
 <script>
   import PageFooter from '@/components/footer/pageFooter'
   import DefaultNavbar from '@/components/navbar/navbar'
-  import {asyncRouterMap} from '@/config/router.config'
+
+  import {asyncRouterMap,asyncRouterMap_EN} from '@/config/router.config'
+  import {lang} from '@/utils/lang'
   export default {
     name: 'about',
     data() {
@@ -50,22 +52,30 @@
         activeName:'',
         tabList:[
           {name:'公司简介',english:'INTRODUCTION',icon:{'icongongsijianjie':true}},
-
         ],
-        tabActive: 'INTRODUCTION'
+        tabActive: 'INTRODUCTION',
+		title:''
       }
     },
     components: {
       DefaultNavbar,
-
+	  lang	
     },
     mounted() {
       this.init();
     },
     methods: {
       init() {
-        this.navbarList.push(...asyncRouterMap.filter(f=>!f.meta.hidden))
-        this.tabActive = this.$route.name.toUpperCase()
+		
+		if(lang.lg == "en"){
+			this.navbarList.push(...asyncRouterMap_EN.filter(f => !f.meta.hidden))
+			this.title = lang.en.AboutUs
+			this.tabList[0].name = '';
+		}else{
+			this.navbarList.push(...asyncRouterMap.filter(f => !f.meta.hidden))
+			this.title = lang.hk.AboutUs
+		}
+		 this.tabActive = this.$route.name.toUpperCase()
       },
       handleTabClick(item) {
         this.tabActive = item.english;

FengqiHaiwaiOfficeVue/src/views/contact/contact.vue

@@ -12,7 +12,7 @@
         <div class="contact-content">
             <div class="contact-content-wrapper">
                 <div class="text-title">
-                    關於我們
+                    <!-- 關於我們 -->
                     <span class="english">CONTACT US</span>
                 </div>
                 <div class="contact-message">
@@ -54,8 +54,8 @@
 <script>
   import PageFooter from '@/components/footer/pageFooter'
   import DefaultNavbar from '@/components/navbar/navbar'
-  import { asyncRouterMap } from '@/config/router.config'
-
+  import { asyncRouterMap,asyncRouterMap_EN } from '@/config/router.config'
+ import {lang} from '@/utils/lang'
   export default {
     name: 'contact',
     data() {
@@ -75,7 +75,15 @@
     },
     methods: {
       init() {
-        this.navbarList.push(...asyncRouterMap.filter(f => !f.meta.hidden))
+		  if(lang.lg == "en"){
+		  	this.navbarList.push(...asyncRouterMap_EN.filter(f => !f.meta.hidden))
+		  	this.messageList[0].title = lang.en.ContactWay
+		  }else{
+		  	this.navbarList.push(...asyncRouterMap.filter(f => !f.meta.hidden))
+		  		this.messageList[0].title = lang.hk.ContactWay
+		  }
+		  
+
       },
     }
   }

FengqiHaiwaiOfficeVue/src/views/index/index.vue

@@ -1,53 +1,107 @@
 <template>
     <div class="index">
-        <index-navbar :navbarList="navbarList" model="index">
+      <index-navbar :navbarList="navbarList" model="index">
+           
+      </index-navbar> 
 
-        </index-navbar>
+ 
 
+        <div class="content">
+            <div class="product">
+                <div class="product-title">
+                    <h2>{{title}}</h2>
+                </div>
+                <div class="product-content">
+                    <div class="product-item-wrapper">
+                        <div class="product-item"
+                             v-for="(item,index) in productList"
+							
+                             :style="{'background-image': 'url(http://www.funqueue.com/img/'+(item.on?item.active:item.default)+'.png)'}"
+                             @mouseenter="enter(index)"
+                             @mouseleave="enter(1)" >
+                           <!-- <router-link to="/product">
+                                <a></a>
+                            </router-link> -->
 
+                        </div>
+
+                    </div>
+                </div>
+             
+            </div>
+        </div>
+       <!-- <page-footer></page-footer> -->
     </div>
 </template>
 
 <script>
+	//url(https://file.funcheergame.com/office/image/  https://www.funqueue.com/img
+    import carousel from '@/components/carousel/carousel'
+    import PageFooter from '@/components/footer/pageFooter'
+    import IndexNavbar from '@/components/navbar/navbar'
+    import {asyncRouterMap,asyncRouterMap_EN} from '@/config/router.config'
+    import {lang} from '@/utils/lang'
+ 
+    export default {
+        name: 'index',
+        data() {
+            return {
+                navbarList: [],
+      /*          productList: [
+                    {default: 'cs_01', active: 'jg_01', backgroundImage: 'cs_01', on: false} ,
+                    {default: 'cs_03', active: 'jg_03', backgroundImage: 'cs_03', on: true},
+                    {default: 'cs_04', active: 'jg_04', backgroundImage: 'cs_04', on: false},
+                    {default: 'cs_07', active: 'jg_07', backgroundImage: 'cs_07', on: false},
+                    {default: 'cs_05', active: 'jg_05', backgroundImage: 'cs_05', on: false},
+                    {default: 'cs_06', active: 'jg_06', backgroundImage: 'cs_06', on: false} 
+                ], */
+				productList: [
+				    {default: 'cs_01', active: 'jg_01', backgroundImage: 'cs_01', on: false} ,
+				    {default: 'cs_03', active: 'jg_03', backgroundImage: 'cs_03', on: true},
+				    {default: 'cs_04', active: 'jg_04', backgroundImage: 'cs_04', on: false},
+				    {default: 'cs_07', active: 'jg_07', backgroundImage: 'cs_07', on: false},
+				    {default: 'cs_05', active: 'jg_05', backgroundImage: 'cs_05', on: false},
+				    {default: 'cs_06', active: 'jg_06', backgroundImage: 'cs_06', on: false} 
+				],
+				title:''
+            }
+        },
+        components: {
+            carousel,
+            PageFooter,
+            IndexNavbar,
+			lang
+        },
+        mounted() {
+            this.init()
+        },
+        methods: {
+            init() {
+			//检测浏览器版本
+			   if(lang.lg == "en"){
+					this.navbarList.push(...asyncRouterMap_EN.filter(f => !f.meta.hidden))
+					this.title = lang.en.product
+				}else{
+					this.navbarList.push(...asyncRouterMap.filter(f => !f.meta.hidden))
+					this.title = lang.hk.product
+				}
+            },
+            bgUrl() {
 
-  import carousel from '@/components/carousel/carousel'
-  import PageFooter from '@/components/footer/pageFooter'
-  import IndexNavbar from '@/components/navbar/navbar'
-  import { asyncRouterMap } from '@/config/router.config'
-
-  export default {
-    name: 'index',
-    data() {
-      return {
-        navbarList: [],
-
-      }
-    },
-    components: {
-      carousel,
-      PageFooter,
-      IndexNavbar
-    },
-    mounted() {
-      this.init()
-    },
-    methods: {
-      init() {
-
-        this.navbarList.push(...asyncRouterMap)
-          console.log(  this.navbarList)
-      },
-      bgUrl() {
-
-      },
-      handelMouseEnter() {
-
-      },
-    }
+            },
+            handelMouseEnter() {
+
+            },
+            enter(index){
+                for (let i = 0; i < this.productList.length; i++) {
+                    this.productList[i].on = i==index;
+                }
+            }
+        }
 
-  }
+    }
 </script>
 
 <style lang="less" scoped>
-
+    @import url('./index.less');
 </style>

FengqiHaiwaiOfficeVue/src/views/raiders/raiders.less

@@ -1,86 +1,127 @@
-.raiders {
+.index {
   height: 100%;
+  width: 100%;
   position: relative;
-  background-color: #fff;
-  display: flex;
-  justify-content: flex-start;
-  flex-direction: column;
-
-  .navbar {
-    height: auto;
-
-    .bg-content {
-      height: 387px;
-      background-image: url("https://file.funcheergame.com/office/image/raiders/news_bg1.png");
-    }
+  font-family: "黑体";
+  .title {
+    position: relative;
+    height: 100%;
   }
+  .content {
+    position: relative;
 
-  .raiders-content {
-    flex: 1;
-    .raiders-content-wrapper {
-      width: 1200px;
-      margin: 80px auto;
-      display: flex;
-      flex-wrap: wrap;
-      align-content: space-around;
+    .product {
+      .product-title {
+        position: relative;
+        z-index: 2;
+        width: 100%;
+        margin: 0 auto;
+        text-align: center;
+        padding-top: 146px;
 
-      .raiders-item {
-        flex: 1;
-        min-height: 300px;
-        background-color: #fff;
-        margin: 12px 12px;
-        border: 1px solid #fefefe;
-        box-shadow: 0 0 10px rgba(0,0,0,.1);
-        min-width: 276px;
-        max-width: 276px;
-        display: flex;
-        justify-content: space-between;
-        flex-direction: column;
-        cursor: pointer;
-        .item-top {
-          height: 170px;
-          background: url("https://file.funcheergame.com/office/image/raiders/yx_01.png") center no-repeat;
+        h2 {
+          color: #4A4A4A;
+          font-size: 36px;
+          padding: 0 0 100px;
+          font-weight: 400;
         }
-        .item-mid {
-          flex: 1;
-          padding: 0 14px;
-          .title {
-            font-size: 16px;
-            color: #000;
-            margin-top: 20px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-          .introduction {
-            font-size: 14px;
-            color: #666;
-            margin-top: 24px;
-            margin-bottom: 4px;
-            /*将对象作为弹性伸缩盒子模型显示*/
-            display: -webkit-box;
-            /*设置子元素排列方式*/
-            -webkit-box-orient: vertical;
-            /*设置显示的行数，多出的部分会显示为...*/
-            -webkit-line-clamp: 3;
-            overflow: hidden;
+      }
+
+      .product-content {
+        position: relative;
+        padding-bottom: 120px;
+        overflow: hidden;
+        width: 100%;
+
+        .product-item-wrapper {
+          display: flex;
+          justify-content: center;
 
+          .product-item {
+            margin: 0 10px;
+            width: 180px;
+            height: 585px;
+            cursor: pointer;
+            background: #fff center no-repeat;
+            transition: background-image .8s ease;
+            a {
+              display: block;
+              width: 100%;
+              height: 100%;
+            }
           }
         }
-        .item-bottom {
-          cursor: pointer;
+      }
+
+      .product-footer {
+        background-color: #f4f4f4;
+        .product-footer-wrapper {
+          width: 1200px;
+          margin: 0 auto;
+          overflow: hidden;
+          font-size: 15px;
+          padding: 100px 0;
+          position: relative;
           display: flex;
-          justify-content: flex-end;
-          padding: 0 10px 0 0;
-          margin-bottom: 20px;
-          height: 20px;
-          line-height: 20px;
-          .item-text {
-            text-align: center;
-            margin-right: 3px;
+          justify-content: space-around;
+          .qr-code {
+            border-right: 1px solid #6b6b6b;
+            width: 359px;
+            height: 200px;
+            padding-top: 40px;
+            display: flex;
+            justify-content: center;
+            .qr-item {
+              text-align: center;
+              width: 150px;
+              img {
+                width: 94px;
+                vertical-align: middle;
+                border: 0;
+              }
+              p {
+                font-family: "黑体";
+                font-size: 12px;
+                color: #494949;
+                margin-top: 10px;
+              }
+            }
+          }
+          .footer-link {
+            .footer-link-wrapper {
+              display: flex;
+              justify-content: space-around;
+              .footer-link-item {
+                width: 130px;
+                text-align: center;
+                .link-title {
+                  span {
+                    border-bottom: 1px solid #e4004f;
+                    padding: 14px 0;
+                    color: #333;
+                    font-size: 14px;
+                  }
+                }
+                .link-content-wrapper {
+                  margin-top: 20px;
+                  font-size: 12px;
+                  .link-content-item {
+                    padding: 8px 10px;
+                    a {
+                      color: #494949;
+                      &:hover {
+
+                      }
+                    }
+                  }
+                }
+              }
+            }
           }
         }
       }
     }
   }
+
 }
+

FengqiHaiwaiOfficeVue/src/views/voucher/voucher.vue

@@ -0,0 +1,510 @@
+<template>
+	<div class="voucher" id="voucher">
+		<!-- 头部 -->
+		<default-navbar :navbarList="navbarList">
+	
+		</default-navbar>
+		
+		<div class="gm_js">
+			<el-row>
+				<el-col :span="24" style="text-align: center; font-size: 14px; font-family: 'Microsoft YaHei'; font-weight: bold;">
+					<div>Idle Military SCH Tycoon Games</div>
+				</el-col>
+		   </el-row>
+			
+		   <el-row>
+				<el-col :span="24" >
+				  <el-card :body-style="{ padding: '0px' }">
+				   <div style="float: left;width: 27%; height: 253px;"> <img style="width: 100%; height: 253px;"src="./img/20221020110134.png" ></div>
+					 <div style="width: 72%; height: auto; 	margin-top: 15px;float: left;   font-size: 14px; font-family: 'Microsoft YaHei'; " >
+						 Want to become a military tycoon, build your own base, or experience a real military simulation? Come and create the greatest military base in the world! You will start out in army training camp as a soldier, but have no time for a daze. Because you'll be put through the test and complete a series of training challenges to graduate and be ready for military operations around the world!
+						 As your military training in your base progresses, you'll earn a lot of money and expand your camp. You can upgrade the stats, speed, capacity and queue size of all training zones. While the process is a roller coaster of ups and downs, lazy cadets will be eliminated - you'll love growing your military base!
+						 Here are some of the challenges you must complete before graduation:
+						 Report Office - Ding ~ Ding ~ Elite reports are waiting for you to train.
+					 </div>
+					 <div style="float: right;">  <el-button type="primary"  @click="download" round>click to download</el-button></div>
+				  </el-card>
+				</el-col>
+			</el-row>	
+			
+
+		</div>
+	    <div class="cs_yl">
+			<el-row class="row-bg" justify="center">
+				 <el-col :span="6"><img src="./img/logo.png" style="width: 389px;height: 147px;"  @click="dktk"/></el-col>
+			</el-row>
+		</div>
+		
+		<div id="dome_zs">
+			<!--  商品展示网页  -->
+		    <el-dialog  :visible.sync="goodVisible" :show-close="true"  append-to-body custom-class="menu-dialog-height" :top="m_top" :modal="false" :close-on-click-modal="false" >
+				<el-row>
+					<el-col :span="24">
+						<img src="./img/1665193912606.jpg"/>
+					</el-col>
+				</el-row>
+				<el-row v-for="(it,ind) in goodList" :key="ind" class="el_r">
+					<el-col :span="6">
+						<div class="good_l">
+							<div class="good_m" v-if="it.type == 1"><img  src="./img/1665196821677.jpg" /></div>
+							<div  class="good_n" v-if="it.type == 1" @click="skipPay(it.type,it.name,it.price)"> <span >{{it.name}}</span></div>
+							<div  class="good_2" v-if="it.type == 2" @click="skipPay(it.type,it.name,it.price)"> <span >{{it.name}}</span></div>
+						</div>
+					</el-col>
+					
+					<el-col :span="6" :offset="10">
+						<div class="good_l">
+							<div class="good_p"  @click="skipPay(it.type,it.name,it.price)"><span>${{ it.price }}</span></div>
+						</div>
+					</el-col>
+				</el-row>
+			</el-dialog>
+			
+			<!-- 支付展示网页  -->
+			<el-dialog :visible.sync="payVisible" :show-close="true"  custom-class="menu-dialog-height" :top="m_top">
+				<el-row class="el_r">
+					<el-col :span="8"> 
+						<span>{{PaymentAmount}}</span>
+					</el-col>
+					
+					<el-col :span="8" :offset="3">
+						<span>${{from.price}}</span>
+					</el-col>
+				</el-row>
+				
+				<el-row class="el_r">
+					<el-col :span="8"> 
+						<span>{{PaymentDetails}}</span>
+					</el-col>
+					<el-col :span="8" :offset="3">
+						<span v-if="from.type == 1">{{from.name}} {{diamond}}</span>
+						<span v-if="from.type == 2">{{from.name}}</span>
+					</el-col>
+				</el-row>
+				
+				<el-row style="margin-top: 40%;">
+					<el-col :span="24">
+						<el-button style="width: 100%;" @click="payPaymentCk">{{pay}}</el-button>
+					</el-col>
+				</el-row>
+				
+				<el-row style="margin-top: 30px;">
+					<el-col :span="24">
+						<el-button style="width: 100%;" @click="payOption">{{OpenPayOptions}}</el-button>
+					</el-col>
+				</el-row>
+			</el-dialog>
+			
+			<!-- 支付选项 -->
+			<el-dialog :visible.sync="optionVisible" :title="pay" :show-close="true" width="20%" >
+				<el-row>
+					<el-col :span="22">
+						<div style="text-align: center;">{{await}}</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="24">
+						<div  style=" border-bottom:solid 1px ; "></div>
+					</el-col>
+				</el-row>
+				<el-row>
+						<el-col :span="22">
+							<div style="text-align: center;" @click="payPaymentCk">{{openpay}}</div>
+						</el-col>
+				</el-row>
+		
+				<el-row>
+					<el-col :span="24">
+						<div  style=" border-bottom:solid 1px ; "></div>
+					</el-col>
+				</el-row>
+		  
+				<el-row>
+					<el-col :span="22">
+						<div style="text-align: center;" @click="anomalyOrder">{{anomaly}}</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="24">
+						<div  style=" border-bottom:solid 1px ; "></div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="22">
+						<div style="text-align: center;"  @click="cancel">{{finish}}</div>
+					</el-col>
+				</el-row>
+				<el-row>
+					<el-col :span="24">
+						<div  style=" border-bottom:solid 1px ; "></div>
+					</el-col>
+				</el-row>
+			</el-dialog>
+			
+			<!-- 反馈页面 -->
+			<el-dialog :visible.sync="coupleVisible" :title="couple" width="30%" >
+				<el-row >
+					<el-col :span="22">
+						<div style="text-align: left;">{{issue}}</div>
+					</el-col>
+				</el-row>
+				
+				
+				<el-row style="margin-top: 15px;" v-for="(it,ind) in issues" :key="ind">
+					<el-col :span="22" :offset="2">
+						<el-checkbox :label="it.name" name="type"></el-checkbox>
+					</el-col>
+				</el-row>
+		
+				<el-row style="margin-top: 15px;">
+					<el-col :span="22">
+						<div style="text-align: left;">{{ProblemDescriptor}}</div>
+					</el-col>
+				</el-row>
+				<el-row style="margin-top: 15px;">
+					<el-col :span="22" :offset="2">
+						<el-input type="textarea" v-model="desc"></el-input>
+					</el-col>
+				</el-row>
+				
+				<el-row style="margin-top: 15px;">
+					<el-col :span="22" :offset="6" >
+						<el-button type="primary" size="mini" @click="submit" v-loading.fullscreen.lock="fullscreenLoading" >{{subm}}</el-button>
+						<el-button size="mini"  @click="cancel">{{canc}}</el-button>
+					</el-col>
+				</el-row>
+			</el-dialog>
+			
+			
+			<!-- 跳转支付页面 -->
+			<el-dialog :visible.sync="payPayment" title="Game Easy Pack" custom-class="menu-dialog-height" :top="m_top" >
+				   <el-row>
+					<el-col :span="20" >
+						<el-card :body-style="{ padding: '0px' }">
+						  <div style="padding: 14px;">
+							<span>Product Name: {{from.name}}</span>
+							<div class="bottom clearfix">
+							  <time class="time"></time>
+							  <span>Charged Amount: ${{from.price}}</span>
+							</div>
+						  </div>
+						</el-card>
+					  </el-col>
+					</el-row>
+					<div style="padding-top: 15px;">Select Payment Method:</div>
+					<el-row :gutter="20">
+						<el-col :span="24">
+							 <el-button class="but_c"  @click="paypal"  v-loading.fullscreen.lock="fullscreenLoading">
+								  <img src="./img/paypal.svg"  style="width: 100px;height: 20px;"/>
+							 </el-button>
+						</el-col>
+					</el-row>
+					<el-row :gutter="20">
+						<el-col :span="24">
+							 <el-button class="but_c"  @click="airwallex" >
+								 <img src="./img/airwallex.png"  style="width: 100px;height: 20px;"/>
+							 </el-button>
+						</el-col>
+					</el-row>
+			</el-dialog>
+		</div>
+	</div>
+	
+
+	
+</template>
+
+<script>
+	import PageFooter from '@/components/footer/pageFooter'
+	import DefaultNavbar from '@/components/navbar/navbar'
+	import { asyncRouterMap,asyncRouterMap_EN } from '@/config/router.config'
+	import {lang} from '@/utils/lang'
+	export default {
+	  name: 'voucher',
+	  data() {
+	    return {
+	      navbarList: [],
+		  goodVisible:false,  //控制弹框显示
+		  payVisible:false,  //支付页面显示
+		  optionVisible:false, //支付选项
+		  coupleVisible:false, //反馈页面
+		  fullscreenLoading: false, //提交时停留
+		  payPayment: false, //支付选择
+		  PaymentAmount:'',
+		  PaymentDetails:'',
+		  diamond:'',
+		  pay:'',
+		  OpenPayOptions:'',
+		  await:'',
+		  openpay:'',
+		  anomaly:'',
+		  finish:'',
+		  couple:'',
+		  issue:'',
+		  issues:[],
+		  ProblemDescriptor:'',
+		  subm:'',
+		  canc:'',
+		  goodList:[
+		  	{
+				type: 1, //带有图标
+				name: '80',
+				price: 0.99
+		  	},
+		    {
+				type: 1, //带有图标
+				name: '500',
+				price: 4.99  
+		   },
+		   {
+				type: 1, //带有图标
+				name: '1200',
+				price: 9.99  
+		  	},
+			{
+				type: 1, //带有图标
+				name: '2500',
+				price: 19.99  
+			},
+		  				  {
+		  					type: 1, //带有图标
+		  					name: '6500',
+		  					price: 49.99  
+		  				  },
+		  				  {
+		  					type: 1, //带有图标
+		  					name: '14000',
+		  					price: 99.99  
+		  				  },{
+		  					type: 2, //带有图标
+		  					name: '廣告粉粹機',
+		  					price: 9.99
+		  				  },
+		  				  {
+		  					 type: 2, //带有图标
+		  					 name: '隨機英雄禮包',
+		  					 price: 0.99 
+		  				  }
+		  ],
+		  m_top: '20vh',
+		  desc:'',
+		  from:{
+			  type: 1, //带有图标
+			  name: '',
+			  price: 0
+		  }
+	    }
+	  },
+	  components: {
+	    DefaultNavbar,
+	  },
+	  mounted() {
+	    this.init()
+	  },
+	  methods: {
+	    init() {
+ 
+		  if(lang.lg == "en"){
+		  	this.navbarList.push(...asyncRouterMap_EN.filter(f => !f.meta.hidden))
+			this.PaymentAmount = lang.en.PaymentAmount
+			this.PaymentDetails = lang.en.PaymentDetails
+			this.diamond = lang.en.diamond
+			this.pay = lang.en.pay
+			this.OpenPayOptions = lang.en.OpenPayOptions
+			this.await = "await finish pay";
+			this.openpay = "open pay page";
+			this.anomaly = "report anomaly order";
+			this.finish = "finish pay";
+			this.couple = "couple back";
+			this.issue = "pay issue";
+			this.ProblemDescriptor = "problem description";
+			this.subm = "submit";
+				this.canc = "cancel";
+			this.issues = [
+				{
+					name:'Payment has not been received'
+				},
+				{
+					name:'The wrong amount was paid'
+				},
+				{
+					name:'The payment page cannot be opened'
+				},
+				{
+					name:"Couldn't reach customer service"
+				},
+				{
+					name:'other problems'
+				}
+			
+			]
+			this.goodList[6].name = "shatter machine";
+			this.goodList[7].name = "random gift";
+		  }else{
+		  	this.navbarList.push(...asyncRouterMap.filter(f => !f.meta.hidden))
+			this.PaymentAmount = lang.hk.PaymentAmount
+			this.PaymentDetails = lang.hk.PaymentDetails
+			this.diamond = lang.hk.diamond
+			this.pay = lang.hk.pay
+			this.OpenPayOptions = lang.hk.OpenPayOptions
+
+			this.await =   "等待完成支付";
+			this.openpay = "打開支付頁面";
+			this.anomaly = "報告異常訂單";
+			this.finish =  "完成支付";
+			this.couple =  "反饋";
+			this.issue =   "支付問題";
+			this.ProblemDescriptor = "問題描述";
+			this.subm = "提交";
+			this.canc = "取消";
+			this.goodList[6].name = "廣告粉粹機";
+			this.goodList[7].name = "隨機英雄禮包";
+			this.issues = [
+				{
+					name:'已付款未到賬'
+				},
+				{
+					name:'支付的金額不對'
+				},
+				{
+					name:'打不開支付頁面'
+				},
+				{
+					name:'聯係不上客服'
+				},
+				{
+					name:'其他問題'
+				}
+			]
+		  }
+	    },
+		paypal(){    //paypal支付实现方法
+		 this.fullscreenLoading = true;
+		  setTimeout(() => {
+					 this.$message({
+						 message: 'paypal payment failure！！！',
+						 type: 'error'
+					 });
+					  this.fullscreenLoading = false;
+		   this.payPayment = false; //显示支付页面
+					 }, 3000);
+		},
+		airwallex(){ //airwallex支付实现方法
+		  this.fullscreenLoading = true;
+		   setTimeout(() => {
+					 this.$message({
+						 message: 'airwallex payment failure！！！',
+						 type: 'error'
+					 });
+					  this.fullscreenLoading = false;
+					
+			this.payPayment = false; //显示支付页面
+					 }, 3000);
+		},
+		skipPay(tyep,name,price){ //跳转支付
+		  //关闭商品展示页
+		  this.goodVisible = false;
+		  //打开支付页面
+		  this.payVisible = true;
+		  this.from = {
+			  type: tyep, //带有图标
+			  name: name,
+			  price: price
+		  }
+		},
+		payOption(){ //支付选项
+					this.optionVisible = true;
+		},
+		anomalyOrder(){ //异常订单
+		    this.optionVisible = false; //关闭支付弹框，显示反馈信息
+			this.coupleVisible = true;
+		},
+		cancel(){ //取消
+		  this.coupleVisible = false;
+		  this.optionVisible = false;
+		},
+		submit(){ //提交反馈信息
+		  this.fullscreenLoading = true;
+		  setTimeout(() => {
+		  this.$message({
+			message: '已反馈成功！！！',
+			type: 'success'
+		  });			
+		  this.fullscreenLoading = false;
+		  this.coupleVisible = false;
+		  }, 3000);
+		},
+		payPaymentCk(){  //跳转支付页面
+		  this.payPayment = true; //显示支付页面
+		  this.optionVisible = false; //关闭支付选项		
+		},
+		dktk(){
+			this.goodVisible = true;
+		},
+		download(){ //下载文件
+		   var src = 'http://www.funqueue.com/apk/Military_v1.1.4_GP_2022-09-22.apk';
+		   var form = document.createElement('form');
+		   form.action = src;
+		   document.getElementsByTagName('body')[0].appendChild(form);
+		   form.submit() 
+		}
+	  }
+	}
+</script>
+
+<style >
+  /*  @import url('https://unpkg.com/element-ui@2.15.10/lib/theme-chalk/index.css'); */
+  .cs_yl{
+	  float: left;
+	  margin-top: 134px;
+	  width: 389px;
+	  margin-left: 2%;
+	  border: solid 1px #BDBDBD ;
+  }
+  .menu-dialog-height {
+      height: auto; 
+  	  width:30%;
+  }
+  .el_r{
+  	margin-top: 15px;
+  }
+  .good_l{
+  	border: 1px solid #BDBDBD;
+  	width: 100px;
+  	height: 30px;
+  	border-radius:3px;
+  }
+  .good_p{
+  	margin-top: 6px;
+  	font-family: 'Microsoft YaHei';
+  	text-align: center;
+  }
+  .good_m{
+  	margin-top: 6px;
+  	width: 0px;
+  	height: 0px;
+  }
+  .good_n{
+  	margin-left: 42px;
+
+  }
+  .good_2{
+  	text-align: center;
+  	margin-top: 6px;
+	font-size: 10px;
+  }
+  .but_c{
+  	width: 100%;
+  	margin-top: 20px;
+  }
+  .gm_js{
+	  float: left;
+	  margin-top: 134px;
+	  width: 53%;
+	  height: auto;
+
+	
+  }
+  
+
+</style>

FengqiOfficeVue/package-lock.json

@@ -20813,6 +20813,16 @@
         "vue-template-compiler": ">= 2.5.0"
       }
     },
+    "node_modules/vue-svg-component-runtime": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vue-svg-component-runtime/-/vue-svg-component-runtime-1.0.1.tgz",
+      "integrity": "sha512-TkmZ1qwFeFJSRH6b6KVqDU2f8DCSdoNoo/veKqog7FsyF0UETTI66ALKX1rrLXy/KT6LSaJB5IfZkuuSfaQsEA==",
+      "dev": true,
+      "peer": true,
+      "peerDependencies": {
+        "vue": ">= 2.5.0"
+      }
+    },
     "node_modules/vue-svg-icon-loader": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/vue-svg-icon-loader/-/vue-svg-icon-loader-2.1.1.tgz",
@@ -29790,24 +29800,28 @@
       "dependencies": {
         "abbrev": {
           "version": "1.1.1",
+          "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "ansi-regex": {
           "version": "2.1.1",
+          "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "aproba": {
           "version": "1.2.0",
+          "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "are-we-there-yet": {
           "version": "1.1.5",
+          "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29818,12 +29832,14 @@
         },
         "balanced-match": {
           "version": "1.0.0",
+          "integrity": "sha512-9Y0g0Q8rmSt+H33DfKv7FOc3v+iRI+o1lbzt8jGcIosYW37IIW/2XVYq5NPdmaD5NQ59Nk26Kl/vZbwW9Fr8vg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
+          "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29834,36 +29850,42 @@
         },
         "chownr": {
           "version": "1.1.1",
+          "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "code-point-at": {
           "version": "1.1.0",
+          "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
+          "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
+          "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
+          "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "debug": {
           "version": "4.1.1",
+          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29873,24 +29895,28 @@
         },
         "deep-extend": {
           "version": "0.6.0",
+          "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "delegates": {
           "version": "1.0.0",
+          "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "detect-libc": {
           "version": "1.0.3",
+          "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "fs-minipass": {
           "version": "1.2.5",
+          "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29900,12 +29926,14 @@
         },
         "fs.realpath": {
           "version": "1.0.0",
+          "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "gauge": {
           "version": "2.7.4",
+          "integrity": "sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29922,6 +29950,7 @@
         },
         "glob": {
           "version": "7.1.3",
+          "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29936,12 +29965,14 @@
         },
         "has-unicode": {
           "version": "2.0.1",
+          "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "iconv-lite": {
           "version": "0.4.24",
+          "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29951,6 +29982,7 @@
         },
         "ignore-walk": {
           "version": "3.0.1",
+          "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29960,6 +29992,7 @@
         },
         "inflight": {
           "version": "1.0.6",
+          "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29970,18 +30003,21 @@
         },
         "inherits": {
           "version": "2.0.3",
+          "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "ini": {
           "version": "1.3.5",
+          "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "is-fullwidth-code-point": {
           "version": "1.0.0",
+          "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -29991,12 +30027,14 @@
         },
         "isarray": {
           "version": "1.0.0",
+          "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "minimatch": {
           "version": "3.0.4",
+          "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30006,12 +30044,14 @@
         },
         "minimist": {
           "version": "0.0.8",
+          "integrity": "sha512-miQKw5Hv4NS1Psg2517mV4e4dYNaO3++hjAvLOAzKqZ61rH8NS1SK+vbfBWZ5PY/Me/bEWhUwqMghEW5Fb9T7Q==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "minipass": {
           "version": "2.3.5",
+          "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30022,6 +30062,7 @@
         },
         "minizlib": {
           "version": "1.2.1",
+          "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30031,6 +30072,7 @@
         },
         "mkdirp": {
           "version": "0.5.1",
+          "integrity": "sha512-SknJC52obPfGQPnjIkXbmA6+5H15E+fR+E4iR2oQ3zzCLbd7/ONua69R/Gw7AgkTLsRG+r5fzksYwWe1AgTyWA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30040,12 +30082,14 @@
         },
         "ms": {
           "version": "2.1.1",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "needle": {
           "version": "2.3.0",
+          "integrity": "sha512-QBZu7aAFR0522EyaXZM0FZ9GLpq6lvQ3uq8gteiDUp7wKdy0lSd2hPlgFwVuW1CBkfEs9PfDQsQzZghLs/psdg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30057,6 +30101,7 @@
         },
         "node-pre-gyp": {
           "version": "0.12.0",
+          "integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30075,6 +30120,7 @@
         },
         "nopt": {
           "version": "4.0.1",
+          "integrity": "sha512-+5XZFpQZEY0cg5JaxLwGxDlKNKYxuXwGt8/Oi3UXm5/4ymrJve9d2CURituxv3rSrVCGZj4m1U1JlHTdcKt2Ng==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30085,12 +30131,14 @@
         },
         "npm-bundled": {
           "version": "1.0.6",
+          "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "npm-packlist": {
           "version": "1.4.1",
+          "integrity": "sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30101,6 +30149,7 @@
         },
         "npmlog": {
           "version": "4.1.2",
+          "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30113,18 +30162,21 @@
         },
         "number-is-nan": {
           "version": "1.0.1",
+          "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
+          "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "once": {
           "version": "1.4.0",
+          "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30134,18 +30186,21 @@
         },
         "os-homedir": {
           "version": "1.0.2",
+          "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "os-tmpdir": {
           "version": "1.0.2",
+          "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "osenv": {
           "version": "0.1.5",
+          "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30156,18 +30211,21 @@
         },
         "path-is-absolute": {
           "version": "1.0.1",
+          "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "process-nextick-args": {
           "version": "2.0.0",
+          "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "rc": {
           "version": "1.2.8",
+          "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30180,6 +30238,7 @@
           "dependencies": {
             "minimist": {
               "version": "1.2.0",
+              "integrity": "sha512-7Wl+Jz+IGWuSdgsQEJ4JunV0si/iMhg42MnQQG6h1R6TNeVenp4U9x5CC5v/gYqz/fENLQITAWXidNtVL0NNbw==",
               "bundled": true,
               "dev": true,
               "optional": true
@@ -30188,6 +30247,7 @@
         },
         "readable-stream": {
           "version": "2.3.6",
+          "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30203,6 +30263,7 @@
         },
         "rimraf": {
           "version": "2.6.3",
+          "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30212,42 +30273,49 @@
         },
         "safe-buffer": {
           "version": "5.1.2",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
+          "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "sax": {
           "version": "1.2.4",
+          "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "semver": {
           "version": "5.7.0",
+          "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "set-blocking": {
           "version": "2.0.0",
+          "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "signal-exit": {
           "version": "3.0.2",
+          "integrity": "sha512-meQNNykwecVxdu1RlYMKpQx4+wefIYpmxi6gexo/KAbwquJrBUrBmKYJrE8KFkVQAAVWEnwNdu21PgrD77J3xA==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "string_decoder": {
           "version": "1.1.1",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30257,6 +30325,7 @@
         },
         "string-width": {
           "version": "1.0.2",
+          "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30268,6 +30337,7 @@
         },
         "strip-ansi": {
           "version": "3.0.1",
+          "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30277,12 +30347,14 @@
         },
         "strip-json-comments": {
           "version": "2.0.1",
+          "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "tar": {
           "version": "4.4.8",
+          "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30298,12 +30370,14 @@
         },
         "util-deprecate": {
           "version": "1.0.2",
+          "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "wide-align": {
           "version": "1.1.3",
+          "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
           "bundled": true,
           "dev": true,
           "optional": true,
@@ -30313,12 +30387,14 @@
         },
         "wrappy": {
           "version": "1.0.2",
+          "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
           "bundled": true,
           "dev": true,
           "optional": true
         },
         "yallist": {
           "version": "3.0.3",
+          "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
           "bundled": true,
           "dev": true,
           "optional": true
@@ -39241,6 +39317,14 @@
       "dev": true,
       "requires": {}
     },
+    "vue-svg-component-runtime": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vue-svg-component-runtime/-/vue-svg-component-runtime-1.0.1.tgz",
+      "integrity": "sha512-TkmZ1qwFeFJSRH6b6KVqDU2f8DCSdoNoo/veKqog7FsyF0UETTI66ALKX1rrLXy/KT6LSaJB5IfZkuuSfaQsEA==",
+      "dev": true,
+      "peer": true,
+      "requires": {}
+    },
     "vue-svg-icon-loader": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/vue-svg-icon-loader/-/vue-svg-icon-loader-2.1.1.tgz",

FengqiTupupOfficeVue/package.json

@@ -18,6 +18,7 @@
     "mavon-editor": "^2.7.4",
     "moment": "^2.24.0",
     "nprogress": "^0.2.0",
+    "serve": "^14.0.1",
     "viser-vue": "^2.4.6",
     "vue": "^2.6.10",
     "vue-awesome-swiper": "^3.1.3",

FengqiTupupOfficeVue/src/components/carousel/carousel.vue

@@ -50,18 +50,18 @@
                 height: 100%;
                 text-align: center;
                 font-size: 18px;
-                &:nth-of-type(1) {
+            /*    &:nth-of-type(1) {
                     background: url('https://file.funcheergame.com/office/image/index/carousel_04.png') center top / cover no-repeat;
-                }
-                &:nth-of-type(2) {
+                } */
+             /*   &:nth-of-type(2) {
                     background: url('https://file.funcheergame.com/office/image/index/carousel_03.png') center top / cover no-repeat;
-                }
-                &:nth-of-type(3) {
+                } */
+                &:nth-of-type(1) {
                     background: url('https://file.funcheergame.com/office/image/index/carousel_01.png') center top / cover no-repeat;
                 }
-                &:nth-of-type(4) {
+               /* &:nth-of-type(4) {
                     background: url('https://file.funcheergame.com/office/image/index/carousel_02.png') center top / cover no-repeat;
-                }
+                } */
             }
         }
 

FengqiTupupOfficeVue/src/components/footer/pageFooter.vue

@@ -9,7 +9,7 @@
             <div class="footer-item-content">
                 <p>健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。<a href="/html/privacy_prolicy.html">用户隐私协议</a></p>
                 <p>2018©深圳市龙海互娱科技有限公司 All Rights Reserved.深圳市宝安区新安街道海滨社区N26区宝兴路21号万骏经贸大厦1601（仅限办公用途）</p>
-              <p><span><a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备18021753号-1</a> 增值电信业务经营许可证：粤B2-20191115 粤网文[2018]7929-2850号</span></p>
+              <p><span><a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备18021753号-1</a> 增值电信业务经营许可证：粤B2-20191115 <!-- 粤网文[2018]7929-2850号 --></span></p>
                 <p>
                     <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030602003399"
                        target="_blank"

FengqiTupupOfficeVue/src/config/router.config.js

@@ -3,7 +3,7 @@ export const asyncRouterMap = [
   {
     path: '/',
     name: 'index',
-    meta: { title: '首页'},
+    meta: { title: '龙海互娱'},
     component: () => import('@/views/index/index')
   },
   // {
@@ -71,12 +71,12 @@ export const asyncRouterMap = [
     meta: { title: '人才招聘'},
     component: () => import('@/views/join/join'),
   },
-  {
+  /* {
     path: '/raiders',
     name: 'raiders',
     meta: { title: '游戏攻略'},
     component: () => import('@/views/raiders/raiders'),
-  },
+  }, */
   {
     path: '/contact',
     name: 'contact',

FengqiTupupOfficeVue/src/views/contact/contact.vue

@@ -60,8 +60,8 @@
       return {
         navbarList: [],
         messageList: [
-          { title: '商务联系',titleSecond:'市场部', email:'business@funqueue.com',phone:'0755-23590084'},
-          { title: '媒介联系',titleSecond:'市场部', email:' zhonghanlong@funqueue.com'},
+          { title: '商务联系',titleSecond:'市场部', email:'liusicheng@funqueue.com',phone:'0755-23590084'},
+          { title: '媒介联系',titleSecond:'市场部', email:' liusicheng@funqueue.com'},
           { title: '人力资源',titleSecond:'人力资源部', email:'hr@funqueue.com',phone:'0755-23590084'},
           { title: '客服电话',titleSecond:'客服部', phone:'0755-27083935'},
 

FengqiTupupOfficeVue/src/views/index/index.vue

@@ -73,12 +73,12 @@
             return {
                 navbarList: [],
                 productList: [
-                    {default: 'cs_01', active: 'jg_01', backgroundImage: 'cs_01', on: false},
+                    {default: 'cs_01', active: 'jg_01', backgroundImage: 'cs_01', on: false}/* ,
                     {default: 'cs_03', active: 'jg_03', backgroundImage: 'cs_03', on: true},
                     {default: 'cs_04', active: 'jg_04', backgroundImage: 'cs_04', on: false},
                     {default: 'cs_07', active: 'jg_07', backgroundImage: 'cs_07', on: false},
                     {default: 'cs_05', active: 'jg_05', backgroundImage: 'cs_05', on: false},
-                    {default: 'cs_06', active: 'jg_06', backgroundImage: 'cs_06', on: false}
+                    {default: 'cs_06', active: 'jg_06', backgroundImage: 'cs_06', on: false} */
                 ]
             }
         },