mirror of
https://github.com/yangjian102621/geekai.git
synced 2026-09-16 18:27:13 +00:00
RockYang
d4fd38ab7e
- 同步 Plus v4.3.1 功能源并移除商业 License 闭环 - 更新开源镜像命名、Docker 部署版本和 geekai 数据库配置 - 补充前端 ESLint 检查配置并修复存量解析与模板问题 - 保留 JWT、管理员权限、API Key 和 OAuth 等正常鉴权机制
99 lines
1.8 KiB
Vue
99 lines
1.8 KiB
Vue
<template>
|
|
<van-cell class="app-cell">
|
|
<div class="app-card">
|
|
<div class="app-info">
|
|
<div class="app-image">
|
|
<van-image :src="app.icon" round />
|
|
</div>
|
|
<div class="app-detail">
|
|
<div class="app-title">{{ app.name }}</div>
|
|
<div class="app-desc">{{ app.hello_msg }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="app-actions">
|
|
<van-button
|
|
size="small"
|
|
type="primary"
|
|
class="action-btn"
|
|
@click="$emit('use-role', app.id)"
|
|
>开始对话</van-button
|
|
>
|
|
</div>
|
|
</div>
|
|
</van-cell>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
app: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
})
|
|
|
|
defineEmits(['use-role'])
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.app-cell {
|
|
padding: 0;
|
|
margin-bottom: 15px;
|
|
|
|
.app-card {
|
|
background: var(--van-cell-background);
|
|
border-radius: 12px;
|
|
padding: 15px;
|
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
|
|
|
|
.app-info {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 15px;
|
|
|
|
.app-image {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-right: 15px;
|
|
|
|
:deep(.van-image) {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.app-detail {
|
|
flex: 1;
|
|
|
|
.app-title {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
margin-bottom: 5px;
|
|
color: var(--van-text-color);
|
|
}
|
|
|
|
.app-desc {
|
|
font-size: 13px;
|
|
color: var(--van-gray-6);
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
}
|
|
|
|
.app-actions {
|
|
display: flex;
|
|
gap: 10px;
|
|
|
|
.action-btn {
|
|
flex: 1;
|
|
border-radius: 20px;
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|