From f7ce96193e387313f31677c71746a94cf576190c Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 01 十二月 2023 09:49:41 +0800 Subject: [PATCH] 1、登录页面确定登录按钮下增加警告文字 2、全局顶部导航栏logo旁增加警告文字,主题改为深色 --- src/components/page/GlobalHeader.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 53 insertions(+), 3 deletions(-) diff --git a/src/components/page/GlobalHeader.vue b/src/components/page/GlobalHeader.vue index aceaf87..e9b6418 100644 --- a/src/components/page/GlobalHeader.vue +++ b/src/components/page/GlobalHeader.vue @@ -26,6 +26,10 @@ <div class="header-index-wide"> <div class="header-index-left" :style="topMenuStyle.headerIndexLeft"> <logo class="top-nav-header" :show-title="device !== 'mobile'" :style="topMenuStyle.topNavHeader"/> + <div class="top-nav-text"> + <div style="width:100%;height: 50%;line-height:35px">瀵嗙骇锛氬唴閮�</div> + <div style="width:100%;height: 50%;line-height:25px">璀﹀憡锛氭湰绯荤粺绂佹瀛樺偍銆佸鐞嗐�佷紶杈撴秹瀵嗕俊鎭�</div> + </div> <div v-if="device !== 'mobile'" :style="topMenuStyle.topSmenuStyle"> <s-menu mode="horizontal" @@ -58,7 +62,7 @@ components: { UserMenu, SMenu, - Logo, + Logo }, mixins: [mixin], props: { @@ -97,7 +101,7 @@ headerIndexRight: {}, topSmenuStyle: {} }, - chatStatus: '', + chatStatus: '' } }, watch: { @@ -162,7 +166,7 @@ // update-begin-author:sunjianlei date:20210508 for: 淇鍔ㄦ�佸姛鑳芥祴璇曡彍鍗曘�佸甫鍙傛暟鑿滃崟鏍囬閿欒銆佸睍寮�閿欒鐨勯棶棰� handleUpdateMenuTitle(value) { this.$emit('updateMenuTitle', value) - }, + } // update-end-author:sunjianlei date:20210508 for: 淇鍔ㄦ�佸姛鑳芥祴璇曡彍鍗曘�佸甫鍙傛暟鑿滃崟鏍囬閿欒銆佸睍寮�閿欒鐨勯棶棰� } @@ -223,4 +227,50 @@ /* update_end author:scott date:20190220 for: 缂╁皬棣栭〉甯冨眬椤堕儴鐨勯珮搴�*/ + .top-nav-text { + color: #f00; + height: 100% + } + + @media screen and (min-width: 1920px) { + .top-nav-text { + width: 400px; + } + } + + @media screen and (min-width: 1680px) and (max-width: 1920px) { + .top-nav-text { + width: 400px; + } + } + + @media screen and (min-width: 1400px) and (max-width: 1680px) { + .top-nav-text { + width: 500px; + } + + .top-nav-header { + display: none; + } + } + + @media screen and (min-width: 1280px) and (max-width: 1400px) { + .top-nav-text { + width: 600px; + } + + .top-nav-header { + display: none; + } + } + + @media screen and (max-width: 1280px) { + .top-nav-text { + width: 600px; + } + + .top-nav-header { + display: none; + } + } </style> \ No newline at end of file -- Gitblit v1.9.3