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-09 18:12:55 +08:00
parent 701e307ff5
commit ef11f64e71
2 changed files with 41 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
pages/my/myFavorites.vue
View File

@@ -29,26 +29,19 @@
<text style="font-weight: bold; font-size: 32rpx;" v-html="$keywordActiveShow(item.title, query.keyword)"></text> <text style="font-weight: bold; font-size: 32rpx;" v-html="$keywordActiveShow(item.title, query.keyword)"></text>
</view> </view>
<view class="course-content"> <view class="course-content">
<author-info :avatar="item.avatar" :name="item.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author-info> <!-- <author-info :avatar="item.avatar" :name="item.question.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author-info> -->
<view class="course-text">{{ item.authorName }}</view> <view class="course-text">{{ item.authorName }}</view>
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="course-content">
<view></view>
<view class="course-con_source">分享日期：{{ item.time }}</view>
<view class="course-author">
{{ item.toAname }}分享给我
</view>
</view> -->
</view> </view>
<view class="item-bottom"> <view class="item-bottom">
<text class="item-time">收藏时间：{{ item.time }}</text> <text class="item-time">收藏时间：{{ item.time }}</text>
<view class="rowbtn rowbtn-primary"> <view class="rowbtn rowbtn-primary">
<u-icon name="minus-circle" color="#3E7FFF" labelColor="#3E7FFF" @click="delCollectItem(item)" label="取消收藏" size="16" labelSize="12"></u-icon> <image src="../../static/images/icon/favo.png" mode=""></image>取消收藏
</view> </view>
<!-- <u-icon @click="delCollectItem(item)" name="minus-circle" label="取消收藏" color="#666" size="18" style="float:left;margin-top:3rpx"></u-icon> -->
</view> </view>
</view> </view>
</view> </view>
@@ -61,9 +54,8 @@
<author-info :avatar="item.avatar" :name="item.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author-info> <author-info :avatar="item.avatar" :name="item.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author-info>
<view class="artical_text_bottom"> <view class="artical_text_bottom">
<text class="item-time">收藏时间：{{ item.time }}</text> <text class="item-time">收藏时间：{{ item.time }}</text>
<!-- <u-icon @click="delCollectItem(item)" name="minus-circle" color="#666" size="18" label="取消收藏" style="float:left;margin-top:3rpx"></u-icon> -->
<view class="rowbtn rowbtn-primary"> <view class="rowbtn rowbtn-primary">
<u-icon name="minus-circle" color="#3E7FFF" labelColor="#3E7FFF" @click="delCollectItem(item)" label="取消收藏" size="16" labelSize="12"></u-icon> <image src="../../static/images/icon/favo.png" mode=""></image>取消收藏
</view> </view>
</view> </view>
@@ -73,18 +65,15 @@
<view v-if="conType == 4"> <view v-if="conType == 4">
<view v-for="(item, idx) in qaList" :key="idx" class="qa"> <view v-for="(item, idx) in qaList" :key="idx" class="qa">
<view class="qa-body" @click="toQaDetail(item.question)"> <view class="qa-body" @click="toQaDetail(item.question)">
<text v-if="item.question.isResolve" style="color:#08A890">[已解决]</text> <text v-if="item.question.isResolve" style="color:#08A890">【已解决】</text>
<text v-else style="color:#588afc"> <text v-else style="color:#387DF7">
[待解决] 【待解决】
</text> </text>
<text v-html="$keywordActiveShow(item.question.title, query.keyword)"></text> <text v-html="$keywordActiveShow(item.question.title, query.keyword)"></text>
</view> </view>
<view class="qa-bottom" v-html="$keywordActiveShow(item.question.summary, query.keyword)"></view>
<author-info :avatar="item.avatar" :name="item.question.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author-info> <author-info :avatar="item.avatar" :name="item.question.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author-info>
<view class="qa-bottom" v-html="$keywordActiveShow(item.question.content, query.keyword)"></view>
<!-- <text style="font-size: 9px;color: #666666">{{ item.toAname }}分享给我</text> -->
<view class="qa-answers" v-if="item.question.isResolve"> <view class="qa-answers" v-if="item.question.isResolve">
<view style=" <view style="
word-break:break-all; word-break:break-all;
width: 100%; width: 100%;
@@ -98,15 +87,12 @@
"> ">
<text style="color: #FFB30F; " class="answertext" >最佳回答：</text> {{ item.question.bestAnswer }} <text style="color: #FFB30F; " class="answertext" >最佳回答：</text> {{ item.question.bestAnswer }}
</view> </view>
</view> </view>
<view class="item-bottom"> <view class="item-bottom">
<text class="item-time">收藏时间：{{ item.time }}</text> <text class="item-time">收藏时间：{{ item.time }}</text>
<view class="rowbtn rowbtn-primary"> <view style="margin-top: 10upx;" class="rowbtn rowbtn-primary">
<u-icon name="minus-circle" color="#3E7FFF" labelColor="#3E7FFF" @click="delCollectItem(item)" label="取消收藏" size="16" labelSize="12"></u-icon> <image src="../../static/images/icon/favo.png" mode=""></image>取消收藏
</view> </view>
<!-- <u-icon @click="delCollectItem(item)" name="minus-circle" label="取消收藏" color="#666" size="18" style="float:left;margin-top:3rpx"></u-icon> -->
</view> </view>
</view> </view>
</view> </view>
@@ -402,12 +388,17 @@ export default {
top: 104upx; top: 104upx;
} }
.rowbtn{ .rowbtn{
padding: 5px 8px 0px 8px; image{
height: 20px; width: 36upx;
border-radius: 10upx; height: 36upx;
vertical-align: bottom;
}
} }
.rowbtn-primary{ .rowbtn-primary{
background-color: #ebf3fe; font-size: 24upx;
color: #999999;
font-weight: 400;
// background-color: #ebf3fe;
} }
.item-box{ .item-box{
padding: 15px; padding: 15px;
@@ -480,7 +471,7 @@ export default {
} }
.top-tab { .top-tab {
height: 50px; height: 50px;
// background: linear-gradient(to bottom, #6BA0FC, #6297FD); background-color: #fff;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
line-height: 60px; line-height: 60px;
@@ -562,11 +553,9 @@ export default {
} }
.course_box { .course_box {
margin-top: 20upx; margin-bottom: 20upx;
// margin-bottom: 10px;
background-color: #ffffff; background-color: #ffffff;
padding: 19upx 28upx; padding: 28upx 28upx;
.course { .course {
// display: flex; // display: flex;
// justify-content: flex-start; // justify-content: flex-start;
@@ -645,17 +634,18 @@ export default {
} }
.article_one { .article_one {
// padding-top: 10px; margin-bottom: 20rpx;
margin-top: 20rpx;
background-color: #ffffff; background-color: #ffffff;
padding: 19upx 28upx; padding: 19upx 28upx;
padding-top: 28upx;
.articla_tit { .articla_tit {
line-height: 45rpx; line-height: 45rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
font-size: 30rpx; font-size: 32upx;
color: #333333;
font-weight: bold; font-weight: bold;
} }
@@ -669,8 +659,8 @@ export default {
} }
.articla_text { .articla_text {
word-break:break-all; word-break:break-all;
font-size: 28rpx; font-size: 28upx;
color: #454545; color: #666;
display: -webkit-box; display: -webkit-box;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@@ -688,23 +678,18 @@ export default {
} }
.qa { .qa {
padding: 19upx 30upx; padding: 28upx 30upx;
padding-top: 0; margin-bottom: 20rpx;
margin-top: 20rpx;
//padding: 10px;
box-shadow: #f7f7f7 0px 6px 5px; box-shadow: #f7f7f7 0px 6px 5px;
border-radius: 4px; border-radius: 4px;
background: #ffffff; background: #ffffff;
// margin-top: 10px;
.qa-header { .qa-header {
height: 26px; height: 26px;
line-height: 50rpx; line-height: 50rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.qa-user { .qa-user {
display: flex; display: flex;
img { img {
height: 25px; height: 25px;
width: 25px; width: 25px;
@@ -714,15 +699,22 @@ export default {
} }
.qa-body { .qa-body {
line-height: 40px; font-weight: 500;
word-break:break-all;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; font-size: 32upx;
font-size: 30rpx; margin-bottom: 26upx;
font-weight: bold;
} }
.qa-bottom { .qa-bottom {
margin-top: 22upx;
word-break:break-all; word-break:break-all;
font-size: 14px; font-size: 14px;
color: #7f7f7f; color: #7f7f7f;

BIN
static/images/icon/favo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 902 B