优化详情页面
This commit is contained in:
parent
8b5cd8f0cc
commit
b1fafc5074
|
@ -1,11 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<app-layout :title="pageTitle">
|
<app-layout :title="pageTitle">
|
||||||
<div class="message-container">
|
<div class="message-container">
|
||||||
<view class="head">
|
<view v-if="info.title.length > 0" class="head">
|
||||||
<text class="title limit-line clamp-1">{{ info.title }}</text>
|
<text class="title limit-line clamp-1">{{ info.title }}</text>
|
||||||
<text class="date">{{ info.date }}</text>
|
<text class="date">{{ info.date }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="body">
|
<view class="body" :class="{ mt40: info.title.length > 0 }">
|
||||||
<rich-text :nodes="info.content"></rich-text>
|
<rich-text :nodes="info.content"></rich-text>
|
||||||
</view>
|
</view>
|
||||||
</div>
|
</div>
|
||||||
|
@ -87,7 +87,7 @@ export default {
|
||||||
margin-top: 24rpx;
|
margin-top: 24rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.body {
|
.body.mt40 {
|
||||||
margin-top: 40rpx;
|
margin-top: 40rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue