修改中台和组件引入

董国庆

2025-06-20 e169d66efe2eebc580ba405f1c984914c422ce0a

 culture/src/views/middleground/index.vue

@@ -65,11 +65,13 @@
</template>
<script>
import { loginReq } from './service'
import { Calendar } from "ant-design-vue";
import HeaderNav from '../../layouts/components/HeaderNav.vue'
export default {
  name: 'Login',
  components: {
    HeaderNav,
    ACalendar: Calendar,
    // ElCalendar // 注册 ElCalendar 组件
  },

@@ -286,6 +288,7 @@
        .module-item {
          width: 100%;
          height: 307px;
          border-radius: 20px;
        }
      }

@@ -353,6 +356,8 @@
      cursor: pointer;
      transition: all 0.3s ease;
      overflow: hidden;
      border-radius: 20px;
      padding-bottom: 40px;
    }

    .module-bg {
@@ -439,11 +444,12 @@
        content: '';
        position: absolute;
        left: 50%;
        bottom: -5px;
        bottom: -15px;
        transform: translateX(-50%);
        width: 50%;
        height: 2px;
        background-color: #007bff;
        width: 66px;
        height: 3px;
        background: #24595b;
        border-radius: 1px;
      }
    }

@@ -780,7 +786,7 @@
              height: 55px;
              background: #FFFFFF;
              border-radius: 8px;
              border: 1px solid #EDEDED;
              border: 1px solid #ededed;
              display: flex;
              justify-content: center;
              align-items: center;
@@ -807,13 +813,32 @@
            &.ant-fullcalendar-today .ant-fullcalendar-date {
              // border-color: #009688;
            }
            &.ant-fullcalendar-last-month-cell {
              .ant-fullcalendar-value {
                color: #ffffff !important;
              }
            }

            &.ant-fullcalendar-next-month-btn-day {
              .ant-fullcalendar-date {}

              .ant-fullcalendar-value {
                color: #ffffff !important;

                &:hover {
                  // background: #FFFFFF;
                  color: rgba(4, 156, 154, 0.1) !important;
                }
              }
            }
          }
        }

        .ant-fullcalendar-month-panel-selected-cell {
          .ant-fullcalendar-month {
            border-top-color: #009688 !important;
            background: rgba(4, 156, 154, .2);
            // background: rgba(4, 156, 154, .2);
            background: rgba(4, 156, 154, 0.2);

            .ant-fullcalendar-value {
              color: #FFFFFF;