Parcourir la source

feat(simple-demo): 优化 memos 页面交互和样式

- 添加鼠标悬停效果,增强用户体验
- 为内容列表项添加样式类,提高代码可维护性
tianyun il y a 5 mois
Parent
commit
f759764f34
2 fichiers modifiés avec 4 ajouts et 2 suppressions
  1. 3 1
      simple-demo/memos.css
  2. 1 1
      simple-demo/memos.html

+ 3 - 1
simple-demo/memos.css

@@ -30,7 +30,9 @@ img {
   /*margin-top: 5px;*/
   margin-left: 30px;
 }
-
+.border.el-row:hover {
+  background-color: #e9e6e6; /* 鼠标悬停时的背景色 */
+}
 .contentLine > div {
   margin: 5px 0 0;
 }

+ 1 - 1
simple-demo/memos.html

@@ -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">