12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <template>
- <div class="logo">
- <router-link :to="{name:'dashboard'}">
- <img src="~@/assets/logo.png" alt="logo">
- <h1 v-if="showTitle">{{ title }}</h1>
- </router-link>
- </div>
- </template>
- <script>
- export default {
- name: 'Logo',
- props: {
- title: {
- type: String,
- default: '',
- required: false
- },
- showTitle: {
- type: Boolean,
- default: false,
- required: false
- }
- }
- }
- </script>
- <style lang="scss" scoped>
- /*缩小首页布 局顶部的高度*/
- $height: 59px;
- .sider {
- box-shadow: none !important;
- .logo {
- height: $height !important;
- line-height: $height !important;
- box-shadow: none !important;
- transition: background 300ms;
- a {
- color: white;
- &:hover {
- color: rgba(255, 255, 255, 0.8);
- }
- }
- }
- &.light .logo {
- background-color: #1890ff;
- }
- }
- </style>
|