锚链接
This commit is contained in:
@@ -112,7 +112,7 @@
|
||||
>
|
||||
<image class="book_image" :src="v.productImages" mode="aspectFit">
|
||||
</image>
|
||||
<view class="book_name">{{ v.productName }}</view>
|
||||
<view class="book_name" style="padding-bottom: 20rpx;">{{ v.productName }}</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
@@ -126,6 +126,7 @@
|
||||
>
|
||||
|
||||
<view class="flash_sale_content greenCardBoxContent">
|
||||
|
||||
<scroll-view scroll-x="true" class="scroll-X" style="">
|
||||
<!-- studyList -->
|
||||
<common-curriculum-list
|
||||
@@ -152,7 +153,7 @@
|
||||
</view> -->
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="learning_box_bottom"></view>
|
||||
|
||||
</view>
|
||||
<view class="greenCardBox1 learning_box listening_box">
|
||||
<view class="learning_box_top"
|
||||
@@ -180,7 +181,7 @@
|
||||
</common-curriculum-list>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<view class="learning_box_bottom"></view>
|
||||
|
||||
</view>
|
||||
<!-- <view class="learning_box listening_box bottomBox">
|
||||
<view class="item_img" @click="handleGoApp">
|
||||
@@ -633,13 +634,13 @@ function calcTimer(timer) {
|
||||
width: 100%;
|
||||
height: 350rpx;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("@/static/icon/homePage/header_bg.png");
|
||||
|
||||
background-repeat: no-repeat;
|
||||
.logo {
|
||||
width: 146rpx;
|
||||
height: 183rpx;
|
||||
@@ -825,14 +826,12 @@ function calcTimer(timer) {
|
||||
}
|
||||
.learning_box_top {
|
||||
width: 100%;
|
||||
height: 40rpx;
|
||||
margin: 40rpx 0;
|
||||
// height: 40rpx;
|
||||
// margin: 40rpx 0;
|
||||
margin-bottom: 0;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
|
||||
background-size: 100% 100%;
|
||||
padding-left: 60rpx;
|
||||
background-image: url("@/static/icon/borderTopBg.png");
|
||||
|
||||
}
|
||||
.learning_box_bottom {
|
||||
width: 100%;
|
||||
@@ -840,11 +839,7 @@ function calcTimer(timer) {
|
||||
|
||||
height: 40rpx;
|
||||
margin: 40rpx 0;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
background-size: 100% 100%;
|
||||
padding-left: 60rpx;
|
||||
background-image: url("@/static/icon/borderBottomBg.png");
|
||||
|
||||
}
|
||||
.greenCardBox1 {
|
||||
margin-top: 80rpx;
|
||||
@@ -852,36 +847,41 @@ function calcTimer(timer) {
|
||||
|
||||
.greenCardBoxTop {
|
||||
width: 100%;
|
||||
background: linear-gradient(
|
||||
130deg,
|
||||
rgb(46, 103, 106) 0%,
|
||||
rgb(114, 173, 146) 100%
|
||||
)
|
||||
text;
|
||||
margin-bottom: 30rpx;
|
||||
// background: linear-gradient(
|
||||
// 130deg,
|
||||
// rgb(46, 103, 106) 0%,
|
||||
// rgb(114, 173, 146) 100%
|
||||
// )
|
||||
// text;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
padding-left: -20rpx;
|
||||
// line-height: 60rpx;
|
||||
|
||||
display: flex;
|
||||
margin-bottom: 60rpx;
|
||||
// margin-bottom: 60rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// background-color: $themeColor;
|
||||
|
||||
padding: 0 22rpx;
|
||||
padding: 0 22rpx 0; padding-left: 40rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 36rpx;
|
||||
font-size: 44rpx;
|
||||
.titlebg {
|
||||
width: 300rpx;
|
||||
height: 90rpx;
|
||||
width: 400rpx;
|
||||
height: 120rpx;
|
||||
line-height: 120rpx;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("@/static/icon/homeTitleBg.png");
|
||||
background-repeat: no-repeat;
|
||||
font-size: 44rpx;
|
||||
margin-left: -60rpx;
|
||||
// height: 90rpx;
|
||||
text-align: left;
|
||||
padding-left: 54rpx;
|
||||
margin-top: -16rpx;
|
||||
margin-left: -50rpx;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 140rpx;
|
||||
color: #fff;
|
||||
// homeTitleBg.png
|
||||
|
||||
background-size: 100% 100%;
|
||||
// padding-left: 60rpx;
|
||||
background-image: url("@/static/icon/homeTitle1.png");
|
||||
|
||||
}
|
||||
|
||||
.userBox {
|
||||
@@ -897,7 +897,7 @@ function calcTimer(timer) {
|
||||
|
||||
.name {
|
||||
font-family: MicrosoftYaHei;
|
||||
font-weight: 600;
|
||||
font-weight: bold;
|
||||
font-size: 21rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
@@ -905,25 +905,31 @@ function calcTimer(timer) {
|
||||
}
|
||||
|
||||
.greenCardBoxContent {
|
||||
border: 10rpx solid;
|
||||
border-radius: 50rpx;
|
||||
border-image: linear-gradient(to right, #cdb17a, #ebdbcc) 0.5;
|
||||
clip-path: inset(0px round 10rpx);
|
||||
animation: huerotate 6s infinite linear;
|
||||
filter: hue-rotate(360deg);
|
||||
border: 2rpx solid #5599A7;
|
||||
padding: 100rpx 20rpx 20rpx;
|
||||
margin-top: -96rpx;
|
||||
// border: 10rpx solid;
|
||||
|
||||
border-radius: 20rpx;
|
||||
background-image: linear-gradient(0deg, #65b5c561 0%, #fdfcdf3d 75%, );
|
||||
|
||||
|
||||
// clip-path: inset(0px round 10rpx);
|
||||
// animation: huerotate 6s infinite linear;
|
||||
// filter: hue-rotate(360deg);
|
||||
|
||||
width: 100%;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
height: auto;
|
||||
padding: 24rpx 19rpx 5rpx;
|
||||
// padding: 24rpx 19rpx 5rpx;
|
||||
box-sizing: border-box;
|
||||
margin-top: 60rpx;
|
||||
// margin-top: 60rpx;
|
||||
|
||||
.content_item {
|
||||
display: inline-block;
|
||||
width: 317rpx;
|
||||
|
||||
width: 300rpx;
|
||||
background-color: #fff !important;
|
||||
margin-right: 26rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -969,6 +975,8 @@ function calcTimer(timer) {
|
||||
|
||||
.learning_box {
|
||||
// height: 298rpx;
|
||||
// border-radius: 40rpx;
|
||||
// background-image: linear-gradient(90deg, #3ab3ae 0%, #d5ecdd 200%);
|
||||
|
||||
.learning_user_box {
|
||||
display: flex;
|
||||
@@ -1077,4 +1085,7 @@ function calcTimer(timer) {
|
||||
}
|
||||
}
|
||||
}
|
||||
.related_courses_name {
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -2,11 +2,12 @@
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<z-nav-bar :title="prescriptDetail.title" bgColor="#3AB3AE" fontColor="#fff"></z-nav-bar>
|
||||
<view
|
||||
class="contentBox"
|
||||
v-if="prescriptDetail.type == 0"
|
||||
>
|
||||
<z-nav-bar
|
||||
:title="prescriptDetail.title"
|
||||
bgColor="#3AB3AE"
|
||||
fontColor="#fff"
|
||||
></z-nav-bar>
|
||||
<view class="contentBox" v-if="prescriptDetail.type == 0">
|
||||
<view class="content">
|
||||
<!-- <uni-section class="mb-10" titleFontSize="18px" title="标题" type="line"> -->
|
||||
<view class="item title-center">
|
||||
@@ -21,6 +22,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="fullscreen-webview" v-else>
|
||||
<!-- <z-nav-bar :title="prescriptDetail.title" bgColor="#3AB3AE" fontColor="#fff"></z-nav-bar> -->
|
||||
<web-view :src="prescriptDetail.url"> </web-view>
|
||||
</view>
|
||||
<music-play :playData="playData"></music-play>
|
||||
@@ -174,4 +176,4 @@ export default {
|
||||
/deep/ .uni-section-header__decoration.line {
|
||||
background-color: #18bc37;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user