`fix`

src/components/HomeComponents/messageTable.vue

@@ -41,7 +41,8 @@ const messageList = ref([
 ]);
 
 const getList = () => {
-    playlist().then(res => {
+      playlist().then(res => {
+        res= res.sort((a,b)=>{return moment(b.time).unix() - moment(a.time).unix()})
         messageList.value = res;
     });
 };
@@ -113,6 +114,10 @@ onMounted(() => {
     text-align: left;
     font-style: normal;
     text-transform: none;
+     white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 68px;
 }
 
 .timeClass {

src/components/HomeStatics/messageTable.vue

@@ -26,8 +26,8 @@ const messageList = ref([
 ]);
 
 const getList = () => {
-    playlist().then(res => {
-        console.log(res);
+  playlist().then(res => {
+        res= res.sort((a,b)=>{return moment(b.time).unix() - moment(a.time).unix()})
         messageList.value = res;
     });
 };
@@ -80,6 +80,10 @@ onMounted(() => {
     text-align: left;
     font-style: normal;
     text-transform: none;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-width: 68px;
 }
 
 .timeClass {