锚链接

This commit is contained in:
2024-07-01 13:49:42 +08:00
parent f1212a42d7
commit a174c3e4d5
172 changed files with 11881 additions and 8893 deletions

View File

@@ -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>

View File

@@ -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>