From a2633dee261ba41c96c51e58098728222b2e3360 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 22 一月 2025 18:30:15 +0800
Subject: [PATCH] 房态
---
admin/src/views/index.vue | 35 +++++++++++++++++++++++++++++++++--
1 files changed, 33 insertions(+), 2 deletions(-)
diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue
index 0e87c1c..3ac4dda 100644
--- a/admin/src/views/index.vue
+++ b/admin/src/views/index.vue
@@ -66,7 +66,9 @@
</el-option>
</el-select>
</div>
-
+ <div class="main_right_date">
+ <el-calendar v-model="value" :mark-data="markData"></el-calendar>
+ </div>
</div>
</div>
</template>
@@ -90,7 +92,18 @@
{ name: '璧勪骇娓呭崟', icon: require('@/assets/indexIcon/ic_zichan@2x.png') },
],
options: [],
- value: ''
+ value: '',
+ markData: [
+ {
+ date: '2025-01-22', // 鏍囪鐨勬棩鏈�
+ // 鑷畾涔夋爣璁板唴瀹�
+ content: '<div style="color: red;">閲嶈浜嬩欢</div>'
+ },
+ {
+ date: '2025-01-19',
+ content: '鐢熸棩'
+ }
+ ]
}
},
methods: {
@@ -253,6 +266,24 @@
color: #222222;
margin-bottom: 12px;
}
+ .main_right_date {
+ width: 100%;
+ height: 300px;
+ ::v-deep .el-calendar-table tr td:first-child{
+ border: none;
+ }
+ ::v-deep .el-calendar-table tr:first-child td{
+ border: none;
+ }
+ ::v-deep .el-calendar-table__row td{
+ border: none;
+ }
+ ::v-deep .el-calendar-table .el-calendar-day {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
}
}
</style>
--
Gitblit v1.9.3