mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-11 20:06:48 +08:00
修改文章详情
This commit is contained in:
@@ -10,7 +10,7 @@
|
|||||||
<!-- <author-info :name="detail.sysCreateBy" :avatar="detail.avatar"></author-info> -->
|
<!-- <author-info :name="detail.sysCreateBy" :avatar="detail.avatar"></author-info> -->
|
||||||
<author v-if="detail" :showInfo="true" :data="detail" ></author>
|
<author v-if="detail" :showInfo="true" :data="detail" ></author>
|
||||||
</view>
|
</view>
|
||||||
<view style="padding: 10upx 10upx 10upx 40upx; font-size: 24rpx;"> {{ detail.sysCreateTime }}</view>
|
<view style="padding: 10upx 10upx 10upx 40upx; font-size: 24upx;"> {{ detail.sysCreateTime }}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="adetail-body">
|
<view class="adetail-body">
|
||||||
<!-- class="ql-container" -->
|
<!-- class="ql-container" -->
|
||||||
@@ -45,8 +45,8 @@
|
|||||||
fileUrl:this.$config.fileUrl,
|
fileUrl:this.$config.fileUrl,
|
||||||
style: {
|
style: {
|
||||||
// 字符串的形式
|
// 字符串的形式
|
||||||
p: 'word-break:break-all;font-size: 30rpx;letter-spacing:1rpx; line-height: 1.6;margin-bottom:25px',
|
p: 'word-break:break-all;font-size: 28upx;letter-spacing:1rpx; line-height: 1.6;margin-bottom:25px',
|
||||||
span: 'word-break:break-all;font-size: 30rpx;letter-spacing:1rpx; line-height: 1.6'
|
span: 'word-break:break-all;font-size: 28upx;letter-spacing:1rpx; line-height: 1.6'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -149,12 +149,16 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
::v-deep .uavatar{
|
||||||
|
width: 72upx !important;
|
||||||
|
height: 72upx !important;
|
||||||
|
}
|
||||||
.adetail{
|
.adetail{
|
||||||
padding: 15upx 30upx;
|
padding: 15upx 30upx;
|
||||||
.adetail-title{
|
.adetail-title{
|
||||||
font-weight: 610;
|
font-weight: 610;
|
||||||
font-size: 32rpx;
|
font-weight: 500;
|
||||||
|
font-size: 36upx;
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
padding: 10upx;
|
padding: 10upx;
|
||||||
word-break:break-all;
|
word-break:break-all;
|
||||||
@@ -223,9 +227,10 @@
|
|||||||
.ql-container[hidden] {
|
.ql-container[hidden] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.ql-container .ql-editor {
|
::v-deep .ql-container .ql-editor {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-size: inherit;
|
font-size: 28upx !important;
|
||||||
|
color: #666666;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
min-height: inherit;
|
min-height: inherit;
|
||||||
@@ -238,6 +243,7 @@
|
|||||||
-webkit-touch-callout: none;
|
-webkit-touch-callout: none;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ql-container .ql-editor::-webkit-scrollbar {
|
.ql-container .ql-editor::-webkit-scrollbar {
|
||||||
width: 0 !important;
|
width: 0 !important;
|
||||||
}
|
}
|
||||||
@@ -350,7 +356,7 @@
|
|||||||
}
|
}
|
||||||
.ql-editor p{
|
.ql-editor p{
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
font-size: 32rpx;
|
font-size: 28upx;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
}
|
}
|
||||||
.ql-editor ol > li,
|
.ql-editor ol > li,
|
||||||
|
|||||||
@@ -15,12 +15,9 @@
|
|||||||
{{ detailData.title }}
|
{{ detailData.title }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="interval">
|
<view class="interval"></view>
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="adetail content">
|
<view class="adetail content">
|
||||||
<!--文章内容-->
|
<!--文章内容-->
|
||||||
|
|
||||||
<view class="adetail-info">
|
<view class="adetail-info">
|
||||||
<view style="display: flex;line-height: 40upx;">
|
<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>
|
<author-info :name="detailData.sysCreateBy" :avatar="detailData.avatar" :sex="detailData.sex" :info="detailData.ucode" :showInfo="true"></author-info>
|
||||||
|
|||||||
Reference in New Issue
Block a user