| | |
|---|
| | | <div class="common-header"> |
|---|
| | | <div class="header"> |
|---|
| | | <div class="logo"> |
|---|
| | | <div class="title">{{ title }}</div> |
|---|
| | | <div class="title"> <img src="@/assets/system.png" alt="" />{{ title }}</div> |
|---|
| | | <div class="list"> |
|---|
| | | <div :class="index==currentIndex?'item active':'item'" v-for="(item,index) in topMenuList.list" :key="item.id" @click="getHeaderNav(item,index)" :index="index">{{item.label}} |
|---|
| | | <div v-if="index==currentIndex" class="linellae"></div> |
|---|
| | |
|---|
| | | box-sizing: border-box; |
|---|
| | | min-width: 360px; |
|---|
| | | height: 56px; |
|---|
| | | padding: 10px 30px; |
|---|
| | | padding: 10px 20px; |
|---|
| | | // flex-shrink: 0; |
|---|
| | | line-height: 36px; |
|---|
| | | font-size: 22px; |
|---|
| | |
|---|
| | | align-items: center; |
|---|
| | | |
|---|
| | | .title { |
|---|
| | | display: flex; |
|---|
| | | color: rgb(255, 255, 255); |
|---|
| | | font-size: 18px; |
|---|
| | | width: 320px; |
|---|
| | | font-weight: 700; |
|---|
| | | font-family: "Microsoft Yahei", "sans-serif", "segoe UI", "PingFang SC", arial, Helvetica; |
|---|
| | | //font-size: 18px; |
|---|
| | | //width: 320px; |
|---|
| | | img{ |
|---|
| | | width:auto ; |
|---|
| | | height: 32px; |
|---|
| | | margin-right: 5px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // display: inline; |
|---|
