<template>
|
<div class="home-right">
|
<CommonTitle title="降本增效" />
|
<div class="synergy"></div>
|
|
<CommonTitle title="任务成果" @details="detailsFun"/>
|
<div class="taskAchievements"></div>
|
|
<CommonTitle title="事件概况" />
|
<div class="eventOverview"></div>
|
</div>
|
</template>
|
|
<script setup>
|
import CommonTitle from '@/components/CommonTitle.vue';
|
|
const detailsFun = () => {
|
console.log('details');
|
};
|
</script>
|
|
<style scoped lang="scss">
|
.home-right {
|
position: absolute;
|
top: hToV(122);
|
right: 31px;
|
width: 404px;
|
|
.titleBox {
|
width: 404px;
|
height: hToV(43);
|
}
|
|
.synergy {
|
width: 390px;
|
height: hToV(108);
|
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;
|
margin: hToV(2) 0 hToV(13) 0;
|
}
|
|
.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;
|
margin: hToV(2) 0 hToV(21) 0;
|
}
|
|
.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;
|
margin: hToV(3) 0 0 0;
|
}
|
}
|
</style>
|
