|
@@ -76,12 +76,13 @@ watch(
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
.bg-img-item_view {
|
|
.bg-img-item_view {
|
|
|
background-size: cover;
|
|
background-size: cover;
|
|
|
- background-position: center;
|
|
|
|
|
|
|
+ background-position: center top;
|
|
|
border: 1px solid transparent;
|
|
border: 1px solid transparent;
|
|
|
}
|
|
}
|
|
|
.item-hover {
|
|
.item-hover {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
&:hover {
|
|
&:hover {
|
|
|
|
|
+ background-color: rgba(#2A6D52, .3);
|
|
|
.bg-img-item_view {
|
|
.bg-img-item_view {
|
|
|
border-color: var(--el-color-primary);
|
|
border-color: var(--el-color-primary);
|
|
|
}
|
|
}
|
|
@@ -90,6 +91,7 @@ watch(
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
&.checked {
|
|
&.checked {
|
|
|
|
|
+ background-color: rgba(#2A6D52, .3);
|
|
|
.bg-img-item_view {
|
|
.bg-img-item_view {
|
|
|
border-color: var(--el-color-primary);
|
|
border-color: var(--el-color-primary);
|
|
|
}
|
|
}
|