update 搜索结果卡片样式优化,新增主页(待修改)
This commit is contained in:
parent
180d895823
commit
573883e2d1
@ -16,7 +16,7 @@ import {
|
||||
|
||||
<el-scrollbar>
|
||||
<el-menu v-model="sel" :router="true">
|
||||
<el-menu-item index="1">
|
||||
<el-menu-item index="/">
|
||||
<el-icon>
|
||||
<el-icon>
|
||||
<House/>
|
||||
@ -38,23 +38,9 @@ import {
|
||||
</el-icon>
|
||||
电视剧订阅
|
||||
</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-icon><CircleCheck /></el-icon>
|
||||
完成记录
|
||||
发布记录
|
||||
</el-menu-item>
|
||||
<el-menu-item index="">
|
||||
<el-icon><CircleClose /></el-icon>
|
||||
@ -62,13 +48,14 @@ import {
|
||||
</el-menu-item>
|
||||
</el-menu-item-group>
|
||||
</el-sub-menu>
|
||||
<el-menu-item index="4">
|
||||
|
||||
<el-menu-item index="3">
|
||||
<el-icon>
|
||||
<el-icon><Operation /></el-icon>
|
||||
</el-icon>
|
||||
<span>系统设置</span>
|
||||
</el-menu-item>
|
||||
<el-sub-menu index="5">
|
||||
<el-sub-menu index="4">
|
||||
<template #title>
|
||||
<el-icon>
|
||||
<Check/>
|
||||
|
22
view/src/page/main.vue
Normal file
22
view/src/page/main.vue
Normal 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>
|
@ -6,17 +6,16 @@
|
||||
<el-card @click="getInfo(i.id,i.img)" shadow="hover" :body-style="{ padding: '0px' }">
|
||||
<img :src="i.img" class="image"/>
|
||||
<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">
|
||||
<time class="time">类型:{{ i.type }}</time>
|
||||
<time class="time">上映时间:{{ i.year }}</time>
|
||||
<el-button text class="button">详情</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
<el-dialog v-model="dialogFormVisible" title="详情">
|
||||
|
||||
<el-dialog v-model="dialogFormVisible" title="添加订阅">
|
||||
<div style="display: flex;align-items: center;padding: 5px">
|
||||
<el-input style="width: 100%" v-model="enName">
|
||||
<template #prepend>英文名</template>
|
||||
|
@ -5,6 +5,11 @@ const routes = [
|
||||
{
|
||||
path: "/",
|
||||
children: [
|
||||
{
|
||||
path: "/",
|
||||
name: "index",
|
||||
component: () => import ("../page/main.vue")
|
||||
},
|
||||
{
|
||||
path: "downloadTest",
|
||||
name: "downloadTest",
|
||||
|
Loading…
Reference in New Issue
Block a user