You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

138 lines
4.8 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--
* @Author: your name
* @Date: 2021-10-19 15:57:11
* @LastEditTime: 2021-10-19 19:51:38
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/src/views/EventDEC/index.vue
-->
<template>
<div class="d-container">
<div class="edec-outter">
<div class="edec-d1">
<v-label-div title="事件详情">
<v-btn @click="goback"></v-btn>
</v-label-div>
<div class="edec-d1-dd1">
<div class="d1">新车上市</div>
<div class="d2">
<div class="s1">延续哈弗H6设计 哈弗H6S内饰官图发布</div>
<div class="s2">此前有报道称广汽丰田赛那SIENNA(参数|询价)将于8月29日亮相2021成都车展不过我们从官方获悉到最新消息新车将于8月28日在成都等多城市联合首发亮相并实车现身成都车展按照规划新车有望在2021年下半年正式上市作为丰田旗下的一款MPV车型由广汽丰田进行国产在官方的释义中赛那的名称中指赛过超越意味着霸气尽显强者姿态一览无余则包含了霎那不负片刻快乐以及致远时刻向幸福出发的美好寓意此前有报道称广汽丰田赛那SIENNA(参数|询价)将于8月29日亮相2021成都车</div>
</div>
</div>
<div class="edec-d1-dd2">
<div class="d1" style="margin-left: 16px">
<img class="m1" src="../../assets/images/EventInsight/ic_kssj.png" />
<span class="s1">开始时间</span>
<span class="s2">2021-08-01 00:59:18</span>
</div>
<div class="d1">
<img class="m1" src="../../assets/images/EventInsight/ic_yxl.png" />
<span class="s1">影响力指数</span>
<span class="s2">38.89</span>
</div>
<div class="d1">
<img class="m1" src="../../assets/images/EventInsight/ic_cbl.png" />
<span class="s1">传播总量</span>
<span class="s2">3467</span>
</div>
</div>
</div>
<incidentSpreadSituation></incidentSpreadSituation>
<tonalCommunicationPosture></tonalCommunicationPosture>
<esprocess></esprocess>
</div>
</div>
</template>
<script>
import incidentSpreadSituation from "./incidentSpreadSituation"
import tonalCommunicationPosture from "./tonalCommunicationPosture"
import esprocess from "./esprocess"
export default {
name: "eventDEC",
components: {
incidentSpreadSituation,
tonalCommunicationPosture,
esprocess
},
methods: {
goback() {
this.$router.go(-1);
},
},
};
</script>
<style lang="less" scoped>
.edec-outter {
padding: 0px 16px 16px 16px;
}
.edec-d1 {
width: 100%;
height: 245px;
border: 2px solid #0f2a4d;
.edec-d1-dd1 {
width: 100%;
height: auto;
display: flex;
justify-content: flex-start;
.d1 {
width: 120px;
height: 120px;
background-image: url("../../assets/images/EventInsight/img_xlq.png");
background-repeat: no-repeat;
background-size: cover;
margin-left: 16px;
margin-top: 16px;
line-height: 120px;
text-align: center;
color: #006dff;
}
.d2 {
width: 1714px;
margin-left: 16px;
.s1 {
font-size: 20px;
color: #fff;
margin-top: 36px;
}
.s2 {
width: 100%;
color: #828990;
font-size: 14px;
margin-top: 6px;
height: 40px;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.edec-d1-dd2 {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
.d1 {
width: 620px;
margin-top: 15px;
.m1 {
width: 44px;
height: 44px;
}
.s1 {
display: inline-block;
font-size: 12px;
color: #878887;
margin-left: 4px;
}
.s2 {
display: inline-block;
font-size: 12px;
font-family: Bebas;
color: #ffffff;
}
}
}
}
</style>