wewechat++ init

仓库提交至星火社区作品集

Signed-off-by: Riceneeder <86492950+Riceneeder@users.noreply.github.com>

src/js/pages/Layout.css

@@ -0,0 +1,68 @@
+
+.container {
+    height: calc(100vh - 100px);
+    overflow: hidden;
+    overflow-y: auto;
+    background: rgba(255, 255, 255, .8);
+    box-shadow: inset 0 1px 0 0 #eaedea;
+    filter: blur(0);
+    transition: .2s;
+
+    &.blur {
+        filter: blur(6px);
+    }
+}
+
+.dragDropHolder {
+    position: fixed;
+    display: flex;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: rgba(255, 255, 255, .7);
+    font-family: 'Roboto';
+    color: #777;
+    z-index: 999;
+    opacity: 0;
+    visibility: hidden;
+    transition: .2s;
+    pointer-events: none;
+
+    &.show {
+        opacity: 1;
+        visibility: visible;
+    }
+
+    & i {
+        margin-top: 24px;
+        font-size: 48px;
+    }
+
+    & h2 {
+        font-weight: 100;
+    }
+
+    & img {
+        margin: 12px;
+    }
+
+    & .inner {
+        display: flex;
+        width: 60vw;
+        height: 56vh;
+        padding-top: 14px;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
+}
+
+@media (width <= 800px) {
+    .container {
+        height: calc(100vh - 86px);
+    }
+}