修改样式

2025-08-08 13:57:53 +08:00 · 2025-08-08 13:57:53 +08:00 · 9c54123108
parent 87a1f17897
commit 9c54123108
11 changed files with 17 additions and 175 deletions
--- a/index.html
+++ b/index.html
@ -25,157 +25,7 @@
      })();
    </script>
    <div id="app">
-      <style>
-        html[data-theme='dark'] .app-loading {
-          background-color: #2c344a;
-        }
-
-        html[data-theme='dark'] .app-loading .app-loading-title {
-          color: rgba(255, 255, 255, 0.85);
-        }
-
-        .app-loading {
-          display: flex;
-          width: 100%;
-          height: 100%;
-          justify-content: center;
-          align-items: center;
-          flex-direction: column;
-          background-color: #f4f7f9;
-        }
-
-        .app-loading .app-loading-wrap {
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          display: flex;
-          -webkit-transform: translate3d(-50%, -50%, 0);
-          transform: translate3d(-50%, -50%, 0);
-          justify-content: center;
-          align-items: center;
-          flex-direction: column;
-        }
-
-        .app-loading .dots {
-          display: flex;
-          padding: 98px;
-          justify-content: center;
-          align-items: center;
-        }
-
-        .app-loading .app-loading-title {
-          display: flex;
-          margin-top: 10px;
-          margin-bottom: 20px;
-          font-size: 30px;
-          color: rgba(0, 0, 0, 0.85);
-          justify-content: center;
-          align-items: center;
-        }
-
-        .app-loading .app-loading-logo {
-          display: block;
-          width: 90px;
-          margin: 0 auto;
-          margin-bottom: 20px;
-        }
-
-        .dot {
-          position: relative;
-          display: inline-block;
-          width: 48px;
-          height: 48px;
-          margin-top: 30px;
-          font-size: 32px;
-          transform: rotate(45deg);
-          box-sizing: border-box;
-          animation: antRotate 1.2s infinite linear;
-        }
-
-        .dot i {
-          position: absolute;
-          display: block;
-          width: 20px;
-          height: 20px;
-          background-color: #0065cc;
-          border-radius: 100%;
-          opacity: 0.3;
-          transform: scale(0.75);
-          animation: antSpinMove 1s infinite linear alternate;
-          transform-origin: 50% 50%;
-        }
-
-        .dot i:nth-child(1) {
-          top: 0;
-          left: 0;
-        }
-
-        .dot i:nth-child(2) {
-          top: 0;
-          right: 0;
-          -webkit-animation-delay: 0.4s;
-          animation-delay: 0.4s;
-        }
-
-        .dot i:nth-child(3) {
-          right: 0;
-          bottom: 0;
-          -webkit-animation-delay: 0.8s;
-          animation-delay: 0.8s;
-        }
-
-        .dot i:nth-child(4) {
-          bottom: 0;
-          left: 0;
-          -webkit-animation-delay: 1.2s;
-          animation-delay: 1.2s;
-        }
-        @keyframes antRotate {
-          to {
-            -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-          }
-        }
-        @-webkit-keyframes antRotate {
-          to {
-            -webkit-transform: rotate(405deg);
-            transform: rotate(405deg);
-          }
-        }
-        @keyframes antSpinMove {
-          to {
-            opacity: 1;
-          }
-        }
-        @-webkit-keyframes antSpinMove {
-          to {
-            opacity: 1;
-          }
-        }
-      </style>
-      <div class="app-loading">
-        <div class="app-loading-wrap">
-          <img src="<%= basePublicPath %>/resource/img/logo.png" class="app-loading-logo" alt="Logo" />
-          <!-- <div class="app-loading-title"><%= title %></div> -->
-          <div class="app-loading-dots" style="margin-top: -165px;">
-            <span class="dot dot-spin" style="width:140px;height: 140px;"><i></i><i></i><i></i><i></i><i></i><i></i></span>
-          </div>
-        </div>
-      </div>
    </div>
    <script type="module" src="/src/main.ts"></script>
-    <script src="/static/tums-player/tums-player.umd.min.js"></script>
-    <!-- 百度统计 -->
-    <!-- <script>
-      var _hmt = _hmt || [];
-      (function () {
-        var hm = document.createElement('script');
-        hm.src = 'https://hm.baidu.com/hm.js?0febd9e3cacb3f627ddac64d52caac39';
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(hm, s);
-      })();
-    </script> -->
-    <!-- 腾讯地图 -->
-    <!-- <script src="https://map.qq.com/api/gljs?v=1.exp&key=2E6BZ-ZC3E3-BMX3D-OWFUI-FLY2F-MLFFJ"></script> -->
  </body>
 </html>
--- a/public/resource/img/logogif.gif
+++ b/public/resource/img/logogif.gif
--- a/src/components/Application/src/AppLogo.vue
+++ b/src/components/Application/src/AppLogo.vue
@ -3,7 +3,7 @@
 * @Description: logo component
 -->
 <template>
-  <div class="anticon" :class="getAppLogoClass" @click="goHome" style="background: #e3f6fc;text-align: center;">
+  <div class="anticon" :class="getAppLogoClass" @click="goHome" style="background: #ceeef7;text-align: center;">
    <img src="../../../assets/images/logo.png" />
    <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
      {{ shortTitle }}
--- a/src/components/Drawer/src/BasicDrawer.vue
+++ b/src/components/Drawer/src/BasicDrawer.vue
@ -211,7 +211,6 @@
      height: calc(100% - @header-height);
      padding: 0;
      background-color: @component-background;
