updatee

gaosp

2024-03-09 95603bea1ab27824c2b4155d9d079a6c66d661b6

 src/components/home/index.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-04 19:40:32
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-23 20:08:52
 * @LastEditTime: 2024-03-09 12:58:30
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/components/home/index.vue
-->
<template>
@@ -11,13 +11,14 @@
            <div class="menu">
              <slot name="menu"></slot>
            </div>
            <p v-if="showTime" class="time">{{time1}}<span>{{time2}}</span></p>
            <p v-if="showTime" class="time"><span>{{time1}}</span><span  style="position: relative;">{{time2}}</span></p>
        </div>
        <div class="content">
            <slot name="content"></slot>
            <slot class="copy" name="content"></slot>
            <div class="footer">
            </div>
        </div>
        <div class="footer">
        </div>
        
    </div>
</template>
<script>
@@ -93,22 +94,34 @@
    // justify-content: space-between;
    & > img {
      flex: 0 0 auto;
      width: 500px;
      width: 599px;
      max-height: 91px;
      align-self: flex-start;
    }
    .menu {
      height: 50px;
      margin-left: auto;
      margin-left: 20px;
      flex: 1 1 auto;
    }
    .time {
      // position: absolute;
      color: #fff;
      font-size: 20px;
      span {
      height: 30px;
      position: relative;
      span:first-child {
        // display: flex;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        left: -100px;
        font-size: 20px;
        line-height: 30px;
      }
      span:last-child {
        margin-left: 14px;
        font-family: digital;
        font-size: 30px;
        line-height: 30px;
      }
    }
  }
@@ -119,6 +132,9 @@
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    .workshop {
      height: calc(100% - 50px)!important;
    }
    .compName {
      font-size: 23px;
      color: #FFFFFF;
@@ -127,10 +143,13 @@
      left: 0;
      right: 0;
      text-align: center;
      bottom: 30px;
      bottom: 50px;
    }
  }
  .footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 46px;
    background-image: url('~@/assets/img/login/footer.png');
    background-size: cover;