|
@@ -1,32 +1,7 @@
|
|
|
<template>
|
|
|
<div class="page-header">
|
|
|
<div class="page-header-index-wide">
|
|
|
- <!-- <s-breadcrumb /> -->
|
|
|
- <div class="detail">
|
|
|
- <div class="main" v-if="!$route.meta.hiddenHeaderContent">
|
|
|
- <!-- <div class="row">
|
|
|
- <img v-if="logo" :src="logo" class="logo"/>
|
|
|
- <h1 v-if="title" class="title">{{ title }}</h1>
|
|
|
- <div class="action">
|
|
|
- <slot name="action"></slot>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <div class="row">
|
|
|
- <div v-if="avatar" class="avatar">
|
|
|
- <a-avatar :src="avatar" />
|
|
|
- </div>
|
|
|
- <div v-if="this.$slots.content" class="headerContent">
|
|
|
- <slot name="content"></slot>
|
|
|
- </div>
|
|
|
- <div v-if="this.$slots.extra" class="extra">
|
|
|
- <slot name="extra"></slot>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <slot name="pageMenu"></slot>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <s-breadcrumb />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -63,92 +38,9 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.page-header {
|
|
|
- background: #fff;
|
|
|
- padding: 16px 32px 0;
|
|
|
- border-bottom: 1px solid #e8e8e8;
|
|
|
-
|
|
|
+ padding: 0 15px 0;
|
|
|
.breadcrumb {
|
|
|
- margin-bottom: 16px;
|
|
|
- }
|
|
|
-
|
|
|
- .detail {
|
|
|
- display: flex;
|
|
|
- /*margin-bottom: 16px;*/
|
|
|
-
|
|
|
- .avatar {
|
|
|
- flex: 0 1 72px;
|
|
|
- margin: 0 24px 8px 0;
|
|
|
-
|
|
|
- & > span {
|
|
|
- border-radius: 72px;
|
|
|
- display: block;
|
|
|
- width: 72px;
|
|
|
- height: 72px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .main {
|
|
|
- width: 100%;
|
|
|
- flex: 0 1 auto;
|
|
|
-
|
|
|
- .row {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
-
|
|
|
- .avatar {
|
|
|
- margin-bottom: 16px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .title {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 500;
|
|
|
-
|
|
|
- font-size: 20px;
|
|
|
- line-height: 28px;
|
|
|
- font-weight: 500;
|
|
|
- color: rgba(0, 0, 0);
|
|
|
- margin-bottom: 16px;
|
|
|
- flex: auto;
|
|
|
- }
|
|
|
- .logo {
|
|
|
- width: 28px;
|
|
|
- height: 28px;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 16px;
|
|
|
- }
|
|
|
- .content,
|
|
|
- .headerContent {
|
|
|
- flex: auto;
|
|
|
- color: rgba(0, 0, 0, 0.45);
|
|
|
- line-height: 22px;
|
|
|
-
|
|
|
- .link {
|
|
|
- margin-top: 16px;
|
|
|
- line-height: 24px;
|
|
|
-
|
|
|
- a {
|
|
|
- font-size: 14px;
|
|
|
- margin-right: 32px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .extra {
|
|
|
- flex: 0 1 auto;
|
|
|
- margin-left: 88px;
|
|
|
- min-width: 242px;
|
|
|
- text-align: right;
|
|
|
- }
|
|
|
- .action {
|
|
|
- margin-left: 56px;
|
|
|
- min-width: 266px;
|
|
|
- flex: 0 1 auto;
|
|
|
- text-align: right;
|
|
|
- &:empty {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ margin-bottom: 0;
|
|
|
}
|
|
|
}
|
|
|
|