From 244a169b021c4b535a2a44b229b53aa70515bcf6 Mon Sep 17 00:00:00 2001
From: Tomas <tomasysh@gmail.com>
Date: 星期日, 31 十月 2021 20:31:16 +0800
Subject: [PATCH] update#129066 - [header] 前端畫面刻版
---
PAMapp/components/NavBar.vue | 67 +++++++++++++++++++++++++++++++--
1 files changed, 62 insertions(+), 5 deletions(-)
diff --git a/PAMapp/components/NavBar.vue b/PAMapp/components/NavBar.vue
index 2de27f4..ac33281 100644
--- a/PAMapp/components/NavBar.vue
+++ b/PAMapp/components/NavBar.vue
@@ -1,9 +1,66 @@
<template>
- <div>Header
- <el-button @click="$router.push('/login')">��</el-button>
+ <header class="pam-header">
+ <img class="pam-header__logo" src="~/assets/images/logo.png" alt="">
+ <!-- <el-button @click="$router.push('/login')">��</el-button>
<el-button @click="$router.push('/notification')">���</el-button>
<el-button @click="$router.push('/accountSetting')">�犖撣唾�身摰�</el-button>
<el-button @click="$router.push('/record/contactRecord')">�������</el-button>
- <el-button @click="$router.push('/contactList/consultantList')">���蝯⊥�</el-button>
- </div>
-</template>
\ No newline at end of file
+ <el-button @click="$router.push('/contactList/consultantList')">���蝯⊥�</el-button> -->
+ <div class="pam-header__title">
+ ���兢蝳��蜓
+ <div class="pam-header__sub-title">
+ �����兢蝳�風��
+ </div>
+ </div>
+ <div class="pam-header__action-bar">
+ <i class="icon-bell"></i>
+ <i class="icon-avatar"></i>
+ </div>
+ </header>
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'vue-property-decorator';
+
+@Component
+export default class NavBar extends Vue {
+
+}
+</script>
+
+<style lang="scss" scoped>
+.pam-header {
+ height: 53px;
+ display: flex;
+ align-items: center;
+ .pam-header__logo {
+ height: 100%;
+ }
+ .pam-header__title {
+ flex: 1;
+ margin: 10px 0;
+ padding-left: 10px;
+ border-left: 1px solid #CCCCCC;
+ font-size: 16px;
+ font-weight: bold;
+ color: #68737A;
+ letter-spacing: 3.6px;
+ .pam-header__sub-title {
+ padding-top: 2px;
+ font-size: 13px;
+ font-weight: bold;
+ color: #F09491;
+ letter-spacing: 1.2px
+ }
+ }
+ .pam-header__action-bar {
+ display: flex;
+ font-size: 24px;
+ color: #1B365D;
+ font-weight: bold;
+ i {
+ padding: 0 15px;
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0