增加单个机巢页面

chenyao

2025-03-31 295eb3cc87aaa5176d64a4ef985cdad0bfefae9a

 src/views/Home/components/HomeRight/HomeRight.vue

@@ -1,75 +1,29 @@
<template>
  <div class="home-right">
    <CommonTitle title="协同" />
    <div class="synergy"></div>

    <CommonTitle title="协同" />
    <div class="taskAchievements"></div>

    <CommonTitle title="协同" />
    <div class="eventOverview"></div>
    <UserOperate/>
    <Synergy />
    <TaskAchievements />
    <EventOverview />
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import CommonTitle from '@/components/CommonTitle.vue';

export default defineComponent({
  components: { CommonTitle },
});
<script setup>
import Synergy from '@/views/Home/components/HomeRight/Synergy.vue';
import TaskAchievements from '@/views/Home/components/HomeRight/TaskAchievements.vue';
import EventOverview from '@/views/Home/components/HomeRight/EventOverview.vue';
import UserOperate from '@/components/UserOperate.vue';
</script>

<style scoped lang="scss">
.home-right {
  position: absolute;
  top: hToV(122);
  top: 122px;
  right: 31px;
  width: 404px;
  height: 43px;

  .titleBox {
    width: 404px;
    height: hToV(43);
  }

  .synergy {
    width: 390px;
    height: 108px;
    background: linear-gradient(
      90deg,
      #1f3e7a 0%,
      rgba(31, 62, 122, 0.35) 79%,
      rgba(31, 62, 122, 0) 100%
    );
    border-radius: 0px 0px 0px 0px;
    opacity: 0.85;
  }

  .taskAchievements {
    width: 390px;
    height: hToV(204);
    background: linear-gradient(
      90deg,
      #1f3e7a 0%,
      rgba(31, 62, 122, 0.35) 79%,
      rgba(31, 62, 122, 0) 100%
    );
    border-radius: 0px 0px 0px 0px;
    opacity: 0.85;
  }

  .eventOverview {
    width: 390px;
    height: hToV(445);
    background: linear-gradient(
      90deg,
      #1f3e7a 0%,
      rgba(31, 62, 122, 0.35) 79%,
      rgba(31, 62, 122, 0) 100%
    );
    border-radius: 0px 0px 0px 0px;
    opacity: 0.85;
    height: 43px;
  }
}
</style>