|
|
<template>
|
|
|
<Row class="layout-header">
|
|
|
<Col :span="12" class="brand-title">
|
|
|
<i class="iconfont icon-alignjustify" aria-hidden="true" @click="$emit('menu-trigger')"></i>
|
|
|
{{userInfo.name}}
|
|
|
<Col :span="12" class="layout-header-left">
|
|
|
<div class="title">
|
|
|
<i class="iconfont icon-alignjustify" aria-hidden="true" @click="$emit('menu-trigger')"></i>
|
|
|
<span v-if="!showLoading" class="name">{{userInfo.currentShop.shopName}}</span>
|
|
|
</div>
|
|
|
<ul class="notice">
|
|
|
<li><span>|<a href="/rules.pdf" target="_blank">平台规则</a></span></li>
|
|
|
<li><span>|<a href="/user-guide.pdf" target="_blank">使用手册</a></span></li>
|
|
|
<li><span>|</span></li>
|
|
|
</ul>
|
|
|
</Col>
|
|
|
<Col :span="12" class="shop-info">
|
|
|
<span v-if="!showLoading" class="name">{{userInfo.currentShop.shopName}}</span>
|
|
|
<Col :span="12" class="layout-header-right">
|
|
|
<span>你好,{{userInfo.name}}</span>
|
|
|
<span v-if="showLoading" class="loading">切换中...</span>
|
|
|
<span>|</span>
|
|
|
<Dropdown @on-click="switchShop" trigger="click">
|
...
|
...
|
@@ -92,7 +99,7 @@ export default { |
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
.shop-info {
|
|
|
.layout-header-right {
|
|
|
text-align: right;
|
|
|
padding-right: 20px;
|
|
|
|
...
|
...
|
@@ -116,5 +123,31 @@ export default { |
|
|
margin-left: 5px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.layout-header-left {
|
|
|
.title {
|
|
|
float: left;
|
|
|
}
|
|
|
|
|
|
.notice {
|
|
|
float: left;
|
|
|
margin-left: 30px;
|
|
|
|
|
|
li {
|
|
|
float: left;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
|
|
|
span {
|
|
|
color: #ccc;
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
color: #444;
|
|
|
margin-left: 10px;
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</style> |
...
|
...
|
|