You've already forked SmartisanNote.Remake
移除了无用的资源;
头部图片资源修改;
This commit is contained in:
@@ -1,18 +1,20 @@
|
||||
<template>
|
||||
<div class="code-fun-flex-row code-fun-items-center component">
|
||||
<!-- 左侧图标 -->
|
||||
<img class="left-icon" :src="leftIconSource" @click="handleLeftAction" />
|
||||
<div class="component">
|
||||
<div class="inner code-fun-flex-row code-fun-items-center">
|
||||
<!-- 左侧图标 -->
|
||||
<img class="left-icon" :src="leftIconSource" @click="handleLeftAction" />
|
||||
|
||||
<!-- 标题区域 -->
|
||||
<div class="title-container" @click="handleTitlePress">
|
||||
<span class="text">{{ title }}</span>
|
||||
<!-- 文件夹展开图标 -->
|
||||
<img v-if="showFolderIcon" class="folder-icon" :src="folderExpanded ? '/assets/icons/drawable-xxhdpi/folder_title_arrow_pressed.png' : '/assets/icons/drawable-xxhdpi/folder_title_arrow_normal.png'" @click.stop="handleFolderToggle" />
|
||||
<!-- 标题区域 -->
|
||||
<div class="title-container" @click="handleTitlePress">
|
||||
<span class="text">{{ title }}</span>
|
||||
<!-- 文件夹展开图标 -->
|
||||
<img v-if="showFolderIcon" class="folder-icon" :src="folderExpanded ? '/assets/icons/drawable-xxhdpi/folder_title_arrow_pressed.png' : '/assets/icons/drawable-xxhdpi/folder_title_arrow_normal.png'" @click.stop="handleFolderToggle" />
|
||||
</div>
|
||||
|
||||
<!-- 右侧操作按钮 -->
|
||||
<img v-if="actionIcon === 'create'" class="image_4" src="/assets/icons/drawable-xxhdpi/btn_create.png" @click="handleAction" />
|
||||
<div v-else class="image_4-placeholder"></div>
|
||||
</div>
|
||||
|
||||
<!-- 右侧操作按钮 -->
|
||||
<img v-if="actionIcon === 'create'" class="image_4" src="/assets/icons/drawable-xxhdpi/btn_create.png" @click="handleAction" />
|
||||
<div v-else class="image_4-placeholder"></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -123,15 +125,18 @@ const handleTitlePress = () => {
|
||||
|
||||
<style scoped lang="less">
|
||||
.component {
|
||||
padding: 2rem 0.72rem 0.5rem;
|
||||
background-color: #00000000;
|
||||
background-image: url(assets/icons/drawable-xxhdpi/action_bar_default.png);
|
||||
padding: 4.5rem 0.72rem 0.5rem;
|
||||
background-image: url(/assets/icons/drawable-xxhdpi/title_bar_background.png);
|
||||
background-size: 100% 100%;
|
||||
background-position: 0% 0%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.inner {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
transform: translateY(-3.2rem);
|
||||
}
|
||||
.left-icon,
|
||||
.image_4 {
|
||||
width: 1.7rem;
|
||||
|
||||
Reference in New Issue
Block a user