|
|
|
@ -7,6 +7,7 @@ |
|
|
|
|
<template v-for="(item,index) in menuList"> |
|
|
|
|
<div class="v-menu-list-item row flex-align-center" :class="[menuIndex==item.value?'is-active':'',index>1?'disabled':'']" |
|
|
|
|
@click="gotoPages(item.url)"> |
|
|
|
|
<i class="icon iconfont" :class="'icon-'+item.type"></i> |
|
|
|
|
<div class="title">{{ item.name }}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="line" v-if="index==2"></div> |
|
|
|
@ -27,12 +28,12 @@ export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
menuList: [ |
|
|
|
|
{name: "公文写作", value: 1, url: "/DocumentCorrectionIndex"}, |
|
|
|
|
{name: "公文纠错", value: 2, url: "/DocumentWritingIndex"}, |
|
|
|
|
{name: "营销行文", value: 3, url: "/MarketingWritingnIndex"}, |
|
|
|
|
{name: "图像生成", value: 4, url: "/ImageGeneratIndex"}, |
|
|
|
|
{name: "视频生成", value: 5, url: "/VideoGeneratIndex"}, |
|
|
|
|
{name: "语音生成", value: 6, url: "/VoiceGeneratIndex"}, |
|
|
|
|
{name: "公文写作", value: 1,type:"document-writing", url: "/DocumentCorrectionIndex"}, |
|
|
|
|
{name: "公文纠错", value: 2,type:"document-error", url: "/DocumentWritingIndex"}, |
|
|
|
|
{name: "营销行文", value: 3,type:"marketing-writing", url: "/MarketingWritingnIndex"}, |
|
|
|
|
{name: "图像生成", value: 4,type:"image", url: "/ImageGeneratIndex"}, |
|
|
|
|
{name: "视频生成", value: 5,type:"video", url: "/VideoGeneratIndex"}, |
|
|
|
|
{name: "语音生成", value: 6,type:"voice", url: "/VoiceGeneratIndex"}, |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
@ -55,7 +56,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.v-menu-logo { |
|
|
|
|
margin: 30px 0; |
|
|
|
|
margin: 30px 0 60px 0; |
|
|
|
|
|
|
|
|
|
.logo { |
|
|
|
|
width: 30px; |
|
|
|
@ -64,6 +65,7 @@ export default { |
|
|
|
|
|
|
|
|
|
.text { |
|
|
|
|
font-size: 18px; |
|
|
|
|
color: #000; |
|
|
|
|
font-weight: bold |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -81,12 +83,12 @@ export default { |
|
|
|
|
.v-menu-list-item { |
|
|
|
|
cursor: pointer; |
|
|
|
|
padding: 0 20px; |
|
|
|
|
height: 40px; |
|
|
|
|
line-height: 40px; |
|
|
|
|
height: 36px; |
|
|
|
|
line-height: 36px; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
background-color: #fff; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
.icon{margin-right: 8px} |
|
|
|
|
.title { |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
@ -97,11 +99,12 @@ export default { |
|
|
|
|
.title { |
|
|
|
|
color: #1060FF |
|
|
|
|
} |
|
|
|
|
.icon{ color: #1060FF} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.is-active { |
|
|
|
|
background-color: #1060FF; |
|
|
|
|
|
|
|
|
|
.icon{ color: #fff} |
|
|
|
|
.title { |
|
|
|
|
color: #fff |
|
|
|
|
} |
|
|
|
|