ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式调整

Browse Source
This commit is contained in:
zhujiyan
2024-08-27 18:37:46 +08:00
parent f8995d043b
commit e9a0347b0e
8 changed files with 466 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/layouts/components/Footer/index.vue
View File

@@ -1,32 +1,46 @@
<template>
<div class="footer flx-align-center pl10">
<el-dropdown>
<!-- <span class="el-dropdown-link">
<!-- <span class="el-dropdown-link">
{{ title }}
<el-icon class="el-icon--right">
<arrow-down />
</el-icon>
</span> -->
<el-button type="primary">
{{ title }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
<el-button type="primary">
{{ title }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
</el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="title='模拟式模式'">模拟式模式</el-dropdown-item>
<el-dropdown-item @click="title='数字式模式'">数字式模式</el-dropdown-item>
<el-dropdown-item @click="title='对比式模式'">对比式模式</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
<!-- <a href="http://www.shining-electric.com/" target="_blank"> 2024 © 南京灿能电力自动化股份有限公司 </a> -->
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="title = '模拟式模式'"
>模拟式模块</el-dropdown-item
>
<el-dropdown-item @click="title = '数字式模式'"
>数字式模块</el-dropdown-item
>
<el-dropdown-item @click="title = '对比式模式'"
>对比式模块</el-dropdown-item
>
</el-dropdown-menu>
</template>
</el-dropdown>
<p> <a href="http://www.shining-electric.com/" target="_blank"> 2024 © 南京灿能电力自动化股份有限公司 </a></p>
</div>
</template>
<script lang="ts" setup>
import { ref, reactive, computed } from "vue";
const title=ref('模拟式模式')
const title = ref("模拟式模块");
</script>
<style scoped lang="scss">
@import "./index.scss";
.footer{
position: relative;
p{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
line-height: 40px;
}
}
</style>