hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-06 17:36:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

问答详情

Browse Source
This commit is contained in:
lmj
2022-11-08 11:19:57 +08:00
parent a18ebcc1b2
commit 03fea7bd08
1 changed files with 38 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
pages/resource/qaDetail.vue
View File

@@ -9,17 +9,29 @@
<page-title :showBack="true">问答详情</page-title>
<u-toast ref="messager"></u-toast>
<view class="adetail content">
<!--文章内容-->
<view class="adetail-title" v-if="detailData.id" style="word-break: break-all;">
<text class="qa-basic qa-solve" v-if="detailData.isResolve">[已解决]</text>
<text class="qa-basic qa-unSolve" v-else>[待解决]</text>
<!-- <text class="qa-basic qa-solve" v-if="detailData.isResolve">[已解决]</text> -->
<!-- <text class="qa-basic qa-unSolve" v-else>[待解决]</text> -->
{{ detailData.title }}
</view>
</view>
<view class="interval">
</view>
<view class="adetail content">
<!--文章内容-->
<view class="adetail-info">
<view style="display: flex;line-height: 40upx;">
<author-info :name="detailData.sysCreateBy" :avatar="detailData.avatar" :sex="detailData.sex" :info="detailData.ucode" :showInfo="true"></author-info>
</view>
<view style="padding: 20upx 0upx 10upx 40upx; font-size: 24rpx; ">{{ detailData.sysCreateTime }}</view>
<view class="concern">
+关注
</view>
<!-- <view class="concern" style="color: #999;">
已关注
</view> -->
<!-- <view style="padding: 20upx 0upx 10upx 40upx; font-size: 24rpx; ">{{ detailData.sysCreateTime }}</view> -->
</view>
<view class="adetail-body">
<u-parse :content="detailData.content"></u-parse>
@@ -696,6 +708,22 @@ export default {
</script>
<style lang="scss" scoped>
.interval{
height: 20upx;
width: 100%;
background-color: #F9F9F9;
}
.concern{
width: 140upx;
height: 68upx;
background: #F6F6F6;
border-radius: 12upx;
text-align: center;
line-height: 68upx;
font-size: 28upx;
color: #387DF7;
margin-left: auto;
}
.one-wrap {
// width: 80%;
flex:1;
@@ -716,12 +744,11 @@ export default {
.adetail {
padding: 15upx 30upx;
.adetail-title {
// font-weight: 700;
font-weight: bold;
//font-weight: 610;
font-size: 32rpx;
background-color: #fff;
padding-bottom: 40upx;
font-weight: 500;
font-size: 36upx;
letter-spacing: 0.5px;
.qa-basic{
font-size: 32rpx;
@@ -734,10 +761,11 @@ export default {
color: #7e7e7e;
}
.adetail-body {
//padding-top: 15px;
line-height: 55upx;
white-space: normal;
word-break: break-all;
font-size: 28upx;
color: #666666;
background-color: #ffffff;
> div {
text-indent: 24px;