底部menu文字提示

TreeWish

2023-02-17 1a1fb8a22416a49ec741061b0fe6090c05611168

底部menu文字提示

 src/components/Screen/bottom.vue

@@ -17,7 +17,7 @@
            trigger="click"
          >
            <!-- 内容 -->
            <span slot="reference">项目展示</span>
            <span slot="reference">{{ item.menuName }}</span>
            <div class="popover-content">
              <div class="popover-content__header">项目信息</div>
              <div class="popover-content__list">
@@ -27,8 +27,9 @@
                  :key="child.id"
                  :class="currProject == child.name ? 'active' : ''"
                  @click="handlePopoverClick(child)"
                  :title="child.name"
                >
                  {{ child.name }}
                  {{ child.name.slice(0, 8) }}
                </div>
              </div>
            </div>
@@ -223,7 +224,7 @@
  }

  .bottom2 {
    height: 36px;
    height: 57px;
    width: 100%;
    display: flex;
    align-items: center;

 src/components/Screen/top.vue

@@ -109,12 +109,14 @@
  .topCenter {
    width: 60%;
    height: 100%;
    font-size: 2rem;
    text-align: center;
    font-weight: 600;
    font-size: 36px;
    font-family: PangMenZhengDao, PangMenZhengDao-Regular;
    // font-weight: bold;
    font-style: italic;
    letter-spacing: 5px;
    color: #e3eafd;
    text-align: center;
    color: #e1eaff;
    letter-spacing: 6.55px;
    text-shadow: -14px 0px 25.25px 0.26px rgba(0, 120, 255, 0.19);
    div {
      margin-top: 5px;
    }