Browse Source

12/09 11:30

111
mo 4 years ago
parent
commit
a9639c9115
1 changed files with 10 additions and 1 deletions
  1. 10 1
      src/views/teamDetail/componentCourse/message-box.vue

+ 10 - 1
src/views/teamDetail/componentCourse/message-box.vue

@@ -33,7 +33,7 @@ export default {
 <style lang="less" scoped>
   .box{
     display: flex;
-    margin-top: 10px;
+
     &.teacher{
       flex-direction: row-reverse;
       >.name{
@@ -43,6 +43,7 @@ export default {
       .container{
         max-width: 80%;
         .content{
+              margin-top: 10px;
           color: #fff;
           background-color: #13817a;
           text-align: right;
@@ -63,12 +64,19 @@ export default {
       margin-left: 0;
     }
     .container{
+        &:hover{
+            .time{
+              visibility: visible!important;
+          } 
+         }
       .time{
         display: block;
         margin-bottom: 3px;
         font-size: 12px;
+        visibility: hidden;
       }
       .content{
+            margin-bottom: 10px;
         position: relative;
         background-color: #fff;
         padding: 10px;
@@ -85,6 +93,7 @@ export default {
           top: 8px;
           position: absolute;
         }
+        
       }
     }
   }