tijiao
This commit is contained in:
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<page-meta
|
||||
<!-- <page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox" style="background-color: #fbf9f7">
|
||||
></page-meta> -->
|
||||
<view class="container commonPageBox" style="background-color: transparent">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<z-nav-bar
|
||||
:title="options.navTitle"
|
||||
bgColor="#5F8F7F"
|
||||
bgColor="#39b3b8"
|
||||
fontColor="#fff"
|
||||
></z-nav-bar>
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
>暂无封面图</view
|
||||
>
|
||||
</view>
|
||||
<view class="cate_right">
|
||||
<view class="cate_right" style="position: relative;padding-bottom: 30rpx;">
|
||||
<view
|
||||
class="related_courses_name hidden1"
|
||||
:style="`${slotProps.row.buy ? 'color:#43A181' : ''}`"
|
||||
@@ -59,14 +59,14 @@
|
||||
color: #9c9c9c;
|
||||
line-height: 13px;
|
||||
font-size: 13px;
|
||||
height: 26px;
|
||||
height: 40px;overflow: hidden;
|
||||
"
|
||||
class="hidden2"
|
||||
class="hidden3"
|
||||
v-html="slotProps.row.content"
|
||||
>
|
||||
</view>
|
||||
|
||||
<view class="curriculum_tag_info_box">
|
||||
<view class="curriculum_tag_info_box" style="width: 100%">
|
||||
<view v-for="(v, i) in slotProps.row.courseCatalogueEntityList">
|
||||
<view
|
||||
@click.native.stop="gotoDetail(slotProps.row)"
|
||||
@@ -80,9 +80,9 @@
|
||||
v-else
|
||||
style="
|
||||
margin-right: 10rpx;
|
||||
background-color: transparent;
|
||||
color: #969696;
|
||||
border-color: #969696;
|
||||
background-color: #edf6f5;
|
||||
color: #3ab0b0;
|
||||
border-color: #3ab0b0;
|
||||
"
|
||||
class="curriculum_tag"
|
||||
>
|
||||
@@ -99,7 +99,7 @@
|
||||
>
|
||||
<view
|
||||
style="
|
||||
line-height: 58rpx;
|
||||
line-height: 48rpx;
|
||||
color: #333;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
@@ -110,14 +110,18 @@
|
||||
v-if="slotProps.row.courseCatalogueEntityList[0].type == 2"
|
||||
>超 V 专享</text
|
||||
>
|
||||
<text style="font-size: 20rpx" v-else>免费</text>
|
||||
<text
|
||||
style="font-size: 26rpx; color: #333; font-weight: 500"
|
||||
v-else
|
||||
>免费</text
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
<view class="curriculum_tag_info_box price_box" v-else>
|
||||
<view
|
||||
style="
|
||||
line-height: 58rpx;
|
||||
color: #333;
|
||||
line-height: 48rpx;
|
||||
color: rgb(233, 117, 18);
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
"
|
||||
@@ -129,8 +133,8 @@
|
||||
|
||||
<view
|
||||
style="
|
||||
line-height: 58rpx;
|
||||
color: #333;
|
||||
line-height: 48rpx;
|
||||
color: rgb(233, 117, 18);
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
"
|
||||
@@ -139,6 +143,7 @@
|
||||
{{ slotProps.row.courseCatalogueEntityList[0].fee }}
|
||||
</view>
|
||||
</view>
|
||||
<text class="btn_box_btn" style="position: absolute;right: -10rpx;bottom: 0;">了解课程</text>
|
||||
</view>
|
||||
|
||||
<!-- <text v-if="slotProps.row.conditions!='03'">【试听】</text> -->
|
||||
@@ -735,6 +740,10 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .commonPageBox {
|
||||
background-color: #EDF6F5 !important;
|
||||
|
||||
}
|
||||
.u-grid-list {
|
||||
// height: 40rpx;
|
||||
}
|
||||
@@ -814,10 +823,10 @@ export default {
|
||||
/deep/.list_item {
|
||||
border-radius: 20rpx;
|
||||
|
||||
margin-bottom: 40rpx;
|
||||
background: rgba(255, 255, 255, 0.85) !important;
|
||||
box-shadow: 0px 0px 3px 0px rgba(0, 82, 79, 0.2) !important;
|
||||
|
||||
margin-bottom: 20rpx;
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 0px 6rpx 0px #3ab3ae70 !important;
|
||||
// border: 1rpx solid #38b5b9;
|
||||
.rightArrow {
|
||||
margin-top: 0rpx !important;
|
||||
}
|
||||
@@ -832,10 +841,10 @@ export default {
|
||||
// background: rgba(255, 255, 255, 0.85) !important;
|
||||
// }
|
||||
.feng {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #f6f7f2;
|
||||
margin: 0rpx 22rpx 0 0;
|
||||
height: 160rpx !important;
|
||||
width: 240rpx !important;
|
||||
height: 200rpx !important;
|
||||
width: 260rpx !important;
|
||||
float: left;
|
||||
border-radius: 14rpx;
|
||||
|
||||
@@ -859,13 +868,17 @@ export default {
|
||||
.curriculum_tag {
|
||||
width: auto !important;
|
||||
padding: 0 20rpx;
|
||||
font-size: 24rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 26rpx;
|
||||
letter-spacing: 2rpx;
|
||||
// font-weight: bold;
|
||||
// height: 40rpx;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
background-color: #43a181;
|
||||
border: 1rpx solid #43a181;
|
||||
border-radius: 4rpx;
|
||||
background-color: #39b3b8;
|
||||
border: 1rpx solid #39b3b8;
|
||||
// border-radius: 4rpx;
|
||||
line-height: 40rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -885,6 +898,21 @@ export default {
|
||||
}
|
||||
|
||||
/deep/.scroll-view-item:nth-child(2n-1) {
|
||||
background-color: rgba(255, 255, 255, 0.85) !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
.btn_box_btn {
|
||||
|
||||
padding: 6rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
width: auto;
|
||||
// height: 64rpx;
|
||||
text-align: center;
|
||||
// line-height:64rpx;
|
||||
border-radius: 20rpx;
|
||||
background-image: linear-gradient(90deg, #39b3b8 0%, #00e1ec 100%);
|
||||
// @include theme("btn_bg");
|
||||
font-size: 28rpx;
|
||||
line-height: 28rpx;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user