optimize a page

miniprogram/pages/index/index.scss

@@ -172,14 +172,35 @@
 
 .title{
     width: 100%;
-    height: 100rpx;
-    // background-color: aqua;
+    height: 10%;
+    background-color: aqua;
     position:absolute;
-    top:55rpx;
+    top:0rpx;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: x-large;
+    .page_back{
+        height: 70rpx;
+        width: 70rpx;
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        // background-color: aquamarine;
+        top: 50rpx;
+        left:30rpx;
+        // font-size: 150rpx;
+        // font-weight: 900;
+        // font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    }
+}
+.content{
+    position:absolute;
+    width: 100%;
+    height: 90%;
+    top: 10%;
+    overflow: scroll;
 }
 
 // 知识库界面
@@ -194,9 +215,6 @@
 // 历史记录
 #page_history{
     background-color: rgba($color: #fff5d2, $alpha: 1.0);
-    display: flex;
-    align-items: center;
-    justify-content: center;
     .date1{
         background-color: rgba($color: #fff5d2, $alpha: 1);
         height: 50rpx;
@@ -205,6 +223,44 @@
         top: 160rpx;
         left: 10%;
     }
+    .content{
+        flex-direction: column;
+        justify-items: center;
+        align-items: flex-start;
+        .history_part{
+            height: 210rpx;
+            width: auto;
+            background-color: violet;
+            // margin:25rpx;
+            margin-top:30rpx;
+            margin-left: 30rpx;
+            margin-right: 30rpx;
+            padding: 15rpx;
+            .history_time{
+                // height: 30rpx;
+                width:fit-content;
+                // margin-left: 10rpx;
+                padding:5rpx;
+                background-color: whitesmoke;
+            }
+            .history_content{
+                display: flex;
+                justify-self: start;
+                overflow: scroll;
+                .picture{
+                    margin-left: 0;
+                    height: auto;
+                    width: auto;
+                }
+            }
+        }
+    }
+    .picture{
+        background-color: rgba($color: #ffffff, $alpha: 1);
+        height: 170rpx;
+        width: 25%;
+        margin: 10rpx;
+    }
     .picture1{
         background-color: rgba($color: #ffffff, $alpha: 1);
         height: 170rpx;