| @@ -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; | ||||