update 搜索结果卡片样式优化,新增主页(待修改)

This commit is contained in:
SummerTail 2023-07-14 14:20:59 +08:00
parent 180d895823
commit 573883e2d1
4 changed files with 37 additions and 24 deletions

View File

@ -16,7 +16,7 @@ import {
<el-scrollbar> <el-scrollbar>
<el-menu v-model="sel" :router="true"> <el-menu v-model="sel" :router="true">
<el-menu-item index="1"> <el-menu-item index="/">
<el-icon> <el-icon>
<el-icon> <el-icon>
<House/> <House/>
@ -38,23 +38,9 @@ import {
</el-icon> </el-icon>
电视剧订阅 电视剧订阅
</el-menu-item> </el-menu-item>
<el-menu-item index="">
<el-icon>
<VideoPlay/>
</el-icon>
电影订阅
</el-menu-item>
</el-menu-item-group>
</el-sub-menu>
<el-sub-menu index="3">
<template #title>
<el-icon><Collection /></el-icon>
订阅记录
</template>
<el-menu-item-group>
<el-menu-item index=""> <el-menu-item index="">
<el-icon><CircleCheck /></el-icon> <el-icon><CircleCheck /></el-icon>
完成记录 发布记录
</el-menu-item> </el-menu-item>
<el-menu-item index=""> <el-menu-item index="">
<el-icon><CircleClose /></el-icon> <el-icon><CircleClose /></el-icon>
@ -62,13 +48,14 @@ import {
</el-menu-item> </el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-sub-menu> </el-sub-menu>
<el-menu-item index="4">
<el-menu-item index="3">
<el-icon> <el-icon>
<el-icon><Operation /></el-icon> <el-icon><Operation /></el-icon>
</el-icon> </el-icon>
<span>系统设置</span> <span>系统设置</span>
</el-menu-item> </el-menu-item>
<el-sub-menu index="5"> <el-sub-menu index="4">
<template #title> <template #title>
<el-icon> <el-icon>
<Check/> <Check/>

22
view/src/page/main.vue Normal file
View File

@ -0,0 +1,22 @@
<script setup>
import {Close, Position, Star} from "@element-plus/icons-vue";
</script>
<template>
<el-row :gutter="12">
<el-col :span="8">
<el-card shadow="hover"> <el-icon><Star /></el-icon> </el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover"> <el-icon><Position /></el-icon> </el-card>
</el-col>
<el-col :span="8">
<el-card shadow="hover"> <el-icon><Close /></el-icon> </el-card>
</el-col>
</el-row>
</template>
<style scoped lang="scss">
</style>

View File

@ -6,17 +6,16 @@
<el-card @click="getInfo(i.id,i.img)" shadow="hover" :body-style="{ padding: '0px' }"> <el-card @click="getInfo(i.id,i.img)" shadow="hover" :body-style="{ padding: '0px' }">
<img :src="i.img" class="image"/> <img :src="i.img" class="image"/>
<div style="padding: 14px"> <div style="padding: 14px">
<span>{{ i.title }}({{ i.year }})</span> <span style="width: 100%;white-space: nowrap;text-overflow:ellipsis;">{{ i.title }}</span>
<div class="bottom"> <div class="bottom">
<time class="time">类型{{ i.type }}</time> <time class="time">上映时间{{ i.year }}</time>
<el-button text class="button">详情</el-button> <el-button text class="button">详情</el-button>
</div> </div>
</div> </div>
</el-card> </el-card>
</div> </div>
</div> </div>
<el-dialog v-model="dialogFormVisible" title="详情"> <el-dialog v-model="dialogFormVisible" title="添加订阅">
<div style="display: flex;align-items: center;padding: 5px"> <div style="display: flex;align-items: center;padding: 5px">
<el-input style="width: 100%" v-model="enName"> <el-input style="width: 100%" v-model="enName">
<template #prepend>英文名</template> <template #prepend>英文名</template>

View File

@ -5,6 +5,11 @@ const routes = [
{ {
path: "/", path: "/",
children: [ children: [
{
path: "/",
name: "index",
component: () => import ("../page/main.vue")
},
{ {
path: "downloadTest", path: "downloadTest",
name: "downloadTest", name: "downloadTest",