mirror of https://gitee.com/godoos/godoos.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
882 B
33 lines
882 B
<template>
|
|
<div class="container">
|
|
<div class="nav">
|
|
<ul>
|
|
<li v-for="(item, index) in items" :key="index" @click="activeIndex = index"
|
|
:class="{ active: index === activeIndex }">
|
|
{{ item }}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="setting">
|
|
<div v-if="0 === activeIndex">
|
|
<LocalNas />
|
|
</div>
|
|
<div v-if="1 === activeIndex">
|
|
<NasClient />
|
|
</div>
|
|
<div v-if="2 === activeIndex">
|
|
<WebDavClient />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from "vue";
|
|
const items = ["服务端配置", "NAS客户端", "WebDav客户端"];
|
|
const activeIndex = ref(0);
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import "./setStyle.css";
|
|
</style>
|