This commit is contained in:
landaiqing 2023-12-24 00:33:51 +08:00
parent 26136e74ea
commit ffb44d895d
9 changed files with 179 additions and 217 deletions

View File

@ -549,6 +549,8 @@ body.light-mode .video-bg:before {
.content-section-title { .content-section-title {
color: var(--content-title-color); color: var(--content-title-color);
margin-bottom: 14px; margin-bottom: 14px;
font-size: 20px;
font-weight: bold;
} }
.content-section ul { .content-section ul {
display: flex; display: flex;
@ -828,12 +830,13 @@ body.light-mode .video-bg:before {
.app-card { .app-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: calc(33.3% - 20px); /*width: calc(33.3% - 20px);*/
width: 200px;
font-size: 16px; font-size: 16px;
background-color: var(--content-bg); background-color: var(--content-bg);
border-radius: 14px; border-radius: 14px;
border: 1px solid var(--theme-bg-color); border: 1px solid var(--theme-bg-color);
padding: 20px; padding: 10px;
cursor: pointer; cursor: pointer;
transition: 0.3s ease; transition: 0.3s ease;
} }
@ -865,8 +868,10 @@ body.light-mode .video-bg:before {
.app-card-buttons { .app-card-buttons {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
width: 180px;
margin-left: auto; margin-left: auto;
margin-top: 16px; margin-top: 5px;
} }
@media screen and (max-width: 1110px) { @media screen and (max-width: 1110px) {
.app-card { .app-card {

View File

@ -249,9 +249,9 @@ export default {
return { return {
TabsValue: '1', TabsValue: '1',
tabList: [ tabList: [
{path: '/home', libel: 'ALL'}, {path: '/home', libel: '首页'},
{path: '/news', libel: '今日热点'}, {path: '/news', libel: '今日热点'},
{path: '/navDetail', libel: '网站详情'}, // {path: '/nav', libel: ''},
{path: '/myNav', libel: '我的导航'}, {path: '/myNav', libel: '我的导航'},
], ],
loginDialogVisible: false, loginDialogVisible: false,

View File

@ -5,7 +5,12 @@
<CarouselComponent></CarouselComponent> <CarouselComponent></CarouselComponent>
</div> </div>
<NoticeComponent></NoticeComponent> <NoticeComponent></NoticeComponent>
<NavList></NavList> <div v-for="(item,index) in navList" :key="index" class="content-section">
<div class="content-section-title">{{item.name}}</div>
<div class="apps-card">
<NavList v-if="item.childUC" v-for="(item,index2) in item.childUC" :key="index2" :nav="item"></NavList>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -15,6 +20,8 @@ import $ from 'jquery'
import CarouselComponent from "@/components/home/Carousel.vue"; import CarouselComponent from "@/components/home/Carousel.vue";
import NavList from "@/components/home/NavList.vue"; import NavList from "@/components/home/NavList.vue";
import NoticeComponent from "@/components/home/Notice.vue"; import NoticeComponent from "@/components/home/Notice.vue";
import axios from "axios";
import Vue from "vue";
export default { export default {
name:"HomePage", name:"HomePage",
components:{ components:{
@ -24,14 +31,15 @@ export default {
}, },
data() { data() {
return { return {
navList:[],
}}, }},
mounted() { mounted() {
this.Fun1(); this.fun1();
this.Fun2(); this.fun2();
this.Fun3(); this.fun3();
this.Fun4(); this.fun4();
this.dropdownFun(); this.dropdownFun();
this.getNavList();
}, },
created() { created() {
@ -40,7 +48,28 @@ export default {
}, },
methods: { methods: {
Fun1(){ //
getNavList() {
let _this=this;
axios({
method: 'post',
url: '/api/UrlAndCate/disposeBookmarkExhibitedToJsonNew',
}).then(function (res) {
if(res.data){
_this.navList=res.data;
}
}).catch((error)=>{
Vue.prototype.$notify.error({
title: '错误',
message: error===null?'':error,
offset: 0
});
})
},
fun1(){
$(document).click(function (e) { $(document).click(function (e) {
var container = $(".status-button"); var container = $(".status-button");
var dd = $(".dropdown"); var dd = $(".dropdown");
@ -49,7 +78,7 @@ export default {
} }
}); });
}, },
Fun2(){ fun2(){
$(".status-button:not(.open)").on("click", function () { $(".status-button:not(.open)").on("click", function () {
$(".overlay-app").addClass("is-active"); $(".overlay-app").addClass("is-active");
}); });
@ -57,12 +86,12 @@ export default {
$(".overlay-app").removeClass("is-active"); $(".overlay-app").removeClass("is-active");
}); });
}, },
Fun3(){ fun3(){
$(".status-button:not(.open)").click(function () { $(".status-button:not(.open)").click(function () {
$(".pop-up").addClass("visible"); $(".pop-up").addClass("visible");
}); });
}, },
Fun4(){ fun4(){
$(".pop-up .close").click(function () { $(".pop-up .close").click(function () {
$(".pop-up").removeClass("visible"); $(".pop-up").removeClass("visible");
}); });

View File

@ -26,7 +26,7 @@
<div class="HeadSquare"></div> <div class="HeadSquare"></div>
<div class="TitleFont" style="color:var(--theme-color)"><i class="el-icon-s-home"></i>快速导航</div> <div class="TitleFont" style="color:var(--theme-color)"><i class="el-icon-s-home"></i>快速导航</div>
</div> </div>
<el-tree :data="data" style="width:200px;margin-top:30px;" > <el-tree :data="category" :props="defaultProps" style="width:200px;margin-top:30px;" >
</el-tree> </el-tree>
</div> </div>
</template> </template>
@ -69,41 +69,10 @@ export default {
}, },
data() { data() {
return { return {
data: [{ defaultProps: {
label: '一级 1', children: 'childUC',
children: [{ label: 'name'
label: '二级 1-1', }
children: [{
label: '三级 1-1-1'
}]
}]
}, {
label: '一级 2',
children: [{
label: '二级 2-1',
children: [{
label: '三级 2-1-1'
}]
}, {
label: '二级 2-2',
children: [{
label: '三级 2-2-1'
}]
}]
}, {
label: '一级 3',
children: [{
label: '二级 3-1',
children: [{
label: '三级 3-1-1'
}]
}, {
label: '二级 3-2',
children: [{
label: '三级 3-2-1'
}]
}]
}]
}}, }},
mounted() { mounted() {

View File

@ -1,74 +1,144 @@
<template> <template>
<div class="content-section"> <div class="app-card" @click="goToNavDetail">
<div class="content-section-title">Apps in your plan</div> <div style="display: flex;flex-direction: row;align-items: center">
<div class="apps-card"> <el-image v-if="nav.icon" :src="nav.icon" style="width: 40px;height: 40px"></el-image>
<div class="app-card"> <div class="content-card">
<span>
<svg viewBox="0 0 512 512" style="border: 1px solid #a059a9"> <el-tooltip v-if="nav.name" class="item" effect="dark" :content="nav.name" placement="top">
<path xmlns="http://www.w3.org/2000/svg" d="M480 0H32C14.368 0 0 14.368 0 32v448c0 17.664 14.368 32 32 32h448c17.664 0 32-14.336 32-32V32c0-17.632-14.336-32-32-32z" fill="#210027" data-original="#7b1fa2"></path> <span v-if="nav.name" class="content-title">{{ nav.name}}</span>
<g xmlns="http://www.w3.org/2000/svg"> </el-tooltip>
<path d="M192 64h-80c-8.832 0-16 7.168-16 16v352c0 8.832 7.168 16 16 16s16-7.168 16-16V256h64c52.928 0 96-43.072 96-96s-43.072-96-96-96zm0 160h-64V96h64c35.296 0 64 28.704 64 64s-28.704 64-64 64zM400 256h-32c-18.08 0-34.592 6.24-48 16.384V272c0-8.864-7.168-16-16-16s-16 7.136-16 16v160c0 8.832 7.168 16 16 16s16-7.168 16-16v-96c0-26.464 21.536-48 48-48h32c8.832 0 16-7.168 16-16s-7.168-16-16-16z" fill="#f6e7fa" data-original="#e1bee7"></path> <el-tooltip v-if="nav.desc" class="item" effect="dark" :content="nav.desc" placement="bottom">
</g> <span v-if="nav.desc" class="content-desc">{{ nav.desc.substr(0, 8) + '...' }}</span>
</svg> </el-tooltip>
Premiere Pro
</span>
<div class="app-card__subtext">Edit, master and create fully proffesional videos</div>
<div class="app-card-buttons">
<button class="content-button status-button">Update</button>
<div class="menu"></div>
</div>
</div> </div>
<div class="app-card"> <el-tooltip class="item" effect="dark" content="详情" placement="right">
<span> <i style="margin-left: 3px" class="card-icon el-icon-d-arrow-right"></i>
<svg viewBox="0 0 52 52" style="border: 1px solid #c1316d"> </el-tooltip>
<g xmlns="http://www.w3.org/2000/svg"> </div>
<path d="M40.824 52H11.176C5.003 52 0 46.997 0 40.824V11.176C0 5.003 5.003 0 11.176 0h29.649C46.997 0 52 5.003 52 11.176v29.649C52 46.997 46.997 52 40.824 52z" fill="#2f0015" data-original="#6f2b41"></path> <!-- <div class="app-card__subtext">{{nav.desc}}</div>-->
<path d="M18.08 39H15.2V13.72l-2.64-.08V11h5.52v28zM27.68 19.4c1.173-.507 2.593-.761 4.26-.761s3.073.374 4.22 1.12V11h2.88v28c-2.293.32-4.414.48-6.36.48-1.947 0-3.707-.4-5.28-1.2-2.08-1.066-3.12-2.92-3.12-5.561v-7.56c0-2.799 1.133-4.719 3.4-5.759zm8.48 3.12c-1.387-.746-2.907-1.119-4.56-1.119-1.574 0-2.714.406-3.42 1.22-.707.813-1.06 1.847-1.06 3.1v7.12c0 1.227.44 2.188 1.32 2.88.96.719 2.146 1.079 3.56 1.079 1.413 0 2.8-.106 4.16-.319V22.52z" fill="#e1c1cf" data-original="#ff70bd"></path> <div class="dividing-line"></div>
</g> <div class="app-card-buttons">
</svg> <el-tooltip class="item" effect="dark" content="访问需要代理" placement="bottom">
InDesign <i v-show="nav.isNeedAgent===1" style="color: red" class="qr el-icon-info"></i>
</span> </el-tooltip>
<div class="app-card__subtext">Design and publish great projects &amp; mockups</div> <!-- <button class="content-button status-button"><i class="el-icon-d-arrow-right"></i>详情</button>-->
<div class="app-card-buttons"> <el-tooltip placement="bottom" width="150"
<button class="content-button status-button">Update</button> trigger="hover"
<div class="menu"></div> effect="dark" close-delay="2000">
<div class="MyPopover" slot="content">
<span style="font-size:12px !important;">{{nav.name}}手机二维码</span><br/><br/>
<div style="width:100% ;text-align: center"><img style="width:150px" :src="'data:image/jpg;base64,'+getQR(nav.urlId,nav.icon)" /></div>
</div> </div>
</div> <i class="qr el-icon-s-grid"></i>
<div class="app-card"> </el-tooltip>
<span>
<svg viewBox="0 0 52 52" style="border: 1px solid #C75DEB">
<g xmlns="http://www.w3.org/2000/svg">
<path d="M40.824 52H11.176C5.003 52 0 46.997 0 40.824V11.176C0 5.003 5.003 0 11.176 0h29.649C46.997 0 52 5.003 52 11.176v29.649C52 46.997 46.997 52 40.824 52z" fill="#3a3375" data-original="#3a3375"></path>
<path d="M27.44 39H24.2l-2.76-9.04h-8.32L10.48 39H7.36l8.24-28h3.32l8.52 28zm-6.72-12l-3.48-11.36L13.88 27h6.84zM31.48 33.48c0 2.267 1.333 3.399 4 3.399 1.653 0 3.466-.546 5.44-1.64L42 37.6c-2.054 1.254-4.2 1.881-6.44 1.881-4.64 0-6.96-1.946-6.96-5.841v-8.2c0-2.16.673-3.841 2.02-5.04 1.346-1.2 3.126-1.801 5.34-1.801s3.94.594 5.18 1.78c1.24 1.187 1.86 2.834 1.86 4.94V30.8l-11.52.6v2.08zm8.6-5.24v-3.08c0-1.413-.44-2.42-1.32-3.021-.88-.6-1.907-.899-3.08-.899-1.174 0-2.167.359-2.98 1.08-.814.72-1.22 1.773-1.22 3.16v3.199l8.6-.439z" fill="#e4d1eb" data-original="#e7adfb"></path>
</g>
</svg>
After Effects
</span>
<div class="app-card__subtext">Industry Standart motion graphics &amp; visual effects</div>
<div class="app-card-buttons">
<button class="content-button status-button">Update</button>
<div class="menu"></div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import axios from "axios";
import Vue from "vue";
export default { export default {
name: "NavList", name: "NavList",
props: {
nav: Object
},
data() { data() {
return {} return {
imageCode:'',
}
}, },
mounted() { mounted() {
this.getQR(1,'https://imgbed.landaiqing.space/img/1/2023/12/23/1_6586a9f967d58_1703324152309_20231223.webp');
}, },
created() { created() {
}, },
computed: {}, computed: {},
methods: {} methods: {
getQR(url_id,icon_url) {
let _this=this;
axios({
method: 'post',
url: '/api/qrcode/qrc_return',
params:{
url_id:url_id,
icon_url:icon_url
}
}).then(function (res) {
console.log(res);
// if(res.data){
// _this.navList=res.data;
// }
}).catch((error)=>{
Vue.prototype.$notify.error({
title: '错误',
message: error===null?'':error,
offset: 0
});
})
},
goToNavDetail(){
if(this.nav.urlId){
this.$router.push({
path:'/nav',
query: {
id: this.nav.urlId,
refresh: true
}})
}else{
return false;
}
}
}
} }
</script> </script>
<style scoped> <style scoped>
.dividing-line {
margin-top: 10px;
border-bottom: 1px solid var(--border-color);
}
.content-card {
display: flex;
flex-direction: column;
}
.content-title {
margin-left: 5px;
font-size: 15px;
font-weight: bold;
width: 110px;
height: 20px;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
color: var(--theme-color);
/*background-color: var(--theme-bg-color);*/
}
.content-desc {
font-size: 13px;
margin-left: 5px;
width: 110px;
color: #999ba5;
height: 20px;
margin-top: 5px;
white-space: nowrap;
overflow-x: scroll;
/*background-color: var(--theme-bg-color);*/
}
.card-icon{
font-size: 20px;
font-weight: bold;
color: var(--theme-color);
}
.card-icon:hover{
color: #5ddcff;
}
.qr:hover{
color: #5ddcff;
}
</style> </style>

View File

@ -1,112 +1,6 @@
<template> <template>
<div class="main-container"> <div class="main-container">
<!-- <MainHeader></MainHeader>-->
<div class="content-wrapper"> <div class="content-wrapper">
<!-- <div class="content-section">-->
<!-- <div class="content-section-title">Installed</div>-->
<!-- <ul>-->
<!-- <li class="adobe-product">-->
<!-- <div class="products">-->
<!-- <svg viewBox="0 0 52 52" style="border:1px solid #3291b8">-->
<!-- <g xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="M40.824 52H11.176C5.003 52 0 46.997 0 40.824V11.176C0 5.003 5.003 0 11.176 0h29.649C46.997 0 52 5.003 52 11.176v29.649C52 46.997 46.997 52 40.824 52z" fill="#061e26" data-original="#393687"></path>-->
<!-- <path d="M12.16 39H9.28V11h9.64c2.613 0 4.553.813 5.82 2.44 1.266 1.626 1.9 3.76 1.9 6.399 0 .934-.027 1.74-.08 2.42-.054.681-.22 1.534-.5 2.561-.28 1.026-.66 1.866-1.14 2.52-.48.654-1.213 1.227-2.2 1.72-.987.494-2.16.74-3.52.74h-7.04V39zm0-12h6.68c.96 0 1.773-.187 2.44-.56.666-.374 1.153-.773 1.46-1.2.306-.427.546-1.04.72-1.84.173-.801.267-1.4.28-1.801.013-.399.02-.973.02-1.72 0-4.053-1.694-6.08-5.08-6.08h-6.52V27zM29.48 33.92l2.8-.12c.106.987.6 1.754 1.48 2.3.88.547 1.893.82 3.04.82s2.14-.26 2.98-.78c.84-.52 1.26-1.266 1.26-2.239s-.36-1.747-1.08-2.32c-.72-.573-1.6-1.026-2.64-1.36-1.04-.333-2.086-.686-3.14-1.06a7.36 7.36 0 01-2.78-1.76c-.987-.934-1.48-2.073-1.48-3.42s.54-2.601 1.62-3.761 2.833-1.739 5.26-1.739c.854 0 1.653.1 2.4.3.746.2 1.28.394 1.6.58l.48.279-.92 2.521c-.854-.666-1.974-1-3.36-1-1.387 0-2.42.26-3.1.78-.68.52-1.02 1.18-1.02 1.979 0 .88.426 1.574 1.28 2.08.853.507 1.813.934 2.88 1.28 1.066.347 2.126.733 3.18 1.16 1.053.427 1.946 1.094 2.68 2s1.1 2.106 1.1 3.6c0 1.494-.6 2.794-1.8 3.9-1.2 1.106-2.954 1.66-5.26 1.66-2.307 0-4.114-.547-5.42-1.64-1.307-1.093-1.987-2.44-2.04-4.04z" fill="#c1dbe6" data-original="#89d3ff"></path>-->
<!-- </g>-->
<!-- </svg>-->
<!-- Photoshop-->
<!-- </div>-->
<!-- <span class="status">-->
<!-- <span class="status-circle green"></span>-->
<!-- Updated</span>-->
<!-- <div class="button-wrapper">-->
<!-- <button class="content-button status-button open">Open</button>-->
<!-- <div class="menu">-->
<!-- <button class="dropdown">-->
<!-- <ul>-->
<!-- <li><a href="#">Go to Discover</a></li>-->
<!-- <li><a href="#">Learn more</a></li>-->
<!-- <li><a href="#">Uninstall</a></li>-->
<!-- </ul>-->
<!-- </button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li class="adobe-product">-->
<!-- <div class="products">-->
<!-- <svg viewBox="0 0 52 52" style="border:1px solid #b65a0b">-->
<!-- <g xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="M40.824 52H11.176C5.003 52 0 46.997 0 40.824V11.176C0 5.003 5.003 0 11.176 0h29.649C46.997 0 52 5.003 52 11.176v29.649C52 46.997 46.997 52 40.824 52z" fill="#261400" data-original="#6d4c13"></path>-->
<!-- <path d="M30.68 39h-3.24l-2.76-9.04h-8.32L13.72 39H10.6l8.24-28h3.32l8.52 28zm-6.72-12l-3.48-11.36L17.12 27h6.84zM37.479 12.24c0 .453-.16.84-.48 1.16-.32.319-.7.479-1.14.479-.44 0-.827-.166-1.16-.5-.334-.333-.5-.713-.5-1.14s.166-.807.5-1.141c.333-.333.72-.5 1.16-.5.44 0 .82.16 1.14.48.321.322.48.709.48 1.162zM37.24 39h-2.88V18.96h2.88V39z" fill="#e6d2c0" data-original="#ffbd2e"></path>-->
<!-- </g>-->
<!-- </svg>-->
<!-- Illustrator-->
<!-- </div>-->
<!-- <span class="status">-->
<!-- <span class="status-circle"></span>-->
<!-- Update Available</span>-->
<!-- <div class="button-wrapper">-->
<!-- <button class="content-button status-button">Update this app</button>-->
<!-- <div class="pop-up">-->
<!-- <div class="pop-up__title">Update This App-->
<!-- <svg class="close" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">-->
<!-- <circle cx="12" cy="12" r="10"></circle>-->
<!-- <path d="M15 9l-6 6M9 9l6 6"></path>-->
<!-- </svg>-->
<!-- </div>-->
<!-- <div class="pop-up__subtitle">Adjust your selections for advanced options as desired before continuing. <a href="#">Learn more</a></div>-->
<!-- <div class="checkbox-wrapper">-->
<!-- <input type="checkbox" id="check1" class="checkbox">-->
<!-- <label for="check1">Import previous settings and preferences</label>-->
<!-- </div>-->
<!-- <div class="checkbox-wrapper">-->
<!-- <input type="checkbox" id="check2" class="checkbox">-->
<!-- <label for="check2">Remove old versions</label>-->
<!-- </div>-->
<!-- <div class="content-button-wrapper">-->
<!-- <button class="content-button status-button open close">Cancel</button>-->
<!-- <button class="content-button status-button">Continue</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="menu">-->
<!-- <button class="dropdown">-->
<!-- <ul>-->
<!-- <li><a href="#">Go to Discover</a></li>-->
<!-- <li><a href="#">Learn more</a></li>-->
<!-- <li><a href="#">Uninstall</a></li>-->
<!-- </ul>-->
<!-- </button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li class="adobe-product">-->
<!-- <div class="products">-->
<!-- <svg viewBox="0 0 52 52" style="border: 1px solid #C75DEB">-->
<!-- <g xmlns="http://www.w3.org/2000/svg">-->
<!-- <path d="M40.824 52H11.176C5.003 52 0 46.997 0 40.824V11.176C0 5.003 5.003 0 11.176 0h29.649C46.997 0 52 5.003 52 11.176v29.649C52 46.997 46.997 52 40.824 52z" fill="#3a3375" data-original="#3a3375"></path>-->
<!-- <path d="M27.44 39H24.2l-2.76-9.04h-8.32L10.48 39H7.36l8.24-28h3.32l8.52 28zm-6.72-12l-3.48-11.36L13.88 27h6.84zM31.48 33.48c0 2.267 1.333 3.399 4 3.399 1.653 0 3.466-.546 5.44-1.64L42 37.6c-2.054 1.254-4.2 1.881-6.44 1.881-4.64 0-6.96-1.946-6.96-5.841v-8.2c0-2.16.673-3.841 2.02-5.04 1.346-1.2 3.126-1.801 5.34-1.801s3.94.594 5.18 1.78c1.24 1.187 1.86 2.834 1.86 4.94V30.8l-11.52.6v2.08zm8.6-5.24v-3.08c0-1.413-.44-2.42-1.32-3.021-.88-.6-1.907-.899-3.08-.899-1.174 0-2.167.359-2.98 1.08-.814.72-1.22 1.773-1.22 3.16v3.199l8.6-.439z" fill="#e4d1eb" data-original="#e7adfb"></path>-->
<!-- </g>-->
<!-- </svg>-->
<!-- After Effects-->
<!-- </div>-->
<!-- <span class="status">-->
<!-- <span class="status-circle green"></span>-->
<!-- Updated</span>-->
<!-- <div class="button-wrapper">-->
<!-- <button class="content-button status-button open">Open</button>-->
<!-- <div class="menu">-->
<!-- <button class="dropdown">-->
<!-- <ul>-->
<!-- <li><a href="#">Go to Discover</a></li>-->
<!-- <li><a href="#">Learn more</a></li>-->
<!-- <li><a href="#">Uninstall</a></li>-->
<!-- </ul>-->
<!-- </button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<div class="content-section"> <div class="content-section">
<div class="content-section-title">Apps in your plan</div> <div class="content-section-title">Apps in your plan</div>
<div class="apps-card"> <div class="apps-card">

View File

@ -13,17 +13,13 @@ export default {
return {} return {}
}, },
mounted() { mounted() {
this.removeToken();
}, },
created() { created() {
}, },
computed: {}, computed: {},
methods: { methods: {
removeToken(){
// localStorage.removeItem("Authorization")
// console.log(localStorage.getItem("Authorization"));
}
} }
} }

View File

@ -62,7 +62,6 @@
> >
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-button class="el-button">保存修改</el-button>
</el-form> </el-form>
</el-card> </el-card>

View File

@ -43,8 +43,8 @@ const routes = [
name: 'news', name: 'news',
component: news component: news
},{ },{
path: '/navDetail', path: '/nav',
name: 'navDetail', name: 'nav',
component: navDetail component: navDetail
}, },
{ {