zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://gitee.com/wjl2008_admin/medicine_app

Browse Source
This commit is contained in:
@fawn-nine
2024-07-03 10:37:05 +08:00
parent 6ecec6289e 60d2c82b34
commit b31cae7c36
1 changed files with 301 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

567
pages/course/courseDetail.vue
View File

@@ -6,11 +6,11 @@
<!-- 公共组件-每个页面必须引入 --> <!-- 公共组件-每个页面必须引入 -->
<public-module></public-module> <public-module></public-module>
<!-- <z-nav-bar :title="pageTitle ? pageTitle : '课程详情'"> --> <!-- <z-nav-bar :title="pageTitle ? pageTitle : '课程详情'"> -->
<z-nav-bar title="课程介绍"> <z-nav-bar title="课程介绍">
<!-- <view class="curseSet" slot="right" @click="newOnShare"> <!-- <view class="curseSet" slot="right" @click="newOnShare">
<uni-icons type="redo" size="26"></uni-icons><text style="font-size: 26rpx;"></text> 分享课程 <uni-icons type="redo" size="26"></uni-icons><text style="font-size: 26rpx;"></text> 分享课程
</view> --> </view> -->
</z-nav-bar> </z-nav-bar>
<view class="contentBox commonPageContentBox"> <view class="contentBox commonPageContentBox">
<u-alert <u-alert
@@ -42,10 +42,7 @@
</template> </template>
</u-alert> </u-alert>
<scroll-view <scroll-view scroll-y="true" class="scroll-Y">
scroll-y="true"
class="scroll-Y"
>
<!-- <u-sticky bgColor="#fff" > <!-- <u-sticky bgColor="#fff" >
<view style="height: 80rpx;">精彩试听</view> <view style="height: 80rpx;">精彩试听</view>
</u-sticky </u-sticky
@@ -65,33 +62,41 @@
</u-sticky> --> </u-sticky> -->
<view class="containerBg1"> <view class="containerBg1">
<view class="course_info_box"> <view class="course_info_box">
<view class="course_info"> <view class="course_info">
<view class="flexbox course_title" v-if="course.id"> <view class="flexbox course_title" v-if="course.id">
<text class="courseTitle title">{{ course.title }}</text> <text class="courseTitle title">{{ course.title }}</text>
<view class="start_learn_btn PM_font" @click="onPageJump('/pages/course/myCourseLearn',course.id)">进入学习</view> <view
</view> class="start_learn_btn PM_font"
<view @click="onPageJump('/pages/course/myCourseLearn', course.id)"
class="containerBg" >进入学习</view
v-if="course.content && course.content != ''" >
> </view>
<view class="prof"> <view
<!-- <uni-section class="containerBg"
v-if="course.content && course.content != ''"
>
<view class="prof">
<!-- <uni-section
style="background: transparent; padding-top: 0" style="background: transparent; padding-top: 0"
title="课程介绍" title="课程介绍"
type="line" type="line"
></uni-section> --> ></uni-section> -->
<view
style="position: relative; display: flex; align-items: center"
@click="isHideCourseInfo = !isHideCourseInfo"
>
<view <view
:class="`${isHideCourseInfo ? 'hidden2' : ''}`" style="
style="width: calc(100% - 50rpx)" position: relative;
v-html="course.content" display: flex;
align-items: center;
"
@click="isHideCourseInfo = !isHideCourseInfo"
> >
</view> <view
<!-- <text :class="`${isHideCourseInfo ? 'hidden2' : ''}`"
style="width: calc(100% - 50rpx)"
v-html="course.content"
>
</view>
<!-- <text
style=" style="
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@@ -101,124 +106,131 @@
> >
{{ isHideCourseInfo ? "展开" : "收起" }} {{ isHideCourseInfo ? "展开" : "收起" }}
</text> --> </text> -->
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view>
</view> </view>
<view class="containerBg2"> <view class="containerBg2">
<view class="PM_font shiting">精彩试听</view> <view class="PM_font shiting">精彩试听</view>
<view class="shiting_content"> <view v-for="(v, i) in librayList" style="margin-bottom:40rpx;" > <view class="shiting_content">
<view class="catalogueTitle chapter_title" > <view v-for="(v, i) in librayList" style="margin-bottom: 40rpx">
<view class="top"> <view class="catalogueTitle chapter_title">
<view class="line"></view> <view class="top">
<view class="left" <view class="line"></view>
> <view class="left">
<text style="font-weight: blod" class="catalogue_title">{{
v.title
}}</text>
<!-- 普通用户或者国学Vip -->
</view>
<view
class="not_purchased"
v-if="
(v.isBuy != 1 && (vip.type == 0 || vip.type == 3)) ||
(v.isBuy == 1 &&
(vip.type == 0 || vip.type == 3) &&
v.endTime)
"
>
<view class="spot"></view>
<!-- -->
<text
v-if="v.isBuy != 1 && (vip.type == 0 || vip.type == 3)"
>未购买
</text>
<!-- -->
<text
v-if="
v.isBuy == 1 &&
(vip.type == 0 || vip.type == 3) &&
v.endTime
"
>有效期至{{ v.endTime }}
</text>
</view>
<text style="font-weight: blod" class='catalogue_title'>{{ v.title }}</text> <view class="right">
<!-- 普通用户或者国学Vip --> <!-- -->
</view>
<view class="not_purchased" v-if="(v.isBuy != 1 && (vip.type == 0 || vip.type == 3))||( v.isBuy == 1 &&
(vip.type == 0 || vip.type == 3) &&
v.endTime)">
<view class="spot"></view>
<!-- -->
<text
v-if="v.isBuy != 1 && (vip.type == 0 || vip.type == 3)"
>未购买
</text>
<!-- -->
<text
v-if="
v.isBuy == 1 &&
(vip.type == 0 || vip.type == 3) &&
v.endTime
"
>有效期至{{ v.endTime }}
</text> </view>
<view class="right">
<!-- -->
<u-icon
v-if="goBuyType != 1&&v.type!=0"
@click="handleClickGetGoodsList(v)"
class="editIcon"
name="shopping-cart-fill"
color="#FF2B57"
size="30"
style="display: inline-block; margin-left: 10rpx"
></u-icon
>
<text v-if="goBuyType != 1&&v.type==0&&!v.endTime" style="color: #fff; font-size: 12px;" class="fdButtonBox aui-text-success" @click="handleClickGetGoodsList(v)">开始学习</text>
</view>
</view>
<!-- -->
</view>
<view class="chapter_content">
<view
v-if="courseList[i].length > 0"
class="item"
v-for="(item, index) in courseList[i]"
:key="index"
>
<view
class="item_videoList"
>
<view style="display: flex;width: calc(100% - 140rpx); align-items: center">
<u-icon
v-if="goBuyType != 1 && v.type != 0"
@click="handleClickGetGoodsList(v)"
class="editIcon"
name="shopping-cart-fill"
color="#FF2B57"
size="30"
style="display: inline-block; margin-left: 10rpx"
></u-icon>
<text <text
class="hidden1" v-if="goBuyType != 1 && v.type == 0 && !v.endTime"
style="display: inline-block;color: #1E2F3E; width: calc(100% - 100rpx);font-weight: bold;" style="color: #fff; font-size: 12px"
>{{ item.title }}</text class="fdButtonBox aui-text-success"
@click="handleClickGetGoodsList(v)"
>开始学习</text
> >
<!-- <uni-tag
v-if="item.isAudition == 1"
style="margin-left: 10rpx"
:inverted="true"
text="试听"
size="mini"
type="primary"
/> -->
</view> </view>
<text style="color: #b0b0b0; font-size: 24rpx"
>【共{{ item.videoList.length }}课时】</text
>
</view> </view>
<!-- -->
</view>
<view class="chapter_content">
<view
@click.stop="item.isAudition == 1 ? gotoDetail(item, i) : ''"
v-if="courseList[i].length > 0"
class="item"
v-for="(item, index) in courseList[i]"
:key="index"
>
<view class="item_videoList">
<view
style="
display: flex;
width: calc(100%);
align-items: center;
"
>
<text
class="hidden1"
style="
display: inline-block;
color: #1e2f3e;
width: calc(100% - 100rpx);
font-weight: bold;
"
>{{ item.title }}</text
>
<uni-tag
v-if="item.isAudition == 1"
style="margin-left: 10rpx"
:inverted="true"
text="试听"
size="mini"
type="primary"
/>
</view>
<!-- <text style="color: #b0b0b0; font-size: 24rpx"
>【共{{ item.videoList.length }}课时】</text
> -->
</view>
<!--
<view class="videoList"> <view class="videoList">
<view class="video_item" @click.stop="gotoDetail(item, videoIndex)" v-for="(video,videoIndex) in item.videoList"> <view class="video_item" @click.stop="gotoDetail(item, videoIndex)" v-for="(video,videoIndex) in item.videoList">
【{{ video.type == "2" ? "音频" : "视频" }}】{{ getNumber(videoIndex + 1) }} 【{{ video.type == "2" ? "音频" : "视频" }}】{{ getNumber(videoIndex + 1) }}
</view> </view>
</view> </view> -->
</view> </view>
<view v-else> 暂无文章</view>
</view>
</view></view>
<view v-else> 暂无文章</view>
</view>
</view></view
>
</view> </view>
<view class="linkPro" v-if="tjProList.length > 0"> <view class="linkPro" v-if="tjProList.length > 0">
@@ -258,32 +270,36 @@
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
<view style="background:rgba(255, 255, 255, 0.85) !important;"> <view style="background: rgba(255, 255, 255, 0.85) !important">
<uni-section <uni-section
style="padding: 0 20rpx" style="padding: 0 20rpx"
class="mb-10 graybg" class="mb-10 graybg"
title="留言板" title="留言板"
type="line" type="line"
> >
<template v-slot:right> <template v-slot:right>
<view class="flexbox" style="align-items: center" @click="addSay()"> <view
<u-icon name="edit-pen" color="#2979ff" size="28"></u-icon> class="flexbox"
<text>发布留言</text> style="align-items: center"
@click="addSay()"
>
<u-icon name="edit-pen" color="#2979ff" size="28"></u-icon>
<text>发布留言</text>
</view>
</template>
</uni-section>
<view class="liuyanBox">
<view class="" v-if="sayList.length > 0">
<commentsList
:sayList="sayList"
@support="support"
@showSayModule="showSayModule"
></commentsList>
</view> </view>
</template> <u-divider v-show="status == 2" text="已加载全部"></u-divider>
</uni-section> <u-divider v-show="status == 3" text="暂无留言数据"></u-divider>
<view class="liuyanBox"> <u-divider v-show="status == 1" text="加载中..."></u-divider>
<view class="" v-if="sayList.length > 0">
<commentsList
:sayList="sayList"
@support="support"
@showSayModule="showSayModule"
></commentsList>
</view> </view>
<u-divider v-show="status == 2" text="已加载全部"></u-divider>
<u-divider v-show="status == 3" text="暂无留言数据"></u-divider>
<u-divider v-show="status == 1" text="加载中..."></u-divider>
</view>
</view> </view>
<u-popup key="1" :show="pricespop" :round="10" @close="closePup"> <u-popup key="1" :show="pricespop" :round="10" @close="closePup">
@@ -498,10 +514,9 @@
</view> </view>
</view> </view>
</u-popup> </u-popup>
<uni-popup ref="share" type="share" safeArea backgroundColor="#fff"> <uni-popup ref="share" type="share" safeArea backgroundColor="#fff">
<uni-popup-share @select="haveSelected"></uni-popup-share> <uni-popup-share @select="haveSelected"></uni-popup-share>
</uni-popup> </uni-popup>
<z-navigation></z-navigation>
</view> </view>
</template> </template>
@@ -684,47 +699,47 @@ export default {
}, },
//方法 //方法
methods: { methods: {
haveSelected(data) { haveSelected(data) {
console.log(data, " 选择的是"); console.log(data, " 选择的是");
if (data.index == 0) { if (data.index == 0) {
// 分享到好友 // 分享到好友
uni.share({ uni.share({
provider: "weixin", provider: "weixin",
scene: "WXSceneSession", scene: "WXSceneSession",
type: 0, type: 0,
href: this.$apkUrl, href: this.$apkUrl,
title: `${this.course.title}这门课程讲的不错，快来围观吧-吴门医述app`, title: `${this.course.title}这门课程讲的不错，快来围观吧-吴门医述app`,
summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！", summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
imageUrl: "static/icon/home_icon_logo.png", imageUrl: "static/icon/home_icon_logo.png",
success: function (res) { success: function (res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
fail: function (err) { fail: function (err) {
console.log("fail:" + JSON.stringify(err)); console.log("fail:" + JSON.stringify(err));
}, },
}); });
} else if (data.index == 1) { } else if (data.index == 1) {
// 分享到朋友圈 // 分享到朋友圈
uni.share({ uni.share({
provider: "weixin", provider: "weixin",
scene: "WXSceneTimeline", scene: "WXSceneTimeline",
type: 0, type: 0,
href: this.$apkUrl, href: this.$apkUrl,
title: `${this.course.title}这门课程讲的不错，快来围观吧-吴门医述app`, title: `${this.course.title}这门课程讲的不错，快来围观吧-吴门医述app`,
summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！", summary: "我正在使用吴门医述提升自己，赶紧跟我一起来体验吧！",
imageUrl: "static/icon/home_icon_logo.png", imageUrl: "static/icon/home_icon_logo.png",
success: function (res) { success: function (res) {
console.log("success:" + JSON.stringify(res)); console.log("success:" + JSON.stringify(res));
}, },
fail: function (err) { fail: function (err) {
console.log("fail:" + JSON.stringify(err)); console.log("fail:" + JSON.stringify(err));
}, },
}); });
} }
}, },
newOnShare() { newOnShare() {
this.$refs.share.open(); this.$refs.share.open();
}, },
goToGoodsList(data) { goToGoodsList(data) {
if (data.delFlag == -1) { if (data.delFlag == -1) {
this.$commonJS.showToast("商品已下架"); this.$commonJS.showToast("商品已下架");
@@ -748,12 +763,22 @@ export default {
} }
}, },
//课程详情 //课程详情
async gotoDetail(v, videoIndex) { async gotoDetail(v, courseIndex) {
console.log("v at line 668:", v); console.log("v at line 668:", v);
this.currentCateIndex = courseIndex;
// if (
// this.courseList[this.currentCateIndex].isBuy == 1 ||
// v.isAudition == 1 ||
// this.vip.type != "0"
// ) {
uni.navigateTo({ uni.navigateTo({
// url: '../bookShop/commodityDetail?id=' + item.id // url: '../bookShop/commodityDetail?id=' + item.id
url: `/pages/course/chapterDetail?navTitle=${this.pageTitle}&title=${v.title}&id=${v.id}&conditions=${v.conditions}&videoIndex=${videoIndex}`, url: `/pages/course/chapterDetail?navTitle=${this.pageTitle}&title=${v.title}&id=${v.id}&conditions=${v.conditions}`,
}); });
// } else {
// this.$commonJS.showToast("请先购买课程");
// }
}, },
handleClickSelectGoods(data) { handleClickSelectGoods(data) {
this.selectGoodsData = data; this.selectGoodsData = data;
@@ -1310,12 +1335,12 @@ export default {
var list = await that.getChapterList(that.librayList[i]); var list = await that.getChapterList(that.librayList[i]);
console.log("list at line 1224:", list); console.log("list at line 1224:", list);
list.map(async (item, index) => { // list.map(async (item, index) => {
console.log("item at line 1239:", item); // console.log("item at line 1239:", item);
item.videoList = []; // item.videoList = [];
var data = await that.getPath(item); // var data = await that.getPath(item);
item.videoList = [...data]; // item.videoList = [...data];
}); // });
console.log("list at line 1222:", list); console.log("list at line 1222:", list);
that.courseList[i] = [...list]; that.courseList[i] = [...list];
@@ -1453,9 +1478,7 @@ export default {
// item.tryListen = []; // item.tryListen = [];
// }); // });
list = JSON.parse( list = res.chapterList;
JSON.stringify(res.chapterList.filter((e) => e.isAudition == 1))
);
console.log("at line 1343:", list); console.log("at line 1343:", list);
// console.log('status', res) // console.log('status', res)
@@ -1684,7 +1707,6 @@ export default {
// //
.liuyanBox { .liuyanBox {
padding: 0 20rpx; padding: 0 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
@@ -1764,8 +1786,8 @@ export default {
} }
.linkPro { .linkPro {
margin-bottom:20rpx; margin-bottom: 20rpx;
background:rgba(255, 255, 255, 0.85) !important; background: rgba(255, 255, 255, 0.85) !important;
// padding:0 20rpx; // padding:0 20rpx;
.more { .more {
font-size: 24rpx; font-size: 24rpx;
@@ -1954,7 +1976,7 @@ export default {
.supermarketBox { .supermarketBox {
@include pleft_right(5px); @include pleft_right(5px);
.borderbb { .borderbb {
background-image: linear-gradient(180deg, #468aff 0%, #46c0ff 100%); background-image: linear-gradient(180deg, #468aff 0%, #46c0ff 100%);
@include pleft_right(10px); @include pleft_right(10px);
border-radius: 20rpx; border-radius: 20rpx;
@@ -2125,8 +2147,6 @@ export default {
// padding: 0 20rpx; // padding: 0 20rpx;
font-size: 40rpx; font-size: 40rpx;
.learnBtn { .learnBtn {
margin-bottom: 20rpx; margin-bottom: 20rpx;
width: 150rpx; width: 150rpx;
@@ -2174,7 +2194,9 @@ export default {
} }
} }
} }
.curseSet{margin-right: 10px;} .curseSet {
margin-right: 10px;
}
.shitingLIst { .shitingLIst {
background-color: #fff; background-color: #fff;
padding: 20rpx; padding: 20rpx;
@@ -2233,7 +2255,7 @@ export default {
color: #fff !important; color: #fff !important;
} }
/deep/.uni-section { /deep/.uni-section {
background:transparent !important; background: transparent !important;
} }
/deep/.uni-section .uni-section-header { /deep/.uni-section .uni-section-header {
padding-top: 10rpx !important; padding-top: 10rpx !important;
@@ -2244,7 +2266,6 @@ export default {
// padding-bottom: 10rpx !important; // padding-bottom: 10rpx !important;
} }
.chapter_title { .chapter_title {
width: 100%; width: 100%;
font-size: 28rpx; font-size: 28rpx;
@@ -2253,15 +2274,15 @@ export default {
position: relative; position: relative;
// justify-content: space-between; // justify-content: space-between;
.top{ .top {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
.left{ .left {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.right{ .right {
// float: right; // float: right;
position: absolute; position: absolute;
right: 0; right: 0;
@@ -2269,21 +2290,21 @@ export default {
} }
.not_purchased { .not_purchased {
position: relative; position: relative;
.spot{ .spot {
width: 8rpx; width: 8rpx;
height: 8rpx; height: 8rpx;
position: absolute; position: absolute;
right: -4rpx; right: -4rpx;
border-radius: 8rpx; border-radius: 8rpx;
background-color: #33435D; background-color: #33435d;
bottom: -4rpx; bottom: -4rpx;
} }
color: #33435D; color: #33435d;
margin-left: 20rpx; margin-left: 20rpx;
font-size: 24rpx; font-size: 24rpx;
padding:0 20rpx; padding: 0 20rpx;
border-bottom: 2rpx dotted #33435D; border-bottom: 2rpx dotted #33435d;
text{ text {
margin: 0 10rpx; margin: 0 10rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
@@ -2382,23 +2403,21 @@ export default {
justify-content: space-between; justify-content: space-between;
} }
.commonDetailPage { .commonDetailPage {
}
.course_info_box {
margin-bottom:10rpx;
// padding:20rpx;
.course_info{
box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
background:#F2F8FF;
// border-radius:20rpx;
overflow:hidden;
}
} }
.course_info_box {
margin-bottom: 10rpx;
// padding:20rpx;
.course_info {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
background: #f2f8ff;
// border-radius:20rpx;
overflow: hidden;
}
}
.catalogue_title{ .catalogue_title {
background: linear-gradient(130deg,#162A4F 0%, #1E4C7D 100%); background: linear-gradient(130deg, #162a4f 0%, #1e4c7d 100%);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
font-size: 42rpx; font-size: 42rpx;
@@ -2413,78 +2432,74 @@ margin-bottom:10rpx;
// height:70rpx; // height:70rpx;
// display:inline-block; // display:inline-block;
// padding:10rpx 20rpx; // padding:10rpx 20rpx;
} }
.chapter_content { .chapter_content {
padding: 20rpx; padding: 20rpx;
// padding-top:60rpx; // padding-top:60rpx;
margin-top:40rpx; margin-top: 40rpx;
border:4rpx solid #FFFFFC; border: 4rpx solid #fffffc;
background-image: linear-gradient(52deg, #E8F6FF 0%, #E3F2FE 50%); background-image: linear-gradient(52deg, #e8f6ff 0%, #e3f2fe 50%);
// background-image: linear-gradient(-180deg, #8BBDFE 0%, #B4DCFF 100%); // background-image: linear-gradient(-180deg, #8BBDFE 0%, #B4DCFF 100%);
// background:rgba(255, 255, 255, 0.85); // background:rgba(255, 255, 255, 0.85);
// background:rgba(255, 255, 255, 0.85); // background:rgba(255, 255, 255, 0.85);
box-shadow: 0px 0px 10px 0px #89C8E9 !important; box-shadow: 0px 0px 10px 0px #89c8e9 !important;
border-top-right-radius:40rpx; border-top-right-radius: 40rpx;
border-bottom-left-radius:40rpx; border-bottom-left-radius: 40rpx;
.videoList{ .videoList {
// padding:0 20rpx; // padding:0 20rpx;
display: flex; display: flex;
align-items: center; align-items: center;
// justify-content: space-between; // justify-content: space-between;
.video_item{ .video_item {
width: 24%; width: 24%;
font-size: 22rpx; font-size: 22rpx;
margin: 10rpx 0; margin: 10rpx 0;
background:rgba(255, 255, 255, 0.85); background: rgba(255, 255, 255, 0.85);
box-shadow: 0 2px 12px 0 rgba(255,255,255,.1); box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
border-radius: 10rpx; border-radius: 10rpx;
padding: 10rpx 20rpx; padding: 10rpx 20rpx;
margin-right: 1%; margin-right: 1%;
color: #333; color: #333;
letter-spacing: 2rpx; letter-spacing: 2rpx;
} }
} }
} }
.line{ .line {
width: 16rpx; width: 16rpx;
height: 50rpx; height: 50rpx;
border-top-right-radius:12rpx ; border-top-right-radius: 12rpx;
border-bottom-right-radius:12rpx ; border-bottom-right-radius: 12rpx;
margin-right: 20rpx; margin-right: 20rpx;
background-image: linear-gradient(108deg, #2786EB 0%, #35A6FF 100%); background-image: linear-gradient(108deg, #2786eb 0%, #35a6ff 100%);
} }
.containerBg2{ .containerBg2 {
padding-top: 40rpx; padding-top: 40rpx;
// margin-top: 100rpx; // margin-top: 100rpx;
background: linear-gradient(108deg, #C3E7FF 0%, #59BAFE 100%) !important; background: linear-gradient(108deg, #c3e7ff 0%, #59bafe 100%) !important;
.shiting{ .shiting {
line-height: 100rpx; line-height: 100rpx;
background: linear-gradient(130deg, #4FA1FD 0%, #12F3FF 100%); background: linear-gradient(130deg, #4fa1fd 0%, #12f3ff 100%);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
margin-bottom: 20rpx; margin-bottom: 20rpx;
// background-image: linear-gradient(108deg, #4FA1FD 100%, #4FA1FD 0%); // background-image: linear-gradient(108deg, #4FA1FD 100%, #4FA1FD 0%);
// border:4rpx solid #1FB2F8; // border:4rpx solid #1FB2F8;
// box-shadow: 0 2px 12px 0 rgba(255,255,255,.1); // box-shadow: 0 2px 12px 0 rgba(255,255,255,.1);
// border-radius:40rpx; // border-radius:40rpx;
color:#fff; color: #fff;
// width:200rpx; // width:200rpx;
// height:70rpx; // height:70rpx;
// display:inline-block; // display:inline-block;
// padding:10rpx 20rpx; // padding:10rpx 20rpx;
font-size: 72rpx; font-size: 72rpx;
text-align: center; text-align: center;
} }
.shiting_content{ .shiting_content {
padding:20rpx; padding: 20rpx;
} }
} }
</style> </style>