From a8a41e5d9036ad4429d1593d708e548dd3c2cc71 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Thu, 26 Jun 2025 17:35:30 +0800
Subject: [PATCH] feat:算法仓库
---
src/views/algorithmRepository/algorithmRepository.vue | 18 +++++++++---------
1 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/views/algorithmRepository/algorithmRepository.vue b/src/views/algorithmRepository/algorithmRepository.vue
index 2898bd2..f818613 100644
--- a/src/views/algorithmRepository/algorithmRepository.vue
+++ b/src/views/algorithmRepository/algorithmRepository.vue
@@ -67,7 +67,7 @@
<div class="imgitem" v-for="(item, index) in detailData" :key="index">
<el-image
ref="imageRef"
- :src="item.url"
+ :src="getSmallImg(item.url)"
show-progress
:preview-src-list="detailData.map(i => i.url)"
fit="cover"
@@ -127,10 +127,6 @@
size: 10,
});
-// const getSmallImg = (url) => {
-
-// return url ? encodeURI(url.substring(0, url.lastIndexOf('.')) + '_small' + url.substring(url.lastIndexOf('.'))) : ''
-// }
// 请求字典字段
let AlgorithmData = ref([]);
const detailData = ref([]);
@@ -208,15 +204,19 @@
</script>
<style scoped lang="scss">
+.algorithContainer {
+height: 100%;
+overflow: auto;
+}
.algorithItem {
- padding: 20px;
+ // padding: 20px;
display: grid;
grid-template-columns: repeat(5, 1fr);
- gap: 53px;
+ // gap: 13px;
text-align: center;
vertical-align: middle;
.item {
- height: 300px;
+ height: 269px;
display: flex;
flex-direction: column;
justify-content: center;
@@ -231,7 +231,7 @@
.imgicon {
width: 100px;
height: 100px;
- margin-bottom: 47px;
+ margin-bottom: 17px;
}
&:hover {
background: url('/src/assets/images/ht-sfbg-hover.png') no-repeat center;
--
Gitblit v1.9.3