feat(appearance): appearance set

Author: dataeaseShu

frontend/src/views/system/appearance/index.vue

@@ -810,116 +810,6 @@ onUnmounted(() => {
                 }
               }
             }
-            .mobile-fake {
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              background: #ffffff;
-              border-radius: 6px;
-              padding-top: 24px;
-              .mobile-canvas {
-                transform: scale(0.6);
-                transform-origin: top;
-                border-radius: 30px;
-                width: 419px;
-                height: 852px;
-                overflow: hidden;
-                background-size: 100% 100% !important;
-                position: relative;
-                background-image: url(@/assets/img/mobile-bg-pc.png);
-                padding: 0 22px;
-
-                .mobile-header {
-                  margin-top: 20px;
-                  height: 43px;
-                  display: flex;
-                  img {
-                    height: 100%;
-                    width: 100%;
-                  }
-                }
-
-                .config-panel-title {
-                  height: 44px;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-                  background: #fff;
-                  position: relative;
-                  border-top-right-radius: 4px;
-                  border-top-left-radius: 4px;
-                }
-
-                .config-panel-content {
-                  width: 100%;
-                  height: calc(100% - 127px);
-                  border-bottom-left-radius: 45px;
-                  border-bottom-right-radius: 45px;
-                  overflow: hidden;
-
-                  .login-mobile_color {
-                    width: 100%;
-                    height: 100%;
-                    position: relative;
-                    .mobile-login-content {
-                      background: linear-gradient(
-                        180deg,
-                        rgba(255, 255, 255, 0.94) 0%,
-                        #ffffff 58.86%
-                      );
-                      position: absolute;
-                      bottom: 0;
-                      left: 0;
-                      border-top-right-radius: 20px;
-                      border-top-left-radius: 20px;
-                      overflow: hidden;
-                      width: 100%;
-                      height: 70%;
-                      padding: 24px 16px;
-                      z-index: 10;
-
-                      .mobile-login-welcome {
-                        font-size: 22px;
-                        font-weight: 500;
-                        line-height: 30px;
-                        margin-top: 10px;
-                      }
-
-                      .login-input_fake {
-                        position: relative;
-                        width: 100%;
-                        height: 48px;
-                        border: 1px solid #bbbfc4;
-                        border-radius: 6px;
-                        margin: 16px 0;
-                        padding: 12px 16px;
-                        border-color: rgb(187, 191, 196);
-                      }
-                    }
-                  }
-
-                  &.with-bg {
-                    background-size: contain;
-                    background-repeat: no-repeat;
-                    background-image: url(@/assets/img/bg-mobile.png);
-                  }
-
-                  .mobile-login_bg {
-                    width: 100%;
-                    height: 100%;
-                    position: relative;
-                    z-index: 1;
-                  }
-                }
-              }
-            }
-            .tips-page {
-              font-size: 14px;
-              font-weight: 400;
-              line-height: 22px;
-              color: #8f959e;
-              margin-top: 6px;
-            }
           }
 
           .config-list {