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
aa52febb
Commit
aa52febb
authored
Oct 24, 2023
by
KesaubeEire
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
style: 图片高度统一
parent
d05c83a6
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
22 additions
and
10 deletions
+22
-10
README.md
README.md
+2
-2
src/Content.svelte
src/Content.svelte
+6
-6
src/components/card.svelte
src/components/card.svelte
+14
-2
No files found.
README.md
View file @
aa52febb
...
...
@@ -79,8 +79,8 @@ npm run build:prod
-
[x] 展示基础卡片
-
[x] 图片
-
[x] 点击 Cover 预览所有图片
-
[x]
TODO:
懒加载 -> 有瀑布流后大概可以不需要懒加载了?
-
[
] TODO:
图片高度统一
-
[x] 懒加载 -> 有瀑布流后大概可以不需要懒加载了?
-
[
x]
图片高度统一
-
[x] 语言
-
[x] TAG
-
[x] 展示
...
...
src/Content.svelte
View file @
aa52febb
...
...
@@ -386,6 +386,12 @@
{#if List.length}
<div class="cardContainer justify-evenly gap-4 my-3" transition:fade={{ delay: 0, duration: 300 }}>
<!-- 示例卡片, 留着 -->
<!-- <Card raw_tags="|示例1|示例2|" cover="123"/> -->
<!-- <Card raw_tags="|示例1|示例2|" /> -->
<!-- <Card raw_tags="|示例1|示例2|" /> -->
<!-- <Card raw_tags="|示例1|示例2|" /> -->
{#each List as item}
<Card
title={item.cn_name}
...
...
@@ -399,12 +405,6 @@
p_searchCategory={searchCategory}
/>
{/each}
<!-- 示例卡片, 留着 -->
<!-- <Card raw_tags="|示例1|示例2|" /> -->
<!-- <Card raw_tags="|示例1|示例2|" /> -->
<!-- <Card raw_tags="|示例1|示例2|" /> -->
<!-- <Card raw_tags="|示例1|示例2|" /> -->
</div>
{/if}
...
...
src/components/card.svelte
View file @
aa52febb
...
...
@@ -84,8 +84,20 @@
<div class="card w-80 bg-primary text-primary-content shadow-xl">
<!-- NOTE: Cover -->
<figure>
<figure class="relative">
<!-- {#if !_picError} -->
<img
class="w-80 h-60 object-cover blur-lg"
src={cover ?? '/favicon.ico'}
alt={title ?? 'default alt'}
style={_picError ? 'height: 240px; width: 320px;' : ''}
on:click={getInfoPics}
onclick="globalModal.showModal()"
on:keypress={() => {}}
/>
<!-- {/if} -->
<img
class="left-0 top-0 absolute w-80 h-60 object-contain"
src={cover ?? '/favicon.ico'}
alt={title ?? 'default alt'}
style={_picError ? 'height: 240px; width: 320px;' : ''}
...
...
@@ -95,7 +107,7 @@
on:keypress={() => {}}
/>
</figure>
<div class="card-body">
<div class="card-body
justify-between
">
<h2 class="card-title block text-lg">
<!-- NOTE: 游戏类别 -->
<div
...
...
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