@@ -48,6 +48,8 @@ | |||||
<script> | <script> | ||||
import navFooter from "@/components/common/nav_footer"; | import navFooter from "@/components/common/nav_footer"; | ||||
import Cookies from "js-cookie"; | |||||
export default { | export default { | ||||
name: "App", | name: "App", | ||||
components: { navFooter }, | components: { navFooter }, | ||||
@@ -65,7 +67,7 @@ export default { | |||||
let toName = to.name; | let toName = to.name; | ||||
// 判断当前页面的路由 | // 判断当前页面的路由 | ||||
if (toName&&toName.indexOf('CJ')>-1) { | if (toName&&toName.indexOf('CJ')>-1) { | ||||
this.isCq = true; | |||||
this.isCq = Cookies.get('isCq')?Cookies.get('isCq'):false; | |||||
} | } | ||||
}, | }, | ||||
}, | }, | ||||
@@ -77,16 +79,18 @@ export default { | |||||
:root{ | :root{ | ||||
--transform: scale(1.15); | --transform: scale(1.15); | ||||
--fontSize: 0.35rem; | |||||
--fontSize: 2.2vh; | |||||
/*--color:#e8041f;*/ | /*--color:#e8041f;*/ | ||||
} | } | ||||
.nsgk-global-main { | .nsgk-global-main { | ||||
min-height: 100vh; | min-height: 100vh; | ||||
padding-bottom: 110px; | padding-bottom: 110px; | ||||
} | } | ||||
p,span,.van-cell__title,.van-col{ | |||||
/*transform: var(--transform)!important;*/ | |||||
font-size: var(--fontSize)!important; | |||||
.isCq{ | |||||
p,span,.van-cell__title,.van-col{ | |||||
/*transform: var(--transform)!important;*/ | |||||
font-size: var(--fontSize)!important; | |||||
} | |||||
} | } | ||||
// .fade-last-enter-active { | // .fade-last-enter-active { | ||||
// animation: bounce-in 0.6s; | // animation: bounce-in 0.6s; | ||||
@@ -53,7 +53,7 @@ | |||||
@load="getList()" | @load="getList()" | ||||
> | > | ||||
<!-- @load="newList"--> | <!-- @load="newList"--> | ||||
<van-cell v-for="item in newList" :key="item.id" :label="item.newsTime" :to="{name:'newDetail', query: {id:item.id}}"> | |||||
<van-cell v-for="item in newList" :key="item.id" :label="item.newsTime" :to="{name:'newDetailCJ', query: {id:item.id}}"> | |||||
<!-- 使用 right-icon 插槽来自定义右侧图标 --> | <!-- 使用 right-icon 插槽来自定义右侧图标 --> | ||||
<template #title> | <template #title> | ||||
<p class="newContent">{{item.title}}</p> | <p class="newContent">{{item.title}}</p> | ||||
@@ -45,6 +45,9 @@ export default { | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
padding: 0.5rem 5%; | padding: 0.5rem 5%; | ||||
} | |||||
iframe{ | |||||
width: 100%; | |||||
} | } | ||||
.title{ | .title{ | ||||
text-align: center; | text-align: center; | ||||
@@ -169,11 +169,13 @@ export default { | |||||
}, | }, | ||||
openBig(){ | openBig(){ | ||||
document.documentElement.style.setProperty('--fontSize', '2.2vh'); | |||||
this.$parent.isCq = true; | |||||
Cookies.set('isCq',true) | |||||
}, | }, | ||||
openSmall(){ | openSmall(){ | ||||
document.documentElement.style.setProperty('--fontSize', '0.4rem'); | |||||
this.$parent.isCq = false; | |||||
Cookies.remove('isCq') | |||||
} | } | ||||
}, | }, | ||||
}; | }; | ||||
@@ -211,7 +213,7 @@ export default { | |||||
border-radius: 5px; | border-radius: 5px; | ||||
margin-left: 10px; | margin-left: 10px; | ||||
cursor: pointer; | cursor: pointer; | ||||
font-size: 16px; | |||||
font-size: 14Px; | |||||
} | } | ||||
.header{ | .header{ | ||||
background-color: #007E72; | background-color: #007E72; | ||||