fix

src/views/Home.vue

@@ -170,11 +170,12 @@ export default {
     },
     // 点击查看大图
     lookImg(url) {
-      console.log(url)
-
-      // let dom = this.$refs.viewer.$viewer;
-      // this.lookPics = [url];
-      // dom.show();
+      // console.log(url)
+      let dom = this.$refs.viewer.$viewer
+      this.lookPics = [url]
+      // console.log(Object.keys(dom))
+      dom.options.toolbar = false
+      dom.show()
     },
     async getData() {
       // https://www.4dmodel.com/
@@ -268,7 +269,7 @@ export default {
     height: 60px;
   }
   .main {
-    width: 1100px;
+    width: 100%;
     margin: 0 auto;
     height: 100%;
     padding: 30px 0 20px 0;
@@ -291,7 +292,7 @@ export default {
       .oneTabNum {
         z-index: 10;
         position: absolute;
-        bottom: 30px;
+        bottom: 0;
         left: 50%;
         transform: translateX(-50%);
         font-size: 14px;
@@ -356,8 +357,8 @@ export default {
         top: 50%;
         transform: translateY(-50%);
         left: 10px;
-        width: 37px;
-        height: 37px;
+        width: 30px;
+        height: 40px;
         background-image: url("../assets/images/pc/left.png");
         background-size: 100% 100%;
         &:focus {
@@ -382,11 +383,9 @@ export default {
       .flooTxtBox {
         width: 100%;
         height: 100%;
+        padding: 0 30px;
         overflow-y: auto;
-        //隐藏滚动条
-        &::-webkit-scrollbar {
-          display: none;
-        }
+
         .myTxt {
           font-size: 16px;
           color: #333333;
@@ -402,7 +401,7 @@ export default {
           /*滚动条里面小方块*/
           border-radius: 10px;
           -webkit-box-shadow: inset 0 0 5px transparent;
-          background: #fcda99;
+          background: rgb(192, 166, 126);
         }
         &::-webkit-scrollbar-track {
           /*滚动条里面轨道*/