|
@@ -18,7 +18,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="content">
|
|
|
- <view class="notice" v-if="infoNums">
|
|
|
+ <!-- <view class="notice" v-if="infoNums">
|
|
|
<view class="notice__content">
|
|
|
<image src="/static/icon/msg_icon1.png" class="icon"></image>
|
|
|
<view class="text">
|
|
@@ -36,7 +36,7 @@
|
|
|
<image src="../../static/mybank.png"></image>
|
|
|
<text>我的题库</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- 日历-->
|
|
|
<!-- <view>
|
|
|
<view class="calendar_card">
|
|
@@ -98,26 +98,37 @@
|
|
|
<u-tabs class="tabs" :current="tabCurrent" @change="tab" :list="menu" :activeStyle="{fontSize:'36rpx'}" :inactiveStyle="{color:'#EAEEF1',fontSize:'30rpx'}" sticky></u-tabs>
|
|
|
<view class="course-list" v-show="tabCurrent==0">
|
|
|
<navigator hover-class="none" class="item" v-for="(item,index) in list1" :key="index" :url="'/pages3/course/detail?id='+item.goodsId">
|
|
|
- <view class="img">
|
|
|
- <image :src="$method.splitImgHost(item.coverUrl, true)"></image>
|
|
|
- <view class="time" v-if="item.year">{{item.year?item.year:''}}</view>
|
|
|
- </view>
|
|
|
- <view class="text">
|
|
|
- <view class="title">{{item.goodsName}}</view>
|
|
|
- <view class="desc">
|
|
|
- <view class="left">
|
|
|
- {{item.classHours || '-'}}
|
|
|
- <text>学时</text>
|
|
|
- </view>
|
|
|
- <view class="right">¥ {{toFixed(item.standPrice)}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="c_title">{{item.goodsName}}</view>
|
|
|
+ <view class="course_content">
|
|
|
+ <view class="img">
|
|
|
+ <image :src="$method.splitImgHost(item.coverUrl, true)"></image>
|
|
|
+ <view class="time" v-if="item.year">{{item.year?item.year:''}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ <!-- <view class="title">{{item.goodsName}}</view> -->
|
|
|
+ <view class="title">学习周期:xxx月-xxx月</view>
|
|
|
+ <view class="joins">100人参与</view>
|
|
|
+ <view class="desc">
|
|
|
+ <view class="left">
|
|
|
+ <text class="line_t">¥999</text>
|
|
|
+ <text class="mon_t">¥599</text>
|
|
|
+ <!-- {{item.classHours || '-'}}
|
|
|
+ <text>学时</text> -->
|
|
|
+ </view>
|
|
|
+ <!-- <view class="right">¥ {{toFixed(item.standPrice)}}</view> -->
|
|
|
+ <view class="right">
|
|
|
+ <view class="regiser_row">立即报名</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
|
|
|
</navigator>
|
|
|
</view>
|
|
|
<view class="course-list" v-show="tabCurrent==1">
|
|
|
<navigator hover-class="none" class="item" v-for="(item,index) in list2" :key="index" :url="'/pages2/bank/detail?id='+item.goodsId">
|
|
|
- <view class="img">
|
|
|
+ <!-- <view class="img">
|
|
|
<image :src="$method.splitImgHost(item.coverUrl, true)"></image>
|
|
|
<view class="time" v-if="item.year">{{item.year?item.year:''}}</view>
|
|
|
</view>
|
|
@@ -130,7 +141,32 @@
|
|
|
</view>
|
|
|
<view class="right">¥ {{toFixed(item.standPrice)}}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
+
|
|
|
+ <view class="c_title">{{item.goodsName}}</view>
|
|
|
+ <view class="course_content">
|
|
|
+ <view class="img">
|
|
|
+ <image :src="$method.splitImgHost(item.coverUrl, true)"></image>
|
|
|
+ <view class="time" v-if="item.year">{{item.year?item.year:''}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ <!-- <view class="title">{{item.goodsName}}</view> -->
|
|
|
+ <view class="title">学习周期:xxx月-xxx月</view>
|
|
|
+ <!-- <view class="joins">100人参与</view> -->
|
|
|
+ <view class="desc">
|
|
|
+ <view class="left">
|
|
|
+ <text class="line_t">¥999</text>
|
|
|
+ <text class="mon_t">¥599</text>
|
|
|
+ <!-- {{item.classHours || '-'}}
|
|
|
+ <text>学时</text> -->
|
|
|
+ </view>
|
|
|
+ <!-- <view class="right">¥ {{toFixed(item.standPrice)}}</view> -->
|
|
|
+ <view class="right">
|
|
|
+ <view class="regiser_row">立即购买</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
</navigator>
|
|
|
</view>
|
|
@@ -911,16 +947,29 @@ export default {
|
|
|
}
|
|
|
|
|
|
.course-list {
|
|
|
- background:#fff;
|
|
|
- padding:0 8rpx;
|
|
|
+ // background:#fff;
|
|
|
+ // padding:0 8rpx;
|
|
|
box-shadow: 0px 10rpx 9rpx 1rpx rgba(165, 196, 239, 0.1);
|
|
|
- border-radius: 16rpx ;
|
|
|
+ // border-radius: 16rpx ;
|
|
|
|
|
|
.item {
|
|
|
- padding:24rpx 0;
|
|
|
- border-bottom:1rpx solid #eeeeee;
|
|
|
- display: flex;
|
|
|
-
|
|
|
+ height: 240rpx;
|
|
|
+ // padding:24rpx 0;
|
|
|
+ padding: 12rpx 8rpx;
|
|
|
+ // border-bottom:1rpx solid #eeeeee;
|
|
|
+ // display: flex;
|
|
|
+ background:#fff;
|
|
|
+ margin-bottom: 12rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ .c_title {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 14rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .course_content {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
.img {
|
|
|
position:relative;
|
|
|
margin-right:10rpx;
|
|
@@ -968,17 +1017,33 @@ export default {
|
|
|
flex:1;
|
|
|
color:#333;
|
|
|
font-size: 26rpx;
|
|
|
-
|
|
|
+ .line_t {
|
|
|
+ text-decoration: line-through;
|
|
|
+ }
|
|
|
+ .mon_t {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
text {
|
|
|
font-size: 24rpx;
|
|
|
- color:#999;
|
|
|
+ // color:#999;
|
|
|
+ color: #FF2D55;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.right {
|
|
|
font-size: 24rpx;
|
|
|
font-weight: bold;
|
|
|
- color: #FF2D55;
|
|
|
+ // color: #FF2D55;
|
|
|
+ .regiser_row {
|
|
|
+ width: 120rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background-color: #FF2D55;
|
|
|
+ color: #fff;
|
|
|
+ margin-right: 30rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|