init

src/pages/index.css

@@ -0,0 +1,247 @@
+:root {
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  width: 100%;
+  height: 100%;
+  min-width: 100vw;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+
+button:hover {
+  border-color: #646cff;
+}
+
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  text-align: center;
+  background-color: #f5f5f5;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+
+  a:hover {
+    color: #747bff;
+  }
+
+  button {
+    background-color: #f9f9f9;
+  }
+}
+
+.ant-image-preview-mask {
+  background-color: rgba(0, 0, 0, 0.85) !important;
+}
+
+.ant-image-preview-img {
+  max-width: 75% !important;
+  max-height: 75% !important;
+}
+
+.ant-menu-title-content {
+  text-align: left;
+}
+
+.drawer-footer {
+  z-index: 10086;
+}
+
+.ant-list-split .ant-list-item {
+  border-block-end: none;
+}
+
+.ant-empty-description {
+  color: #999;
+}
+
+.ant-drawer-header {
+  padding: 14px 24px !important;
+  padding-right: 10px !important;
+  background-color: #1677ff;
+}
+
+.ant-drawer-close,
+.ant-drawer-title {
+  color: #fff !important;
+}
+
+.ant-drawer-header-title {
+  flex-direction: row-reverse;
+}
+
+.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select {
+  width: 120px;
+  height: 120px;
+}
+
+.ant-form-item .ant-form-item-control {
+  margin-bottom: 10px;
+}
+
+.iview-filter-form .ant-form-item .ant-form-item-control {
+  margin-bottom: 0px;
+}
+
+.ant-drawer-close {
+  margin-inline-end: 0px !important;
+}
+
+.del {
+  text-decoration: line-through;
+}
+
+.ant-tag {
+  margin-inline-end: 0px;
+}
+
+.page-header h2 {
+  font-size: 22px;
+  font-weight: 500;
+  margin-bottom: 8px;
+  text-align: left;
+}
+
+.no-data {
+  color: #999;
+  font-style: italic;
+}
+
+/* 移动端适配 */
+@media screen and (max-width: 768px) {
+  .page-header h2 {
+    font-size: 1.6rem;
+    font-weight: 600;
+    margin: 0;
+  }
+}
+
+.wordwrap {
+  white-space: normal;
+  word-break: break-all;
+  word-wrap: break-word;
+}
+
+.ant-message-notice-content {
+  max-width: 500px;
+}
+
+@keyframes shake {
+
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    transform: translateX(-5px);
+  }
+
+  20%,
+  40%,
+  60%,
+  80% {
+    transform: translateX(5px);
+  }
+}
+
+.shake-animation {
+  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+  /* border-right: 1px solid red; */
+}
+
+:deep(.ant-result .ant-result-title) {
+  font-size: 16px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: #24292e;
+}
+
+.ant-tabs .ant-tabs-tab+.ant-tabs-tab {
+  margin: 0 0 0 20px;
+}
+
+@media screen and (max-width: 768px) {
+  .ant-tabs .ant-tabs-tab+.ant-tabs-tab {
+    margin: 0 0 0 15px;
+  }
+}
+
+/* 删除状态, 设置划线的颜色 */
+.is_delete {
+  color: #999;
+  text-decoration: line-through;
+  text-decoration-color: #333333;
+  text-decoration-thickness: 1.5px;
+  text-decoration-style: solid;
+  text-decoration-skip-ink: none;
+  text-decoration-skip: none;
+  text-decoration-skip-ink: none;
+  opacity: 0.5;
+}
+
+.ant-drawer-body::-webkit-scrollbar{
+  display: none;
+  width: 0;
+  height: 0;
+}