mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git
synced 2025-12-13 04:46:47 +08:00
提交
This commit is contained in:
@@ -13,42 +13,24 @@
|
|||||||
<view class="top-bar-tab" @click="clicktab(4)" :class="{ active: conType == 4 }">问答</view>
|
<view class="top-bar-tab" @click="clicktab(4)" :class="{ active: conType == 4 }">问答</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="top-content-options">
|
|
||||||
<!-- 是否已查看 -->
|
|
||||||
<!-- <view style="margin-right: 15rpx;">
|
|
||||||
<u-picker :show="statusSelectShow" @cancel="statusSelectShow = false" @confirm="chooseStatus" :columns="selectData" keyName="label"></u-picker>
|
|
||||||
<text class="textbtn" @click="statusSelectShow = true">{{ statusBtn }}</text>
|
|
||||||
</view> -->
|
|
||||||
<!--课程-->
|
|
||||||
<view class="input-search">
|
|
||||||
<u-search
|
|
||||||
v-model="query.keyword"
|
|
||||||
:clearabled="true"
|
|
||||||
placeholder="输入关键词"
|
|
||||||
@search="findData(true)"
|
|
||||||
@clear="findData(true)"
|
|
||||||
:showAction="false"
|
|
||||||
shape="square"
|
|
||||||
bgColor="#ffffff">
|
|
||||||
</u-search>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<view v-if="conType == 1">
|
<view v-if="conType == 1">
|
||||||
<view v-for="(item, idx) in courseList" :key="idx" class="course_box">
|
<view v-for="(item, idx) in courseList" :key="idx" class="course_box">
|
||||||
<view class="course" @click="toCourseDetail(item)">
|
<view class="course" @click="toCourseDetail(item)">
|
||||||
|
|
||||||
<view class="course-info">
|
<view class="course-info">
|
||||||
<view class="" style="">
|
<view class="" style="position: relative;">
|
||||||
<course-image :course="item" width="262upx" height="147upx"></course-image>
|
<course-image :course="item" width="262upx" height="147upx"></course-image>
|
||||||
|
<view class="coureslabel">
|
||||||
|
{{ contentTypeFilter(item.contentType).text }}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="course-title">
|
<view class="course-title">
|
||||||
<view class="course-name">
|
<view class="course-name">
|
||||||
<text class="common" :class="contentTypeFilter(item.contentType).class">{{ contentTypeFilter(item.contentType).text }}</text>
|
|
||||||
<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">
|
||||||
<view class="course-text">讲师:{{ item.authorName }}</view>
|
<author-info :avatar="item.avatar" :name="item.sysCreateBy" :info="item.orgInfo" :sex="item.sex"></author-info>
|
||||||
|
<view class="course-text">{{ item.authorName }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -404,6 +386,21 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
.coureslabel{
|
||||||
|
width: 78upx;
|
||||||
|
height: 32upx;
|
||||||
|
background: #2C2C2C;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 32upx;
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 20upx;
|
||||||
|
border-radius: 6upx;
|
||||||
|
opacity: 0.52;
|
||||||
|
position: absolute;
|
||||||
|
right: 12upx;
|
||||||
|
top: 104upx;
|
||||||
|
}
|
||||||
.rowbtn{
|
.rowbtn{
|
||||||
padding: 5px 8px 0px 8px;
|
padding: 5px 8px 0px 8px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
@@ -589,7 +586,7 @@ export default {
|
|||||||
/deep/ .course-info {
|
/deep/ .course-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
uni-image{
|
uni-image{
|
||||||
border-radius:8px;
|
border-radius:8upx;
|
||||||
}
|
}
|
||||||
.course-title{
|
.course-title{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user