<template>
|
<div class="home-right">
|
<CommonTitle title="协同" />
|
<div class="synergy"></div>
|
|
<CommonTitle title="协同" />
|
<div class="taskAchievements"></div>
|
|
<CommonTitle title="协同" />
|
<div class="eventOverview"></div>
|
</div>
|
</template>
|
|
<script>
|
import { defineComponent } from 'vue';
|
import CommonTitle from '@/components/CommonTitle.vue';
|
|
export default defineComponent({
|
components: { CommonTitle },
|
});
|
</script>
|
|
<style scoped lang="scss">
|
.home-right {
|
position: absolute;
|
top: hToV(122);
|
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;
|
}
|
}
|
</style>
|
