feature:上线前细节数据调整
This commit is contained in:
pixelMax(奇淼
@@ -4,17 +4,30 @@
|
||||
!-->
|
||||
|
||||
<template>
|
||||
<el-carousel class=" h-40">
|
||||
<el-carousel-item v-for="(item , index) in banners" :key="index">
|
||||
<el-image :src="item" class="" fit="contain"></el-image>
|
||||
<el-carousel class="-mt-2">
|
||||
<el-carousel-item class="cursor-pointer lg:h-40" v-for="(item , index) in banners" :key="index" @click="openLink(item.link)">
|
||||
<el-image class="h-full w-full" :src="item.img" fit="fill"></el-image>
|
||||
</el-carousel-item>
|
||||
</el-carousel>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import banner from "@/assets/banner.jpg"
|
||||
import banner2 from "@/assets/banner2.jpg"
|
||||
|
||||
const openLink = (link) => {
|
||||
window.open(link, '_blank')
|
||||
}
|
||||
|
||||
const banners = [
|
||||
"https://qmplusimg.henrongyi.top/171163573320240328-221254.jpg",
|
||||
"https://qmplusimg.henrongyi.top/1657463878org.png"
|
||||
{
|
||||
img: banner,
|
||||
link: "https://gin-vue-admin.com/empower/index.html"
|
||||
},
|
||||
{
|
||||
img: banner2,
|
||||
link: "https://plugin.gin-vue-admin.com"
|
||||
}
|
||||
]
|
||||
</script>
|
||||
|
||||
|
||||
@@ -5,6 +5,7 @@ import GvaTable from "./table.vue"
|
||||
import GvaNotice from "./notice.vue"
|
||||
import GvaQuickLink from "./quickLinks.vue"
|
||||
import GvaWiki from "./wiki.vue"
|
||||
import GvaPluginTable from "./pluginTable.vue"
|
||||
|
||||
export {
|
||||
GvaBanner,
|
||||
@@ -13,6 +14,6 @@ export {
|
||||
GvaTable,
|
||||
GvaNotice,
|
||||
GvaQuickLink,
|
||||
GvaWiki
|
||||
|
||||
GvaWiki,
|
||||
GvaPluginTable
|
||||
}
|
||||
|
||||
@@ -9,9 +9,11 @@
|
||||
<el-tag :type="item.type" size="small">
|
||||
{{ item.typeTitle }}
|
||||
</el-tag>
|
||||
<div class="text-xs text-gray-700 dark:text-gray-300 line-clamp-1">
|
||||
{{ item.title }}
|
||||
</div>
|
||||
<el-tooltip effect="light" :content="item.title" placement="top">
|
||||
<div class="text-xs text-gray-700 dark:text-gray-300 line-clamp-1">
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-scrollbar>
|
||||
</template>
|
||||
@@ -21,52 +23,52 @@
|
||||
{
|
||||
type : 'primary',
|
||||
typeTitle : "公告",
|
||||
title : "公告1公告1公告1公告1公告1公告1公告1公告1公告1公告1公告1公告1",
|
||||
title : "授权费将在从六月一日起结束第一价格梯度，进入第二价格梯度。",
|
||||
},
|
||||
{
|
||||
type : 'success',
|
||||
typeTitle : "通知",
|
||||
title : "通知1通知1通知1通知1通知1通知1通知1通知1通知1通知1通知1通知1通知1通知1",
|
||||
title : "授权后将进入专属飞书群，获取官方辅助。",
|
||||
},
|
||||
{
|
||||
type : 'warning',
|
||||
typeTitle : "警告",
|
||||
title : "警告1警告1警告1警告1警告1警告1警告1警告1警告1警告1警告1警告1警告1警告1",
|
||||
title : "授权可获得插件市场极大优惠价格。",
|
||||
},
|
||||
{
|
||||
type : 'danger',
|
||||
typeTitle : "错误",
|
||||
title : "错误1错误1错误1错误1错误1错误1错误1错误1错误1错误1错误1错误1错误1",
|
||||
typeTitle : "违规",
|
||||
title : "未授权商用将有可能被资源采集工具爬取并追责。",
|
||||
},
|
||||
{
|
||||
type : 'info',
|
||||
typeTitle : "信息",
|
||||
title : "信息1信息1信息1信息1信息1信息1信息1信息1信息1信息1信息1信息1信息1信息1信息1",
|
||||
title : "再次感谢您对开源事业的支持",
|
||||
},
|
||||
{
|
||||
type : 'primary',
|
||||
typeTitle : "公告",
|
||||
title : "公告2",
|
||||
title : "让创意更有价值。",
|
||||
},
|
||||
{
|
||||
type : 'success',
|
||||
typeTitle : "通知",
|
||||
title : "通知2",
|
||||
title : "让劳动更有意义。",
|
||||
},
|
||||
{
|
||||
type : 'warning',
|
||||
typeTitle : "警告",
|
||||
title : "警告2",
|
||||
title : "让思维更有深度。",
|
||||
},
|
||||
{
|
||||
type : 'danger',
|
||||
typeTitle : "错误",
|
||||
title : "错误2",
|
||||
title : "让生活更有趣味。",
|
||||
},
|
||||
{
|
||||
type : 'info',
|
||||
typeTitle : "信息",
|
||||
title : "信息2",
|
||||
title : "让公司更有活力。",
|
||||
}
|
||||
]
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,63 @@
|
||||
<!--
|
||||
@auther: bypanghu<bypanghu@163.com>
|
||||
@date: 2024/5/8
|
||||
!-->
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<el-table :data="tableData" stripe style="width: 100%" @row-click="toPath">
|
||||
<el-table-column prop="ranking" label="排名" width="80" align="center"/>
|
||||
<el-table-column prop="title" label="插件标题" show-overflow-tooltip>
|
||||
<template #default="{ row }">
|
||||
<a class="text-active" :href="row.link" target="_blank">{{ row.title }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="click_num" label="关注度" width="100" />
|
||||
<el-table-column prop="hot" label="热度值" width="100" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const tableData = [
|
||||
{
|
||||
ranking: 1,
|
||||
title : "组织管理插件:更方便管理组织，分配资源权限。",
|
||||
click_num : 523,
|
||||
hot : 263,
|
||||
link : "https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=36"
|
||||
},
|
||||
{
|
||||
ranking: 2,
|
||||
title : "Kubernetes容器管理:，Kubernetes 原生资源管理，提供炫酷的YAML 编辑，Pod 终端，方便运维兄弟管理k8s资源",
|
||||
click_num : 416,
|
||||
hot : 223,
|
||||
link : "https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=42"
|
||||
},
|
||||
{
|
||||
ranking: 3,
|
||||
title : "定时任务配置化管理:本插件用于对系统内部的定时任务进行配置化管理，可以配置自定义的函数和HTTP，可以配置cron和remark等等",
|
||||
click_num : 337,
|
||||
hot : 176,
|
||||
link : "https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=67"
|
||||
},
|
||||
{
|
||||
ranking: 4,
|
||||
title : "官网CMS系统：基于Gin-Vue-Admin 和 插件市场客户端开发基座开发的企业官网类（cms）系统",
|
||||
click_num : 292,
|
||||
hot : 145,
|
||||
link : "https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=69"
|
||||
},
|
||||
{
|
||||
ranking: 5,
|
||||
title : "微信支付插件：提供扫码支付功能（需自行对接业务）",
|
||||
click_num : 173,
|
||||
hot : 110,
|
||||
link : "https://plugin.gin-vue-admin.com/#/layout/newPluginInfo?id=28"
|
||||
},
|
||||
]
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
@@ -2,66 +2,88 @@
|
||||
@auther: bypanghu<bypanghu@163.com>
|
||||
@date: 2024/5/8
|
||||
!-->
|
||||
|
||||
<template>
|
||||
<div class="mt-8 w-full">
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 3xl:grid-cols-4">
|
||||
<div v-for="(item, index ) in shortcuts" :key="index" class="flex flex-col items-center mb-3 group ">
|
||||
<div class="w-8 h-8 rounded bg-gray-200 dark:bg-slate-500 flex items-center justify-center group-hover:bg-blue-400 cursor-pointer group-hover:text-white">
|
||||
<el-icon><Message /></el-icon>
|
||||
<div v-for="(item, index ) in shortcuts" :key="index" class="flex flex-col items-center mb-3 group cursor-pointer" @click="toPath(item)">
|
||||
<div class="w-8 h-8 rounded bg-gray-200 dark:bg-slate-500 flex items-center justify-center group-hover:bg-blue-400 group-hover:text-white">
|
||||
<el-icon><component :is="item.icon" /></el-icon>
|
||||
</div>
|
||||
<div class="text-xs mt-2 text-gray-700 dark:text-gray-300">
|
||||
{{ item.title }}
|
||||
</div>
|
||||
<div class="text-xs mt-2 text-gray-700 dark:text-gray-300">{{ item.title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 3xl:grid-cols-4 mt-8">
|
||||
<div v-for="(item, index ) in recentVisits" :key="index" class="flex flex-col items-center mb-3 group">
|
||||
<div class="w-8 h-8 rounded bg-gray-200 dark:bg-slate-500 flex items-center justify-center group-hover:bg-blue-400 cursor-pointer group-hover:text-white">
|
||||
<el-icon><Message /></el-icon>
|
||||
<div v-for="(item, index ) in recentVisits" :key="index" class="flex flex-col items-center mb-3 group cursor-pointer" @click="openLink(item)">
|
||||
<div class="w-8 h-8 rounded bg-gray-200 dark:bg-slate-500 flex items-center justify-center group-hover:bg-blue-400 group-hover:text-white">
|
||||
<el-icon><component :is="item.icon" /></el-icon>
|
||||
</div>
|
||||
<div class="text-xs mt-2 text-gray-700 dark:text-gray-300">
|
||||
{{ item.title }}
|
||||
</div>
|
||||
<div class="text-xs mt-2 text-gray-700 dark:text-gray-300">{{ item.title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { Menu,Link,User,Service,Document,Reading,Files,Memo } from '@element-plus/icons-vue'
|
||||
import {useRouter} from "vue-router";
|
||||
const router = useRouter()
|
||||
|
||||
const toPath = (item) => {
|
||||
router.push({name: item.path})
|
||||
}
|
||||
|
||||
const openLink = (item) => {
|
||||
window.open(item.path, '_blank')
|
||||
}
|
||||
const shortcuts = [
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接1",
|
||||
icon : Menu,
|
||||
title : "菜单管理",
|
||||
path : "menu",
|
||||
},
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接2",
|
||||
icon : Link,
|
||||
title : "API管理",
|
||||
path : "api",
|
||||
},
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接3",
|
||||
icon : Service,
|
||||
title : "角色管理",
|
||||
path : "authority",
|
||||
},
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接4",
|
||||
icon : User,
|
||||
title : "用户管理",
|
||||
path : "user",
|
||||
},
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接5",
|
||||
icon : Files,
|
||||
title : "自动化包",
|
||||
path: "autoPkg",
|
||||
},
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接6",
|
||||
icon : Memo,
|
||||
title : "自动代码",
|
||||
path: "autoCode",
|
||||
}
|
||||
]
|
||||
|
||||
const recentVisits = [
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接1",
|
||||
icon : Reading,
|
||||
title : "授权购买",
|
||||
path: "https://gin-vue-admin.com/empower/index.html",
|
||||
},
|
||||
{
|
||||
icon : "",
|
||||
title : "快捷链接2",
|
||||
icon : Document,
|
||||
title : "插件市场",
|
||||
path: "https://plugin.gin-vue-admin.com/#/layout/home",
|
||||
}
|
||||
]
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
@@ -8,8 +8,8 @@
|
||||
<el-table :data="tableData" stripe style="width: 100%">
|
||||
<el-table-column prop="ranking" label="排名" width="80" align="center" />
|
||||
<el-table-column prop="title" label="内容标题" show-overflow-tooltip />
|
||||
<el-table-column prop="click_num" label="点击量" width="100" />
|
||||
<el-table-column prop="daily_increase" label="日涨幅" width="100" />
|
||||
<el-table-column prop="click_num" label="关注度" width="100" />
|
||||
<el-table-column prop="hot" label="热度值" width="100" />
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
@@ -18,33 +18,33 @@
|
||||
const tableData = [
|
||||
{
|
||||
ranking: 1,
|
||||
title : "经济日报：财政政策要精准提升效能",
|
||||
click_num : 123,
|
||||
daily_increase : 0.1
|
||||
title : "更简洁的使用界面，更快速的操作体验",
|
||||
click_num : 523,
|
||||
hot : 263
|
||||
},
|
||||
{
|
||||
ranking: 2,
|
||||
title : "经济日报：财政政策要精准提升效能",
|
||||
click_num : 123,
|
||||
daily_increase : 0.1
|
||||
title : "更优质的服务，更便捷的使用体验",
|
||||
click_num : 416,
|
||||
hot : 223
|
||||
},
|
||||
{
|
||||
ranking: 3,
|
||||
title : "经济日报：财政政策要精准提升效能",
|
||||
click_num : 123,
|
||||
daily_increase : 0.1
|
||||
title : "更快速的创意实现，更高效的工作效率",
|
||||
click_num : 337,
|
||||
hot : 176
|
||||
},
|
||||
{
|
||||
ranking: 4,
|
||||
title : "经济日报：财政政策要精准提升效能",
|
||||
click_num : 123,
|
||||
daily_increase : 0.1
|
||||
title : "更多的创意资源，更多的创意灵感",
|
||||
click_num : 292,
|
||||
hot : 145
|
||||
},
|
||||
{
|
||||
ranking: 5,
|
||||
title : "经济日报：财政政策要精准提升效能",
|
||||
click_num : 123,
|
||||
daily_increase : 0.1
|
||||
title : "更合理的代码结构，更清晰的代码逻辑",
|
||||
click_num : 173,
|
||||
hot : 110
|
||||
},
|
||||
]
|
||||
</script>
|
||||
|
||||
@@ -15,28 +15,29 @@
|
||||
<gva-card title="内容数据" custom-class="col-span-1 md:col-span-2 md:row-start-2 lg:col-span-6 col-start-1 row-span-2">
|
||||
<gva-chart :type="4" />
|
||||
</gva-card>
|
||||
<gva-card without-padding custom-class="overflow-hidden h-40 md:row-start-8 md:col-start-3 lg:row-start-3 lg:col-start-7" >
|
||||
<gva-banner />
|
||||
<gva-card title="文档" show-action custom-class="md:row-start-8 md:col-start-3 lg:row-start-3 lg:col-start-7">
|
||||
<gva-wiki />
|
||||
</gva-card>
|
||||
|
||||
<gva-card title="线上热门内容" custom-class="col-span-1 md:col-span-3 row-span-2">
|
||||
<gva-card title="最新更新" custom-class="col-span-1 md:col-span-3 row-span-2">
|
||||
<gva-table />
|
||||
</gva-card>
|
||||
<gva-card title="线上热门内容" custom-class="col-span-1 md:col-span-3 row-span-2">
|
||||
<gva-table />
|
||||
<gva-card title="最新插件" custom-class="col-span-1 md:col-span-3 row-span-2">
|
||||
<gva-plugin-table />
|
||||
</gva-card>
|
||||
|
||||
<gva-card title="公告" show-action custom-class="col-span-1 lg:col-start-7">
|
||||
<gva-notice />
|
||||
</gva-card>
|
||||
<gva-card title="文档" show-action custom-class="col-span-1 md:col-start-2 md:col-span-1 lg:col-start-7">
|
||||
<gva-wiki />
|
||||
|
||||
<gva-card without-padding custom-class="overflow-hidden lg:h-40 col-span-1 md:col-start-2 md:col-span-1 lg:col-start-7">
|
||||
<gva-banner />
|
||||
</gva-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { GvaTable, GvaChart, GvaWiki , GvaNotice , GvaQuickLink , GvaCard , GvaBanner } from "./componenst"
|
||||
import { GvaPluginTable,GvaTable, GvaChart, GvaWiki , GvaNotice , GvaQuickLink , GvaCard , GvaBanner } from "./componenst"
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
Reference in New Issue
Block a user