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

首页推荐页面

Browse Source
This commit is contained in:
zhaofang
2022-11-08 16:59:08 +08:00
parent ba340fe9b3
commit 5683042cb3
25 changed files with 363 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
pages/index/index.vue
View File

@@ -4,18 +4,18 @@
<!--页面头部-->
<view class="top" style="padding-top: 6px;">
<view class="top-bar">
<view style="position: relative" @click="toMessage()" >
<!-- <view style="position: relative" @click="toMessage()" >
<view v-if="msgNum>0" style="position: absolute;top:12px;right: 16px;z-index: 999;">
<u-badge :isDot="true" :offset="[30,30]" type="error"></u-badge>
</view>
<u-icon class="top-bar-icon" :size="26" name="bell"></u-icon>
</view>
</view> -->
<view class="top-bar-center">
<u-search
placeholder="请输入关键字"
placeholder="搜索"
:clearabled="true"
:showAction="false"
shape="round"
:height="36"
@focus="toSearch()"
bgColor="#F7F7F7">
</u-search>
@@ -37,9 +37,12 @@
</view>
</view>
</view>
<view style="line-height: 40upx;height: 40upx; padding-top: 14upx;font-size: 16px; ">
<!-- <view style="line-height: 40upx;height: 40upx; padding-top: 14upx;font-size: 16px; ">
<data-filter v-if="conType!=2" :noOrder="false" :type="conType" @reset="resetFilters" @submit="submitFilters"></data-filter>
</view>
</view> -->
</view>
<view class="" v-show="conType == 0">
<recommend-index></recommend-index>
</view>
<!--内容列表区域,采用同一个列表，只是根据不同的选项来查询内容的结果不一样-->
@@ -186,7 +189,7 @@
</view>
</view>
</view>
<view >
<view v-show="conType != 0">
<uni-load-more :status="loadStatus"></uni-load-more>
</view>
<u-overlay :show="signInShow">
@@ -229,7 +232,7 @@
pageSize:20,//统一每页多少条
converToScore:toScore,
conTypeList: [
//{type: 0,con: '全部'},
{type: 0,con: '推荐'},
{type: 1,con: '课程'},
{type: 2,con: '文章'},
{type: 4,con: '问答'},
@@ -612,7 +615,7 @@
this.changeList();
},
changeConType(item) {
this.conType = item.type;
this.conType = item.type;
this.changeList();
},
loadCouserTeacher(list,ids){ //临时解决方案，单独的查询课程教师
@@ -1055,7 +1058,8 @@
/deep/ .top-bar-center {
display: flex;
font-size: 35upx;
flex: 1;
flex: 1;
padding: 0 30upx;
// margin-right: 15px;
margin-top: 18rpx;
.top-bar-tab {
@@ -1081,40 +1085,43 @@
position: relative;
justify-content: space-between;
height: 50upx;
line-height: 50upx;
line-height: 50upx;
padding: 20upx 0upx;
background-color: #fff;
background-color: #fff;
.con-tab{
display: flex;
display: flex;
padding: 5upx 40upx;
.con-tab-item {
font-size: 32upx;
padding: 0upx 0upx;
margin: 0 20rpx;
color: #666666;
text-align: center;
margin: 0 20rpx;
color: #0D233A;
text-align: center;
font-weight: 500;
// height: 45px;
// line-height: 45px;
// height: 33px;
box-sizing: border-box;
position: relative;
}
.active {
.active {
font-weight: 600;
padding-bottom: 5rpx;
font-size: 37rpx;
padding-bottom: 5rpx;
font-size: 44upx;
height: 80upx;
box-sizing: border-box;
color: #666666;
box-sizing: border-box;
color: #387DF7;
// border-bottom: 2px solid #007AFF;
}
.border-dw{
height: 2px;
.border-dw{
height: 6upx;
width: 32upx;
position: absolute;
// position: relative;
left: 25%;
top: 86%;
top: 86%;
background-color: #387DF7;
border-radius: 4upx;
}
}