图标更换
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
<div class="app">
|
||||
<img class="logo" src="@/assets/images/ui/share-logo@2x.png" alt="" />
|
||||
<div class="info">
|
||||
<span class="name">91短剧</span>
|
||||
<span class="name">黄果漫剧</span>
|
||||
<span class="desc">百万大神短剧原创</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,10 @@
|
||||
-->
|
||||
<template>
|
||||
<div class="header_search" :class="{ 'header_search--home': variant === 'home' }">
|
||||
<div class="header_logo" />
|
||||
<div class="header_logo">
|
||||
<img class="logo-icon" src="@/assets/images/ui/header-logo@2x.png" alt="" />
|
||||
<span class="logo-name">黄果漫剧</span>
|
||||
</div>
|
||||
<div class="search-input" @click.stop="toSearchPage">
|
||||
<img
|
||||
v-if="variant === 'home'"
|
||||
@@ -79,10 +82,22 @@ const toSearchPage = () => {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.header_logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 36px;
|
||||
width: 109px;
|
||||
background: url('@/assets/images/ui/header-logo@2x.png') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
.logo-icon {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.logo-name {
|
||||
color: #f2f2f4;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
letter-spacing: -0.15px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
.search-input {
|
||||
flex: 1;
|
||||
|
||||
Reference in New Issue
Block a user