init

miniprogram/pages/index/index.scss

@@ -0,0 +1,172 @@
+/**index.wxss**/
+
+.container{
+    display: flex;
+    position: absolute;
+    height: 100%;
+    width:100%;
+    justify-content: center;
+    background-color: rgba($color: #fff5d2, $alpha: 1.0);
+    // font-family: "Ali Puhui";
+    // font-family:Arial, Helvetica, sans-serif
+}
+#startPage{
+    display: flex;
+    position: absolute;
+    height: 100%;
+    width:100%;
+    justify-content: center;
+    background-color: rgba($color: #fff5d2, $alpha: 1.0);
+}
+
+.text_startPage{
+    font-size: 60rpx;
+}
+
+.buttom_startPage{
+    background-color: rgba($color: #d2fff4, $alpha: 1);
+    border-radius: 20rpx;
+    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+#gotoSearch{
+    height: 200rpx;
+    position: absolute;
+    top: 300rpx;
+    width: 80%;
+    .text_startPage{
+        font-size: 80rpx;
+    }
+}
+
+#buttom_startPage1{
+    height: 130rpx;
+    position: absolute;
+    top: 550rpx;
+    width: 50%;
+    left: 10%;
+}
+
+#buttom_startPage2{
+    height: 130rpx;
+    position: absolute;
+    top: 550rpx;
+    width: 20%;
+    right: 10%;
+}
+
+#buttom_startPage4{
+    height: 130rpx;
+    position: absolute;
+    top: 720rpx;
+    width: 50%;
+    right: 10%;
+}
+
+#buttom_startPage3{
+    height: 130rpx;
+    position: absolute;
+    top: 720rpx;
+    width: 20%;
+    left: 10%;
+}
+
+#tips_startPage{
+    height: 80rpx;
+    position: absolute;
+    top: 1000rpx;
+    width: 80%;
+}
+
+.test{
+    height: 100rpx;
+    width: 100rpx;
+    position: relative;
+    top:1200rpx;
+    margin: 50rpx;
+    // left:-200rpx;
+}
+
+.miao_page{
+    height: 100%;
+    width: 100%;
+    position: absolute;
+}
+
+// 相机界面 丑是丑了点，后面再优化吧
+#page_camera{
+    background-color: black;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    translate:0 100%;
+    #camera{
+        width: 100%; 
+        height: 100%;
+        position: absolute;
+        top:0;
+        left: 0;
+    }
+    #buttom_takePhoto{
+        height: 150rpx;
+        width: 150rpx;
+        border-radius: 50%;
+        background-color: rgba($color: #15aa87, $alpha: 1);
+        position: absolute;
+        bottom: 120rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        #buttom_takePhoto1{
+            height: 120rpx;
+            width: 120rpx;
+            border-radius: 50%;
+            background-color: rgb(240, 255, 247);
+        }
+    }
+    
+    #page_camera_background{
+        height: 400rpx;
+        width: 100%;
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        // background-color: white;
+        // background-color: black;
+        bottom: 0rpx;
+        left:0rpx;
+    }
+
+    #page_camera_back{
+        height: 110rpx;
+        width: 110rpx;
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        // background-color: aquamarine;
+        bottom: 140rpx;
+        left:80rpx;
+        // font-size: 150rpx;
+        // font-weight: 900;
+        // font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    }
+    #page_camera_local{
+        height: 110rpx;
+        width: 110rpx;
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        // background-color: aquamarine;
+        bottom: 140rpx;
+        right:80rpx;
+        // font-size: 150rpx;
+        // font-weight: 900;
+        // font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    }
+}