|
|
@@ -10,6 +10,8 @@
|
|
|
<div class="detail-box" v-if="selected">
|
|
|
<div class="msg-title">
|
|
|
<p>{{selected.title}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="msg-time">
|
|
|
<p class="cell-time">{{selected.publishTime}}</p>
|
|
|
</div>
|
|
|
<div class="message-content">
|
|
|
@@ -170,8 +172,21 @@ export default {
|
|
|
padding: 2.666667vw 4.266667vw;
|
|
|
overflow: hidden;
|
|
|
color: #323233;
|
|
|
- font-size: 3.733333vw;
|
|
|
- line-height: 6.4vw;
|
|
|
+ font-size: 5vw;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 5.4vw;
|
|
|
+ border-bottom: 1px solid #f5f5f5;
|
|
|
+}
|
|
|
+.msg-time{
|
|
|
+ display: flex;
|
|
|
+ float: right;
|
|
|
+ flex-direction: column;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 33.5vw;
|
|
|
+ padding: 2.666667vw 4.266667vw;
|
|
|
+ overflow: hidden;
|
|
|
+ color: #323233;
|
|
|
+ font-size: 3.8vw;
|
|
|
border-bottom: 1px solid #f5f5f5;
|
|
|
}
|
|
|
.message-content{
|
|
|
@@ -180,6 +195,7 @@ export default {
|
|
|
height: 100%;
|
|
|
overflow: auto;
|
|
|
.text-content{
|
|
|
+ font-size: 4vw;
|
|
|
width: 100%;
|
|
|
min-height: 40px;
|
|
|
overflow: auto;
|