|
@@ -38,7 +38,7 @@
|
|
|
></path>
|
|
|
</svg>
|
|
|
</div>
|
|
|
- <div class="b_main" v-loading="loading">
|
|
|
+ <div class="b_main" v-loading="loading" v-if="data">
|
|
|
<div class="b_m_top">
|
|
|
<div class="b_m_t_title" v-html=" data.title"></div>
|
|
|
<div>
|
|
@@ -47,7 +47,7 @@
|
|
|
<span>发布时间:{{data.create_at}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="b_m_content">
|
|
|
+ <div class="b_m_content" v-html="data.content.text">
|
|
|
|
|
|
</div>
|
|
|
<div class="b_m_bottom" v-if="false"></div>
|
|
@@ -161,6 +161,9 @@ export default {
|
|
|
padding: 20px 20px 20px 20px;
|
|
|
box-sizing: border-box;
|
|
|
overflow: auto;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
.b_bottom {
|
|
@@ -202,6 +205,43 @@ export default {
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
margin-top: 30px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.b_m_top::after{
|
|
|
+ content: "";
|
|
|
+ width: 98%;
|
|
|
+ height: 1px;
|
|
|
+ background: #C1C1C1;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -30px;
|
|
|
+ left: 1%;
|
|
|
+}
|
|
|
+
|
|
|
+.b_m_t_title{
|
|
|
+ font-size: 3em;
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.b_m_top>div{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
|
|
|
+.b_m_top>div>span{
|
|
|
+ margin: 0 40px;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.b_m_content{
|
|
|
+ margin-top: 50px;
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
</style>
|