-      background: url(../resource/img/modalback.png);

      .scrollbar__wrap {
        padding: 16px !important;
@ -250,7 +249,6 @@

    .ant-drawer-body {
      height: calc(100% - @detail-header-height);
-      background: url(../resource/img/modalback.png);
    }
  }
 .jeecg-basic-title[data-v-ddd32716] {
--- a/src/components/Modal/src/index.less
+++ b/src/components/Modal/src/index.less
@ -27,6 +27,12 @@
  }
 }

+.ant-drawer-body {
+  // background: url(../resource/img/modalback.png);
+  // background: linear-gradient(to bottom, #f6faff, #f1f7ff);
+  background: linear-gradient(135deg, #f6faff 0%, #f1f7ff 100%);
+/* 如果需要支持旧版浏览器可以添加以下代码 */
+}
 .ant-modal {
  width: 520px;
  padding-bottom: 0;
@ -47,9 +53,10 @@

  .ant-modal-body {
    padding: 0;
-    background: url(../resource/img/modalback.png);
+    // background: url(../resource/img/modalback.png);
    background-repeat: no-repeat;
    background-size: cover;
+    background: linear-gradient(135deg, #f6faff 0%, #f1f7ff 100%);

    > .scrollbar > .scrollbar__bar.is-horizontal {
      display: none;
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@ -273,7 +273,7 @@
          ...unref(getProps),
          ...unref(getHeaderProps),
          scroll: unref(getScrollRef),
-          loading: unref(getLoading),
+          loading: false,
          tableLayout: 'fixed',
          rowSelection: unref(getRowSelectionRef),
          rowKey: unref(getRowKey),
--- a/src/layouts/default/header/index.vue
+++ b/src/layouts/default/header/index.vue
@ -9,7 +9,7 @@
        :theme="getHeaderTheme" :sider="false" />
      <LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" />
      <!-- 欢迎语 -->
-      <span v-if="getShowContent && getShowBreadTitle && !getIsMobile" style="background: #e3f6fc !important;"
+      <span v-if="getShowContent && getShowBreadTitle && !getIsMobile" style="background: #ceeef7 !important;"
        :class="[prefixCls, `${prefixCls}--${getHeaderTheme}`, 'headerIntroductionClass']">
        {{ t('layout.header.welcomeIn') }} {{ title }} </span>
    </div>
@ -275,5 +275,6 @@ export default defineComponent({
  background-image: url('../resource/img/bj.png')  !important;
  background-repeat: no-repeat;
  background-size: 100% auto;
+  background-color: #e5f5f9 !important;
 }
 </style>
--- a/src/layouts/default/sider/index.vue
+++ b/src/layouts/default/sider/index.vue
@ -48,7 +48,6 @@
    .ant-drawer-body {
      height: 100vh;
      padding: 0;
-      background: url(../resource/img/modalback.png);
    }

    .ant-drawer-header-no-title {
--- a/src/main.ts
+++ b/src/main.ts
@ -68,7 +68,7 @@ async function bootstrap(props?: MainAppProps) {
  registerGlobComp(app);

  //CAS单点登录
-  await useSso().ssoLogin();
+  // await useSso().ssoLogin();

  // 配置路由
  setupRouter(app);
@ -83,10 +83,10 @@ async function bootstrap(props?: MainAppProps) {
  setupErrorHandle(app);

  // 注册第三方组件
-  await registerThirdComp(app);
+  // await registerThirdComp(app);

  // 当路由准备好时再执行挂载( https://next.router.vuejs.org/api/#isready)
-  await router.isReady();
+  // await router.isReady();

  // 挂载应用
  app.mount(getMountContainer(props), true);
--- a/src/views/invoicing/ConfigMaterial/ConfigMaterialInfoList.vue
+++ b/src/views/invoicing/ConfigMaterial/ConfigMaterialInfoList.vue
@ -617,10 +617,4 @@ function getTreeData(){
  clip-path: polygon(100% 100%, 0 100%, 100% 0);
  z-index: 999;
 }
-</style>
-<style lang="less">
-.ant-drawer-body {
-      background: url(../resource/img/modalback.png);
-
-}
 </style>
--- a/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
+++ b/src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
@ -224,8 +224,7 @@
  </a-drawer>

  <!-- 体型标签 -->
-  <a-drawer title="体型标签" width="60vw" :open="bodyTagOpen" @close="onBodyTagClose"
-    bodyStyle="background: url(../../resource/img/modalback.png);">
+  <a-drawer title="体型标签" width="60vw" :open="bodyTagOpen" @close="onBodyTagClose" >
    <template #footer>
      <a-button type="primary" @click="onBodyTagClose" style="float: right;">关闭</a-button>
    </template>
@ -233,8 +232,7 @@
  </a-drawer>

  <!-- 情绪标签 -->
-  <a-drawer title="情绪标签" width="60vw" :open="emotionTagOpen" @close="onEmotionTagClose"
-    bodyStyle="background: url(../../resource/img/modalback.png);">
+  <a-drawer title="情绪标签" width="60vw" :open="emotionTagOpen" @close="onEmotionTagClose" >
    <template #footer>
      <a-button type="primary" @click="onEmotionTagClose" style="float: right;">关闭</a-button>
    </template>
@ -1163,9 +1161,4 @@ audio::-webkit-media-controls-time-remaining-display {
    overflow-y: auto;
  }
 }
-
-.backClass {
-
-  background: url(../../resource/img/modalback.png);
-}
 </style>