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

内容检索文章

Browse Source
This commit is contained in:
lmj
2022-11-08 17:57:06 +08:00
parent 5683042cb3
commit d7132efc22
1 changed files with 26 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
pages/resource/search.vue
View File

@@ -157,12 +157,7 @@
</view>
<view style="display: flex;justify-content: space-between;">
<view>
<view class="article-author" style="display: flex;">
<author v-if="item.authorInfo" :showInfo="true" :data="item.authorInfo"></author>
<text style="padding-top: 13rpx;padding-left: 9rpx; font-size: 18rpx;line-height: 40upx; color: #BBBBBB;font-weight: 400; float: right;">
{{item.sysCreateTime.substring(0,10)}}
</text>
</view>
<view>
<view class="article-summary" >{{ item.summary }}</view>
</view>
@@ -180,8 +175,16 @@
<view v-if="item.coverurl==''" >
<view class="article-summary" >{{ item.summary }}</view>
</view> -->
<view>
<interact-bar :data="item"></interact-bar>
<view class="article-bottom">
<view class="article-author" style="display: flex;">
<author v-if="item.authorInfo" :showInfo="true" :data="item.authorInfo"></author>
<!-- <text style="padding-top: 13rpx;padding-left: 9rpx; font-size: 18rpx;line-height: 40upx; color: #BBBBBB;font-weight: 400; float: right;">
{{item.sysCreateTime.substring(0,10)}}
</text> -->
</view>
<view class="article-inter">
<interact-bar :data="item"></interact-bar>
</view>
</view>
</div>
<!-- <div v-if="item.coverurl!=''" class="article-img">
@@ -740,6 +743,17 @@
})
}
}
}
</script>
<style lang="scss" scoped>
.article-bottom{
display: flex;
.article-author{
display: flex;
padding-top: 0upx;
}
.article-inter{
margin-left: auto;
}
@@ -967,11 +981,9 @@
padding: 10px;
.article-content{
display: flex;
justify-content: space-between;
.article-info{
flex: 1;
.article-title{
font-size: 30rpx;
justify-content: space-between;
.article-info{
flex: 1;
.article-title{
font-size: 36upx;
color: #333;
@@ -979,10 +991,7 @@
margin-bottom: 20rpx;
word-break:break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;-webkit-line-clamp: 2;
}
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;-webkit-line-clamp: 2;
}