完整的教务系统前端项目 - 包含所有修复和9月份数据

src/components/Locked/index.css

@@ -0,0 +1,34 @@
+.lock-wrapper {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: rgba(255, 255, 255, 0.9);
+
+  .lock {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 320px;
+    height: 320px;
+    background-image: url("@/assets/images/Common/lock_bg.png");
+    background-size: contain;
+    background-position: center;
+    background-repeat: no-repeat;
+
+    > span {
+      position: absolute;
+      bottom: -50px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 433px;
+      height: 44px;
+      text-align: center;
+      color: #1d2129;
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
+}

src/components/Locked/index.jsx

@@ -0,0 +1,9 @@
+import "./index.css";
+
+export default ({ text = "", className = "" }) => {
+  return (
+    <div className={`lock-wrapper ${className}`}>
+      <div className="lock">{text ? <span>{text}</span> : null}</div>
+    </div>
+  );
+};