xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-13 04:33:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

引入tailwind css，调整样式

Browse Source
This commit is contained in:
RockYang
2024-12-24 11:07:04 +08:00
parent fb403bde8b
commit 274cff71b1
51 changed files with 1892 additions and 2393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/src/views/Index.vue
View File

@@ -12,22 +12,12 @@
</div>
<div class="menu-item">
<span v-if="!license.de_copy">
<el-tooltip
v-if="!license.de_copy"
class="box-item"
content="部署文档"
placement="bottom"
>
<a :href="docsURL" class="link-button" target="_blank">
<el-tooltip v-if="!license.de_copy" class="box-item" content="部署文档" placement="bottom">
<a :href="docsURL" class="link-button mr-2" target="_blank">
<i class="iconfont icon-book"></i>
</a>
</el-tooltip>
<el-tooltip
v-if="!license.de_copy"
class="box-item"
content="项目源码"
placement="bottom"
>
<el-tooltip v-if="!license.de_copy" class="box-item" content="项目源码" placement="bottom">
<a :href="gitURL" class="link-button" target="_blank">
<i class="iconfont icon-github"></i>
</a>
@@ -41,38 +31,25 @@
<el-button @click="router.push('/register')" class="shadow" round
>注册</el-button
> -->
<el-button
@click="router.push('/login')"
class="btn-go animate__animated animate__pulse animate__infinite"
round
>登录/注册</el-button
>
<el-button @click="router.push('/login')" class="btn-go animate__animated animate__pulse animate__infinite" round>登录/注册</el-button>
</span>
</div>
</el-menu>
</div>
<div class="content">
<div style="height: 158px"></div>
<h1 class="animate__animated animate__backInDown">
{{ title }}
</h1>
<div class="msg-text cursor-ani">
<span
v-for="(char, index) in displayedChars"
:key="index"
:style="{ color: rainbowColor(index) }"
>
<span v-for="(char, index) in displayedChars" :key="index" :style="{ color: rainbowColor(index) }">
{{ char }}
</span>
</div>
<div class="navs animate__animated animate__backInDown">
<el-space wrap :size="14">
<div
v-for="item in navs"
:key="item.url"
class="nav-item-box"
@click="router.push(item.url)"
>
<div v-for="item in navs" :key="item.url" class="nav-item-box" @click="router.push(item.url)">
<i :class="'iconfont ' + iconMap[item.url]"></i>
<div>{{ item.name }}</div>
</div>
@@ -121,7 +98,7 @@ const iconMap = ref({
"/apps": "icon-app",
"/member": "icon-vip-user",
"/invite": "icon-share",
"/luma": "icon-luma"
"/luma": "icon-luma",
});
const displayedChars = ref([]);
@@ -194,6 +171,5 @@ const rainbowColor = (index) => {
</script>
<style lang="stylus" scoped>
@import '@/assets/iconfont/iconfont.css'
@import "@/assets/css/index.styl"
</style>