- 添加鼠标悬停效果,增强用户体验 - 为内容列表项添加样式类,提高代码可维护性
@@ -30,7 +30,9 @@ img {
/*margin-top: 5px;*/
margin-left: 30px;
}
-
+.border.el-row:hover {
+ background-color: #e9e6e6; /* 鼠标悬停时的背景色 */
+}
.contentLine > div {
margin: 5px 0 0;
@@ -171,7 +171,7 @@
></el-input>
</div>
<div>
- <div v-for="item in contentList">
+ <div v-for="item in contentList" class="myLine">
<el-row style="margin: 10px; padding: 10px" class="border">
<el-col :span="18" class="contentLine">
<div style="display: flex">