Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
R
rrpgLink_FrontEnd
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Locked Files
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Security & Compliance
Security & Compliance
Dependency List
License Compliance
Packages
Packages
List
Container Registry
Analytics
Analytics
CI / CD
Code Review
Insights
Issues
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kesaubeeire
rrpgLink_FrontEnd
Commits
9865790e
Commit
9865790e
authored
Oct 24, 2023
by
KesaubeEire
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: 给功能区所有按钮补充 tips && 统一按钮样式.
parent
aa52febb
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
17 additions
and
9 deletions
+17
-9
README.md
README.md
+1
-1
src/App.svelte
src/App.svelte
+8
-7
src/components/MenuWrapNav.svelte
src/components/MenuWrapNav.svelte
+8
-1
No files found.
README.md
View file @
9865790e
...
...
@@ -102,6 +102,6 @@ npm run build:prod
## Bugs
-
[x] 导航栏 Button 连续点击容易失败 -> 样式嵌套问题, 已解决
-
[
]
右上角的数个按钮中,只有【分类】【主题】鼠标移上去未变化样式
-
[
x] 补充整齐功能区按钮的 tips ->
右上角的数个按钮中,只有【分类】【主题】鼠标移上去未变化样式
-
[ ] 打开图片墙会改变地址栏,看起来还蛮怪的
-
[ ] 先输入搜索文字,再切换分类或 tag,要搜索的文字会被无视
src/App.svelte
View file @
9865790e
...
...
@@ -65,6 +65,7 @@
{
id: 'readme',
text: '使用说明',
hint: '必看的说明哟~',
click: () => {
console.log('TODO: click 弹出使用说明.');
},
...
...
@@ -218,31 +219,31 @@
/>
</div>
<li>
<div class="p-
3
tooltip tooltip-left" data-tip={Item.hint}>
<button on:mouseenter={Item.hover} on:click={Item.click}>{Item.text}</button>
<div class="p-
0
tooltip tooltip-left" data-tip={Item.hint}>
<button
class="p-3"
on:mouseenter={Item.hover} on:click={Item.click}>{Item.text}</button>
</div>
</li>
<!-- NOTE: 分类搜索 -->
<MenuWrapNav title="分类" tailwind="w-48 max-h-[70vh]">
<MenuWrapNav title="分类" tailwind="w-48 max-h-[70vh]"
tip="按语言和标签分类搜索"
>
<MenuCateTag {contentDom} />
</MenuWrapNav>
{:else}
<li>
<div class="p-
3
tooltip tooltip-left" data-tip={Item.hint}>
<button on:mouseenter={Item.hover} on:click={Item.click}>{Item.text}</button>
<div class="p-
0
tooltip tooltip-left" data-tip={Item.hint}>
<button
class="p-3"
on:mouseenter={Item.hover} on:click={Item.click}>{Item.text}</button>
</div>
</li>
{/if}
{/each}
<!-- NOTE: 主题 -->
<MenuWrapNav title="主题" tailwind="w-64 max-h-[70vh]">
<MenuWrapNav title="主题" tailwind="w-64 max-h-[70vh]"
tip="选择喜欢的主题"
>
<MenuTheme {themes} {setTheme} />
</MenuWrapNav>
<!-- NOTE: 配置 -->
<MenuWrapNav title="配置" tailwind="w-72 max-h-[70vh]">
<MenuWrapNav title="配置" tailwind="w-72 max-h-[70vh]"
tip="自定义适合的配置"
>
<MenuConfig />
</MenuWrapNav>
</ul>
...
...
src/components/MenuWrapNav.svelte
View file @
9865790e
...
...
@@ -5,11 +5,18 @@
export let title;
/**样式*/
export let tailwind;
/**悬浮提示*/
export let tip;
</script>
<li>
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<div class="dropdown dropdown-bottom dropdown-left p-0">
<div
class="
dropdown dropdown-bottom dropdown-left
tooltip tooltip-left px-0 py-3"
data-tip={tip}
>
<!-- svelte-ignore a11y-label-has-associated-control -->
<label tabindex="0" class="p-3">{title}</label>
<ul tabindex="0" class={tailwind + ' dropdown-content z-[31] p-2 shadow bg-base-100 rounded-box overflow-y-auto'}>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment