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

提交

Browse Source
This commit is contained in:
zhaofang
2022-11-25 16:04:54 +08:00
parent d08d8da4c6
commit 33d0a5e814
3 changed files with 87 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
pages/study/courseStudy.vue
View File

@@ -107,6 +107,22 @@
<view class="tabrow">
<view class="tabrow-item" @click="changeTab(1)"><text :class="{'tabrow-active':tabIndex==1}">简介</text></view>
<view class="tabrow-item" @click="changeTab(2)"><text :class="{'tabrow-active':tabIndex==2}">评论</text></view>
<view class="player-box-tabrow">
<view class="player-praise">
<view @click="praiseContent" style="cursor: pointer;">
<image class="icon-small" v-if="isPraise" src="/static/images/icon/praise-active.png" />
<image class="icon-small" v-else src="/static/images/icon/praise1.png" />
<!-- {{ courseInfo.praises }} -->
<text style="cursor: pointer;">赞</text>
</view>
<view style="margin-left: 15px;cursor: pointer;" @click="treadContent">
<image class="icon-small" v-if="isTrample" src="/static/images/icon/trample-active.png" />
<image class="icon-small" v-else src="/static/images/icon/trample.png" />
<!-- {{ courseInfo.trampleCount }} -->
<text style="cursor: pointer;">踩</text>
</view>
</view>
</view>
</view>
<!--简介内容-->
<view v-if="tabIndex==1" class="cinfo">
@@ -267,7 +283,7 @@
<!--评论-->
<view v-show="tabIndex==2" class="pinglun">
<comments ref="comments" v-if="courseId && courseId!=''" :objType="1" :objId="courseId"></comments>
<interact-fixed ref="fiexdbar" :type="1" :data="courseInfo" :users="teachers" :praises="false" :comments="false" @comment-success="refreshComments" @share-success="shareSuccess"></interact-fixed>
<interact-fixed ref="fiexdbar" :type="1" :data="courseInfo" :users="teachers" :praises="false" :favorites="false" :shares="false" :comments="false" @comment-success="refreshComments" @share-success="shareSuccess"></interact-fixed>
</view>
</view>
<!--全部目录-->
@@ -1483,16 +1499,36 @@
.comments-top{
display: none;
}
}
/deep/ .interact-bar{
// padding-left: 0;
}
/deep/ .field{
width: 448upx;
}
/deep/ .field-right{
margin-right: 60upx;
}
/deep/ .interact-fixed {
.interact-bar{
padding-right: 40upx;
}
}
/deep/ .interact-bar{
padding-left: 0 !important;
}
/deep/ .field-right{
width: 0 !important;
}
/deep/ .interact-bar-item{
width: 100% !important;
.field{
width: 100% !important;
}
}
// /deep/ .interact-bar{
// // padding-left: 0;
// }
// /deep/ .field{
// width: 448upx;
// }
// /deep/ .field-right{
// margin-right: 60upx;
// }
}
body{
background-color: #fff;
@@ -1542,6 +1578,7 @@
display: flex;
border-bottom:1px solid rgba(153,153,153,0.14);
font-size: 28upx;
position: relative;
.tabrow-active{
font-size: 32upx;
color: #387DF7;
@@ -1554,6 +1591,42 @@
padding-bottom: 10upx;
}
}
.player-box-tabrow{
position: absolute;
top: -20px;
right:-20px;
// left: 184px;
// width: 200px;
// left: 50%;
// top: 50%;
// transform: translate(-50%, -50%);
// height: 147px;
// background:#a9abb3;
// opacity: 0.8;
// border-radius: 33px;
// text-align: center;
padding: 20px;
box-sizing: border-box;
image{
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 4px;
// margin: 0px 10px;
}
.player-praise{
margin-top: 5px;
display: flex;
// justify-items: center;
justify-content: center;
}
.player-rate{
margin-top: 20px;
text-align: center;
display: flex;
justify-content: center;
}
}
}
.cinfo{
.cinfo-title{