移除了无用的资源;

头部图片资源修改;
This commit is contained in:
User
2025-10-10 15:44:38 +08:00
parent f68cd4e0fd
commit 57737aa12a
170 changed files with 423 additions and 242 deletions

View File

@@ -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;