|
@@ -1,10 +1,10 @@
|
|
|
<template>
|
|
|
<div class="index">
|
|
|
<index-navbar :navbarList="navbarList" model="index">
|
|
|
-
|
|
|
- </index-navbar>
|
|
|
|
|
|
-
|
|
|
+ </index-navbar>
|
|
|
+
|
|
|
+
|
|
|
|
|
|
<div class="content">
|
|
|
<div class="product">
|
|
@@ -15,7 +15,7 @@
|
|
|
<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)" >
|
|
@@ -27,10 +27,40 @@
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
+ <!--add footer ray@2022.11.11-->
|
|
|
+ <div class="product-footer">
|
|
|
+ <div class="product-footer-wrapper">
|
|
|
+ <div class="qr-code">
|
|
|
+ <div class="qr-item">
|
|
|
+ <img src="https://file.funcheergame.com/office/image/wx_qr_code.png" alt="">
|
|
|
+ <p>關注鳳起官方微信公眾號</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="footer-link">
|
|
|
+ <div class="footer-link-wrapper">
|
|
|
+ <div class="footer-link-item" v-for="item in navbarList">
|
|
|
+ <router-link :to="item.path">
|
|
|
+ <a class="link-title"><span>{{item.meta.title}}</span></a>
|
|
|
+ </router-link>
|
|
|
+
|
|
|
+ <dl class="link-content-wrapper">
|
|
|
+ <dd class="link-content-item" v-for="ii in item.children">
|
|
|
+ <router-link :to="ii.path">
|
|
|
+ <a href="#">{{ii.meta.title}}</a>
|
|
|
+ </router-link>
|
|
|
+
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <page-footer></page-footer> -->
|
|
|
+ <page-footer></page-footer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -41,50 +71,42 @@
|
|
|
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: [
|
|
|
+ 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:''
|
|
|
+ {default: 'cs_06', active: 'jg_06', backgroundImage: 'cs_06', on: false}
|
|
|
+ ],
|
|
|
+ title:''
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
carousel,
|
|
|
PageFooter,
|
|
|
IndexNavbar,
|
|
|
- lang
|
|
|
+ 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
|
|
|
- }
|
|
|
+ //检测浏览器版本
|
|
|
+ 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() {
|
|
|
|