对照设计图修改页面

This commit is contained in:
qq787203167
2022-02-25 18:21:40 +08:00
parent ce208e3a52
commit 5ed4dddb1c
18 changed files with 449 additions and 346 deletions
+19 -17
View File
@@ -3,22 +3,22 @@
<a-layout-header
v-if="!headerBarFixed"
:class="[fixedHeader && 'ant-header-fixedHeader', sidebarOpened ? 'ant-header-side-opened' : 'ant-header-side-closed', ]"
:style="{ padding: '0' }">
:style="{ padding: '0' , background:'#fff'}">
<div v-if="mode === 'sidemenu'" class="header" :class="theme">
<a-icon
v-if="device==='mobile'"
class="trigger"
:type="collapsed ? 'menu-fold' : 'menu-unfold'"
@click="toggle"></a-icon>
<a-icon
v-else
class="trigger"
:type="collapsed ? 'menu-unfold' : 'menu-fold'"
@click="toggle"/>
<!-- <a-icon-->
<!-- v-if="device==='mobile'"-->
<!-- class="trigger"-->
<!-- :type="collapsed ? 'menu-fold' : 'menu-unfold'"-->
<!-- @click="toggle"></a-icon>-->
<!-- <a-icon-->
<!-- v-else-->
<!-- class="trigger"-->
<!-- :type="collapsed ? 'menu-unfold' : 'menu-fold'"-->
<!-- @click="toggle"/>-->
<span v-if="device === 'desktop'">欢迎进入 蔚来法规</span>
<span v-else>Jero-Boot</span>
<!-- <span v-if="device === 'desktop'">欢迎进入 蔚来法规</span>-->
<!-- <span v-else>Jero-Boot</span>-->
<user-menu :theme="theme"/>
</div>
<!-- 顶部导航栏模式 -->
@@ -164,7 +164,7 @@
<style lang="less" scoped>
/* update_begin author:scott date:20190220 for: 缩小首页布局顶部的高度*/
@height: 59px;
@height: 56px;
.layout {
@@ -185,14 +185,16 @@
}
}
}
// @primary-color
.header {
z-index: 2;
color: white;
height: @height;
background-color: @primary-color;
line-height: @height;
background-color:#fff;
transition: background 300ms;
box-shadow: none!important;
border-bottom: 2px #EFF1F3 solid;
/* dark 样式 */
&.dark {
color: #000000;
@@ -321,10 +321,9 @@
.action {
cursor: pointer;
padding: 0 14px;
padding: 0 10px;
display: inline-block;
transition: all .3s;
height: 70%;
line-height: 46px;
@@ -585,7 +584,7 @@
}
img {
height: 32px;
/*height: 32px;*/
}
h1 {