blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2026-05-10 14:38:10 +08:00
Code Issues Projects Releases Wiki Activity

Merge branch 'dev'

Browse Source
This commit is contained in:
奔跑的面条 2026-05-09 23:48:39 +08:00
commit 09b60abb66
2 changed files with 46 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/tips/go-view-flow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 461 KiB

56
src/components/Tips/GoViewProAI/index.vue
View File

@ -2,20 +2,42 @@
<div>
<n-modal
class="go-view-pro-ai"
title="GoViewPro AI"
title="产品公告"
v-model:show="showModal"
preset="card"
size="small"
transform-origin="center"
style="width: 700px"
style="width: 900px"
>
<n-divider style="margin: 4px 0 10px" />
<n-flex>
<n-text>点击前往查看👉：</n-text>
<n-a href="https://ai.goviewlink.com/saas/" target="_blank">https://ai.goviewlink.com/saas/</n-a>
</n-flex>
<n-a href="https://ai.goviewlink.com/saas/" target="_blank"> </n-a>
<n-image class="go-view-pro-img" width="668" :src="aiImage" />
<n-grid :cols="2" :x-gap="16">
<n-gi>
<n-flex vertical>
<n-flex align="center">
<n-text strong>GoView AI</n-text>
<n-a href="https://ai.goviewlink.com/saas/" target="_blank">前往查看 👉</n-a>
</n-flex>
<n-a href="https://ai.goviewlink.com/saas/" target="_blank">
<div class="go-view-img-wrapper">
<img class="go-view-pro-img" :src="aiImage" />
</div>
</n-a>
</n-flex>
</n-gi>
<n-gi>
<n-flex vertical>
<n-flex align="center">
<n-text strong>GoView Flow</n-text>
<n-a href="https://ai.goviewlink.com/saas/flow/" target="_blank">前往查看 👉</n-a>
</n-flex>
<n-a href="https://ai.goviewlink.com/saas/flow/" target="_blank">
<div class="go-view-img-wrapper">
<img class="go-view-pro-img" :src="flowImage" />
</div>
</n-a>
</n-flex>
</n-gi>
</n-grid>
</n-modal>
</div>
</template>
@ -23,17 +45,31 @@
<script setup lang="ts">
import { ref } from 'vue'
import aiImage from '@/assets/images/tips/go-view-pro-ai.png'
import flowImage from '@/assets/images/tips/go-view-flow.png'
const showModal = ref(true)
</script>
<style scoped lang="scss">
.go-view-pro-ai {
.go-view-pro-img {
display: block;
.go-view-img-wrapper {
width: 100%;
border-radius: 8px;
overflow: hidden;
margin-top: 10px;
cursor: pointer;
:deep(img) {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
transition: transform 0.3s ease;
}
&:hover :deep(img) {
transform: scale(1.02);
}
}
}
</style>