From bd40473c9c634005bc7e62e7fc901bcd8b598fa0 Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期五, 02 二月 2024 15:20:26 +0800
Subject: [PATCH] 提交了修改
---
ruoyi-ui/src/views/index.vue | 82 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 82 insertions(+), 0 deletions(-)
diff --git a/ruoyi-ui/src/views/index.vue b/ruoyi-ui/src/views/index.vue
index e69de29..cd85ff8 100644
--- a/ruoyi-ui/src/views/index.vue
+++ b/ruoyi-ui/src/views/index.vue
@@ -0,0 +1,82 @@
+<template>
+ <div class="app-container">
+ <div class="image-container">
+ <img class="bottom-image" src="../assets/images/shouye.png" alt="Bottom Image">
+ <div class="notification-box" :class="{ 'has-new-message': hasNewMessage }">
+ <div class="left-section">娑堟伅閫氱煡</div>
+ <el-button class="right-section " type="text" @click="handleClick">鐐瑰嚮杩涘叆</el-button>
+ <div class="new-message-dot" v-if="hasNewMessage"></div>
+ </div>
+ </div>
+
+ </div>
+</template>
+
+<script>
+
+
+export default {
+ name: "App",
+ dicts: ['sys_normal_disable'],
+ data(){
+ return {
+ hasNewMessage:false,
+ };
+ },
+ created() {},
+ methods:{
+ handleClick(){
+ this.$router.push('/views/shouye');
+ }
+ }
+};
+</script>
+
+<style scoped>
+.app-container{
+ background-color: #FEF7FC;
+ }
+.image-container {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+.bottom-image {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+}
+
+.notification-box {
+ position: absolute;
+ top: 760px;
+ left: 150px;
+ display: flex;
+ align-items: center;
+ width: 20%;
+ height: 8%;
+ background-color: rgba(227, 219, 219, 0.51);
+ padding: 10px;
+ /*color: white;*/
+ z-index: 2; /* 璁剧疆閫氱煡妗嗗眰绾т负2锛屾瘮鍥剧墖楂� */
+}
+
+.left-section {
+ flex-grow: 1;
+}
+
+.right-section {
+ margin-left: 10px;
+}
+
+.new-message-dot {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ width: 8px;
+ height: 8px;
+ background-color: red;
+ border-radius: 50%;
+}
+</style>
--
Gitblit v1.9.1