From 553d09439f416291454d21523b1eb03ff3c5577c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=BE=E8=82=83?= <15833576927@163.com>
Date: Thu, 23 May 2024 11:05:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BE=A7=E8=BE=B9=E9=80=89?=
=?UTF-8?q?=E6=8B=A9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/assets/styles/index.scss | 7 +++++++
src/components/baseSelection/index.vue | 16 ++++++++++++----
src/components/cropSelection/index.vue | 18 ++++++++++++++----
3 files changed, 33 insertions(+), 8 deletions(-)
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index fa5c6f2..052bc0e 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -124,6 +124,13 @@ aside {
//main-container全局样式
.app-container {
padding: 10px;
+ .current-title{
+ font-size: 18px;
+ color: rgba(28,30,32,0.85);
+ font-family: Noto Sans SC, Noto Sans SC;
+ font-weight: 500;
+ margin: 20px 0;
+ }
}
.components-container {
diff --git a/src/components/baseSelection/index.vue b/src/components/baseSelection/index.vue
index 85773e3..03184b7 100644
--- a/src/components/baseSelection/index.vue
+++ b/src/components/baseSelection/index.vue
@@ -40,9 +40,9 @@ onMounted(()=>{
-
+
-
{{item.baseName}}
+
{{item.baseName}}
@@ -56,9 +56,15 @@ onMounted(()=>{
}
.base-list{
.base-item{
- margin: 10px 20px;
+ text-align: center;
//鼠标悬浮变成点击
cursor: pointer;
+ padding: 10px 20px;
+
+ &:hover {
+ background-color: var(--el-color-primary-light-9);
+ color: var(--el-color-primary);
+ }
display: flex;
.base-name{
margin-left: 10px;
@@ -66,6 +72,8 @@ onMounted(()=>{
}
}
.base-active{
- color: v-bind(theme);
+ background-color: var(--el-color-primary-light-9);
+ color: var(--el-color-primary);
+ border-right: 3px solid var(--el-color-primary);
}
\ No newline at end of file
diff --git a/src/components/cropSelection/index.vue b/src/components/cropSelection/index.vue
index 2aced6f..864f538 100644
--- a/src/components/cropSelection/index.vue
+++ b/src/components/cropSelection/index.vue
@@ -13,6 +13,8 @@ onMounted(()=>{
clickCrop(item)
}
})
+ }else{
+ clickCrop(cropList.value[0])
}
})
const currentCrop = defineModel({type:Object,default:()=>({})})
@@ -31,9 +33,9 @@ const clickCrop = (item) => {
-
+
-
{{item.cropName}}
+
{{item.cropName}}
@@ -47,9 +49,15 @@ const clickCrop = (item) => {
}
.Crop-list{
.Crop-item{
- margin: 10px 20px;
+ text-align: center;
//鼠标悬浮变成点击
cursor: pointer;
+ padding: 10px 20px;
+
+ &:hover {
+ background-color: var(--el-color-primary-light-9);
+ color: var(--el-color-primary);
+ }
display: flex;
.Crop-name{
margin-left: 10px;
@@ -57,6 +65,8 @@ const clickCrop = (item) => {
}
}
.Crop-active{
- color: v-bind(theme);
+ background-color: var(--el-color-primary-light-9);
+ color: var(--el-color-primary);
+ border-right: 3px solid var(--el-color-primary);
}
\ No newline at end of file