fuck

miniprogram/pages/index/index.scss

@@ -269,11 +269,12 @@
         display: flex;
         flex-direction: column;
         padding-top: 20rpx;
+        // padding-bottom: 40rpx;
         .lib_search{
             margin-bottom: 20rpx;
-            .lib_search_input{
-                // background-color: yellow;
-            }
+            // .lib_search_input{
+            //     // background-color: yellow;
+            // }
         }
         .node{
             background-color: rgba($color: #ffffff, $alpha: 1);
@@ -507,7 +508,7 @@
             height: 210rpx;
             width: auto;
             border-radius: 15rpx;
-            background-color: violet;
+            background-color: rgba(167, 180, 176, 0.863);
             margin:15rpx 25rpx;
             // margin-top:30rpx;
             // margin-left: 30rpx;
@@ -528,9 +529,13 @@
                 overflow: scroll;
                 .picture{
                     margin-left: 0;
-                    height: auto;
-                    width: auto;
+                    height: 150rpx;
+                    width: 150rpx;
                     border-radius: 15rpx;
+                    // overflow: hidden;
+                    image{
+                        border-radius: 15rpx;
+                    }
                 }
             }
         }
@@ -695,10 +700,100 @@
     // }
 }
 
+//个性化界面
 #page_style{
     background-color: rgba($color: #fff5d2, $alpha: 1.0);
     display: flex;
     align-items: center;
     justify-content: center;
     translate:0 100%;
+}
+
+//遮罩
+#curtain{
+    // background-color: rgba(0, 0, 0, 0.19);
+    background-color: rgba(0, 0, 0, 0);
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 1;
+    // transform: ;
+}
+//查询结果
+#page_result{
+    height: 90%;
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    overflow: hidden;
+    translate: 0 100%;
+    background-color: rgba($color: #ffffff, $alpha: 1.0);
+    border-radius: 50rpx;
+    .content{
+        display: flex;
+        flex-direction:row;
+        justify-content: center;
+        overflow: scroll;
+        .result_isSafe{
+            background-color: #bfdfd7;
+            width: 300rpx;
+            height: 300rpx;
+            margin:30rpx;
+            border-radius: 25rpx;
+            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
+        }
+        .result_circle{
+            background-color: #bfdfd7;
+            width: 300rpx;
+            height: 300rpx;
+            margin:30rpx;
+            border-radius: 25rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 80rpx;
+            box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
+            .circle{
+                position:absolute;
+                width: 110px;
+                height: 110px;
+                border-radius: 50%;
+                // background-color: #fff5d2;
+                clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%);
+                transform: rotate(45deg);
+            }
+        }
+    }
+}
+
+
+
+//测试按钮
+.testButtom{
+    height: auto;
+    width: auto;
+    position: absolute;
+    bottom: 100rpx;
+    left:50rpx;
+    background-color: royalblue;
+}
+.testButtom1{
+    height: auto;
+    width: auto;
+    position: absolute;
+    bottom: 100rpx;
+    left:250rpx;
+    background-color: royalblue;
+}
+
+.testButtom2{
+    height: auto;
+    width: auto;
+    position: absolute;
+    bottom: 100rpx;
+    left:450rpx;
+    background-color: royalblue;
 }