xuye929/AIProd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复bug

Browse Source
This commit is contained in:
qiuxiao
2025-10-31 15:58:11 +08:00
parent d3375a347f
commit c54f9c9976
29 changed files with 823 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/Home/components/PopularToolList.vue
View File

@ -70,6 +70,7 @@ export default {
background: #FFFFFF;
border-radius: 12px;
border: 1px solid #E2E8F0;
padding: 6px;
@include flex-center;
&:hover {
@ -78,6 +79,11 @@ export default {
@include gradient-border($linear-gradient-start, $linear-gradient-end);
box-shadow: 0 5px 7px 0 #00000014;
}
img {
width: 100%;
height: 100%;
}
}
.pop-item {

34
pages/Home/components/ToolItemCard.vue
View File

@ -46,14 +46,13 @@ export default {
<template>
<div class="card-caontainer" @click="goToToolDetail">
<div class="title">
<img :src="config.iconUrl || '/'" alt="" />
<span style="font-size: 18px">
<div class="icon">
<img :src="config.iconUrl || '/'" alt="" />
</div>
<span class="title-text">
{{ config.name || '' }}
</span>
</div>
<!--<div class="text"-->
<!-- v-if="config.memo && containsHtml(config.memo + '</p>')"-->
<!-- v-html="config.memo"></div>-->
<div class="text">
{{ config.memo ? config.memo : '' }}
</div>
@ -62,13 +61,13 @@ export default {
<style scoped lang="scss">
.card-caontainer {
width: 100%;
height: 100%;
background: #FFFFFF;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 16px;
border: 1px solid #E2E8F0;
height: 100%;
box-sizing: border-box;
&:hover {
cursor: pointer;
@ -86,9 +85,24 @@ export default {
align-items: center;
gap: 10px;
img {
.title-text {
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.icon {
width: 40px;
height: 40px;
border-radius: 6px;
background: #f9fafc;
padding: 6px;
img {
width: 28px;
height: 28px;
flex-shrink: 0;
}
}
span {
@ -96,6 +110,10 @@ export default {
font-size: $big-font-size;
font-weight: 600;
font-family: 'Poppins-SemiBold', serif;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}

9
pages/Home/components/ToolList.vue
View File

@ -3,8 +3,8 @@
<div v-for="item in list" class="tools" @click="checkTool(item)">
<span class="tool-card" :class="item.active?'checkedBg':''">
<span class="content">
<img :src="''" alt="" />
<span>{{ item.name }}</span>
<img :src="item.icon || ''" alt="" />
<span>{{ item.name || '' }}</span>
</span>
</span>
</div>
@ -57,6 +57,11 @@
display: inline-block;
font-weight: 600;
font-family: 'Poppins-SemiBold', serif;
cursor: pointer;
&:hover {
color: $white;
background: linear-gradient(90deg, $linear-gradient-start 22%, $linear-gradient-end 73%);
}
.content {
@include display-flex;

22
pages/Home/components/Toolbar.vue
View File

@ -3,7 +3,7 @@
<div class="bar-list">
<div class="top-box">
<div class="title-wrap">
<img :src="`/logo/${tool.img}_check.png`" alt="" />
<img :src="category_icon || ''" alt="" />
<span class="title-text gradient-color">
{{tool.categoryName}}
</span>
@ -27,7 +27,7 @@
View more<i class="el-icon-arrow-right"></i>
</div>
<div class="item-card" v-if="tool.tools && tool.tools.length">
<div v-for="(item, index) in tool.tools" :key="index" style="min-height: 110px">
<div v-for="(item, index) in tool.tools" :key="index" class="item">
<ToolItemCard :config="item" :categorySlug="categorySlug" />
</div>
</div>
@ -56,6 +56,10 @@
categorySlug: {
type: String,
default: '',
},
category_icon: {
type: String,
default: '',
}
},
data() {
@ -78,6 +82,11 @@
display: flex;
align-items: center;
gap: 6px;
img {
width: 24px;
height: 24px;
}
}
.bar-list {
@ -115,10 +124,6 @@
color: #64748B;
font-weight: 600;
&:active {
// cursor: grabbing;
/* 抓取中状态 */
}
}
.more {
@ -138,5 +143,10 @@
gap: 20px;
grid-template-columns: repeat(4, 1fr);
margin-top: 30px;
.item {
min-height: 110px;
width: 100%;
overflow: hidden;
}
}
</style>