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

Merge branch 'dev'

Browse Source
This commit is contained in:
奔跑的面条
2026-05-09 23:48:39 +08:00
parent 28d3082daa b0a574b97f
commit 09b60abb66
2 changed files with 46 additions and 10 deletions
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> <div>
<n-modal <n-modal
class="go-view-pro-ai" class="go-view-pro-ai"
title="GoViewPro AI" title="产品公告"
v-model:show="showModal" v-model:show="showModal"
preset="card" preset="card"
size="small" size="small"
transform-origin="center" transform-origin="center"
style="width: 700px" style="width: 900px"
> >
<n-divider style="margin: 4px 0 10px" /> <n-divider style="margin: 4px 0 10px" />
<n-flex> <n-grid :cols="2" :x-gap="16">
<n-text>点击前往查看👉：</n-text> <n-gi>
<n-a href="https://ai.goviewlink.com/saas/" target="_blank">https://ai.goviewlink.com/saas/</n-a> <n-flex vertical>
</n-flex> <n-flex align="center">
<n-a href="https://ai.goviewlink.com/saas/" target="_blank"> </n-a> <n-text strong>GoView AI</n-text>
<n-image class="go-view-pro-img" width="668" :src="aiImage" /> <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> </n-modal>
</div> </div>
</template> </template>
@@ -23,17 +45,31 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import aiImage from '@/assets/images/tips/go-view-pro-ai.png' 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) const showModal = ref(true)
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.go-view-pro-ai { .go-view-pro-ai {
.go-view-pro-img { .go-view-img-wrapper {
display: block;
width: 100%; width: 100%;
border-radius: 8px; border-radius: 8px;
overflow: hidden;
margin-top: 10px; 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> </style>