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

no message

Browse Source
This commit is contained in:
xuye
2025-10-10 10:32:37 +08:00
commit d560b2ae9d
219 changed files with 20979 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
pages/AIHub/AITools.vue Normal file
View File

@ -0,0 +1,125 @@
<template>
<div class="tools-container">
<div class="card" v-for="item in 6">
<div class="left">
<img src="" />
</div>
<div class="right">
<div>
<div class="title-text">
AI Diagnostic Tool Analyzes 10M+ Medical Images with 99.5% Accuracy
</div>
<div class="content-text">
Revolutionary AI system detects diseases from X-rays, MRIs, and CT scans using a database of 10
million annotated images, supporting early diagnosis in 150 countries.
</div>
</div>
<div class="bottom-info">
<div class="first">
<div>
<img src="/logo/logo_xs.png" />
<span>AI toolkit</span>
</div>
<div class="praise">
<img src="/logo/praise.png" />
<span>{{praise_count}}</span>
</div>
</div>
<div class="time">
<img src="/logo/clock.png" />
<span>2025-07-12</span>
</div>
</div>
</div>
</div>
<div>
<Pagination :current-page="currentPage" :total-pages="totalPages" @page-change="handlePageChange" />
</div>
</div>
</template>
<script>
export default {
data() {
return {
praise_count: 12,
currentPage: 1,
totalPages: 10, // 假设总页数为 10
}
},
methods: {
handlePageChange(pageNumber) {
this.currentPage = pageNumber;
},
}
}
</script>
<style lang="scss" scoped>
.card {
background: $white;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
border-radius: 12px;
padding: 40px 30px;
display: flex;
margin-bottom: 30px;
gap: 30px;
}
.left {
img {
width: 440px;
height: 220px;
border-radius: 6px;
}
}
.bottom-info,
.right {
display: flex;
justify-content: space-between;
}
.right {
flex-direction: column;
.title-text {
margin-bottom: 14px;
font-weight: 600;
font-size: $normal-font-size;
color: #3A4A65;
}
.content-text {
font-weight: 400;
font-size: $mid-font-size;
color: $grey-color;
}
}
.bottom-info {
color: #C8CFD7;
font-size: 15px;
.first {
width: 30%;
display: flex;
justify-content: space-between
}
img {
margin-right: 8px
}
div {
@include display-flex;
}
}
</style>

22
pages/AIHub/Frameworks.vue Normal file
View File

@ -0,0 +1,22 @@
<template>
<div>
<!-- 组件内容 -->
</div>
</template>
<script>
export default {
data() {
return {
// 数据项
}
},
methods: {
// 方法
}
}
</script>
<style lang="scss" scoped>
</style>

72
pages/AIHub/index.vue Normal file
View File

@ -0,0 +1,72 @@
<template>
<div id="normal-container">
<IntegratedLayout>
<div class="bread-menu">
<span>AI Hub</span>
<i class="el-icon-arrow-right"></i>
<span class="crumbs gradient-color">{{$route.name}}</span>
</div>
<div class="top-text">
<div class="title">
{{$route.name}}
</div>
<div class="description">
A comprehensive collection of cutting-edge AI tools, featuring detailed explanations of their
functionalities, practical usage, and real-world application scenarios. Quickly grasp emerging
product trends and learn how each tool can be leveraged for work, research, or creative projects.
</div>
</div>
<div class="input">
<div class="input-container">
<input type="text" placeholder="Please enter the key words">
<i class="el-icon-search gradient-color search-icon pointer"></i>
</div>
</div>
<nuxt-child />
</IntegratedLayout>
</div>
</template>
<script>
export default {
data() {
return {}
},
computed: {
},
created() {
console.log(this.$route)
},
methods: {
// 方法
}
}
</script>
<style lang="scss" scoped>
.bread-menu {
font-size: $mid-font-size;
margin: 100px 0;
}
.title {
font-weight: bold;
font-size: $huge-font-size1;
}
.description {
font-size: $big-font-size;
color: $grey-color;
}
.input {
display: flex;
justify-content: flex-end;
.input-container {
margin-top: 100px;
margin-bottom:60px;
}
}
</style>