|
@@ -7,15 +7,26 @@
|
|
|
<view class="fixed-top-box" :style="{ background: bgColor }">
|
|
<view class="fixed-top-box" :style="{ background: bgColor }">
|
|
|
<!-- 这里是状态栏 -->
|
|
<!-- 这里是状态栏 -->
|
|
|
<view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
<view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
|
- <view class="top-title">
|
|
|
|
|
- <image class="user-avatar" src="../../static/avatar.png" mode="aspectFill"></image>
|
|
|
|
|
- <view class="name">云联融智</view>
|
|
|
|
|
|
|
+ <view class="header-content">
|
|
|
|
|
+ <view class="top-title">
|
|
|
|
|
+ <view class="name">云联融智</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="header-search-box">
|
|
|
|
|
+ <view class="search-bar" @click="toSearch">
|
|
|
|
|
+ <image class="search-icon" src=" /static/search_gray.png" mode="aspectFit"></image>
|
|
|
|
|
+ <text class="placeholder">请输入关键字搜索</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="message-box" @click="navTo('/pages/message/index')">
|
|
|
|
|
+ <image class="message-icon" src=" /static/message.png" mode="aspectFit"></image>
|
|
|
|
|
+ <view class="red-dot"></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 头部间距 -->
|
|
<!-- 头部间距 -->
|
|
|
- <view style="padding-bottom:100rpx">
|
|
|
|
|
- <view class="status_bar" :style="{height: statusBarHeight}"></view>
|
|
|
|
|
|
|
+ <view :style="{paddingBottom: headerHeight + 'px'}">
|
|
|
|
|
+ <!-- <view class="status_bar" :style="{height: statusBarHeight}"></view> -->
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 轮播图 -->
|
|
<!-- 轮播图 -->
|
|
|
<view class="banner-box">
|
|
<view class="banner-box">
|
|
@@ -34,89 +45,60 @@
|
|
|
<view class="menu-content">
|
|
<view class="menu-content">
|
|
|
<view class="menu-box">
|
|
<view class="menu-box">
|
|
|
<view @click="yangshengClick(item)" class="menu-item" :key="index" v-for="(item,index) in yangshengs">
|
|
<view @click="yangshengClick(item)" class="menu-item" :key="index" v-for="(item,index) in yangshengs">
|
|
|
- <image class="icon" :src="item.icon"></image>
|
|
|
|
|
|
|
+ <view class="icon-wrap">
|
|
|
|
|
+ <image class="icon" :src="item.icon"></image>
|
|
|
|
|
+ </view>
|
|
|
<view class="title">{{item.title}} </view>
|
|
<view class="title">{{item.title}} </view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="scroll-bar-box">
|
|
|
|
|
- <view class="scroll-bar">
|
|
|
|
|
- <view class="scroll-dot active"></view>
|
|
|
|
|
- <view class="scroll-dot"></view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <!-- 推荐课程 -->
|
|
|
|
|
- <view class="recommend-box">
|
|
|
|
|
- <view class="title-box">
|
|
|
|
|
- <text class="title">推荐课程</text>
|
|
|
|
|
|
|
+ <!-- 最新发布 -->
|
|
|
|
|
+ <view class="section-box latest-release">
|
|
|
|
|
+ <view class="section-header">
|
|
|
|
|
+ <view class="left">
|
|
|
|
|
+ <view class="vertical-bar"></view>
|
|
|
|
|
+ <text class="title">最新发布</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="more" @click="goClassList(1)">
|
|
|
|
|
+ <text>查看全部</text>
|
|
|
|
|
+ <image src=" /static/right_arrow_right.png" mode="aspectFit"></image>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="course-list">
|
|
|
|
|
- <view class="course-item" v-for="(item, index) in classList" :key="index" @click="goClass(item.courseId, 1)">
|
|
|
|
|
- <image class="course-img" :src="item.imgUrl || '../../static/course_img.png'" mode="aspectFill"></image>
|
|
|
|
|
- <view class="course-info">
|
|
|
|
|
- <view class="course-title ellipsis2">{{item.courseName}}</view>
|
|
|
|
|
- <view class="course-countdown">
|
|
|
|
|
- <text class="label">倒计时</text>
|
|
|
|
|
- <view class="time-box">
|
|
|
|
|
- <text class="time">04</text>
|
|
|
|
|
- <text class="split">:</text>
|
|
|
|
|
- <text class="time">32</text>
|
|
|
|
|
- <text class="split">:</text>
|
|
|
|
|
- <text class="time">18</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <text class="limit">限量100份</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="course-price-box">
|
|
|
|
|
- <view class="price-left">
|
|
|
|
|
- <text class="symbol">¥</text>
|
|
|
|
|
- <text class="price">50</text>
|
|
|
|
|
- <text class="old-price">¥ 499</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="order-btn">预约听课</view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <scroll-view class="horizontal-scroll" scroll-x="true">
|
|
|
|
|
+ <view class="scroll-content">
|
|
|
|
|
+ <view class="item" v-for="(item, index) in latestList" :key="index" @click="goClass(item.courseId, 1)">
|
|
|
|
|
+ <image class="cover" :src="item.imgUrl || ' /static/course_img.png'" mode="aspectFill"></image>
|
|
|
|
|
+ <view class="name ellipsis">{{item.courseName}}</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
|
|
+ </scroll-view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <!-- 名医精讲 -->
|
|
|
|
|
- <view class="famous-doctor-box">
|
|
|
|
|
- <view class="title-box">
|
|
|
|
|
- <text class="title">名医精讲</text>
|
|
|
|
|
- <view class="more" @click="navTo('/pages_index/index/doctorArticleList')">
|
|
|
|
|
- <text>更多</text>
|
|
|
|
|
- <image src="/static/right_arrow_right.png"></image>
|
|
|
|
|
|
|
+ <!-- 精品录播 -->
|
|
|
|
|
+ <view class="section-box featured-courses">
|
|
|
|
|
+ <view class="section-header">
|
|
|
|
|
+ <view class="left">
|
|
|
|
|
+ <view class="vertical-bar"></view>
|
|
|
|
|
+ <text class="title">精品录播</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="more" @click="goClassList(2)">
|
|
|
|
|
+ <text>查看全部</text>
|
|
|
|
|
+ <image src=" /static/right_arrow_right.png" mode="aspectFit"></image>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <scroll-view class="doctor-scroll" scroll-x="true">
|
|
|
|
|
- <view class="doctor-list">
|
|
|
|
|
- <view class="doctor-item" v-for="(item, index) in doctocArticles" :key="index" @click="navTo('/pages_index/index/doctorArticleDetails?articleId='+item.articleId)">
|
|
|
|
|
- <view class="doctor-img-box">
|
|
|
|
|
- <image class="doctor-img" :src="item.imageUrl || '/static/famous_doctor_img.png'" mode="aspectFill"></image>
|
|
|
|
|
- <view class="view-count">
|
|
|
|
|
- <image src="/static/eye_open.png"></image>
|
|
|
|
|
- <text>{{item.views}}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="play-btn">
|
|
|
|
|
- <view class="play-icon-inner"></view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="doctor-title ellipsis">{{item.title}}</view>
|
|
|
|
|
- <view class="doctor-info">
|
|
|
|
|
- <view class="doctor-user">
|
|
|
|
|
- <image class="avatar" :src="item.avatar || '/static/avatar.png'"></image>
|
|
|
|
|
- <text class="name">{{item.doctorName}}</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="like-box" @click.stop="likeClick(item)">
|
|
|
|
|
- <image v-if="isLike" src="/static/f_like_red.png"></image>
|
|
|
|
|
- <image v-else src="/static/zan_icon.png"></image>
|
|
|
|
|
- <text>2.0万</text>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="grid-list">
|
|
|
|
|
+ <view class="item" v-for="(item, index) in featuredList" :key="index" @click="goClass(item.courseId, 1)">
|
|
|
|
|
+ <view class="cover-box">
|
|
|
|
|
+ <image class="cover" :src="item.imgUrl || ' /static/course_img.png'" mode="aspectFill"></image>
|
|
|
|
|
+ <view class="overlay bottom-info">
|
|
|
|
|
+ <text class="left-text">{{item.playCount}}次播放</text>
|
|
|
|
|
+ <text class="right-text">共{{item.lessonCount}}讲</text>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="name ellipsis">{{item.courseName}}</view>
|
|
|
</view>
|
|
</view>
|
|
|
- </scroll-view>
|
|
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!--养生干货-->
|
|
<!--养生干货-->
|
|
@@ -155,7 +137,6 @@
|
|
|
</view>
|
|
</view>
|
|
|
<z-modal :show="tuiModalControl" placeholderText="请输入邀请码" :btnGroup="btnGroup" :contentType="2"
|
|
<z-modal :show="tuiModalControl" placeholderText="请输入邀请码" :btnGroup="btnGroup" :contentType="2"
|
|
|
titleText="填写邀请码" @cancle="cancleTui" @sure="submitTui"></z-modal>
|
|
titleText="填写邀请码" @cancle="cancleTui" @sure="submitTui"></z-modal>
|
|
|
- <!-- <tabbar :actindex="0"></tabbar> -->
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -224,7 +205,7 @@
|
|
|
}, {
|
|
}, {
|
|
|
text: '确定',
|
|
text: '确定',
|
|
|
color: '#FFFFFF',
|
|
color: '#FFFFFF',
|
|
|
- bgColor: '#FC581C ',
|
|
|
|
|
|
|
+ bgColor: '#5B37FD ',
|
|
|
width: '150rpx',
|
|
width: '150rpx',
|
|
|
height: '80rpx',
|
|
height: '80rpx',
|
|
|
shape: 'fillet',
|
|
shape: 'fillet',
|
|
@@ -255,7 +236,8 @@
|
|
|
doctocArticles: [], //养生讲堂
|
|
doctocArticles: [], //养生讲堂
|
|
|
articles: [], //养生干货
|
|
articles: [], //养生干货
|
|
|
// 状态栏的高度
|
|
// 状态栏的高度
|
|
|
- statusBarHeight: uni.getStorageSync('menuInfo').statusBarHeight,
|
|
|
|
|
|
|
+ statusBarHeight: uni.getStorageSync('menuInfo') ? uni.getStorageSync('menuInfo').statusBarHeight : 20,
|
|
|
|
|
+ headerHeight: 88, // 默认高度,后续动态计算
|
|
|
tabBg: "https://zlwh.obs.cn-southwest-2.myhuaweicloud.com/orangeShop/tab_bg.png", // tab切换背景
|
|
tabBg: "https://zlwh.obs.cn-southwest-2.myhuaweicloud.com/orangeShop/tab_bg.png", // tab切换背景
|
|
|
// 问诊案例类型
|
|
// 问诊案例类型
|
|
|
orderTypes: [{
|
|
orderTypes: [{
|
|
@@ -272,35 +254,40 @@
|
|
|
messageShow: true,
|
|
messageShow: true,
|
|
|
yangshengs: [{
|
|
yangshengs: [{
|
|
|
id: "1",
|
|
id: "1",
|
|
|
- title: "疾病",
|
|
|
|
|
- page: "/pages_index/index/diseaseList",
|
|
|
|
|
- icon: "../../static/disease.png"
|
|
|
|
|
|
|
+ title: "精选课程",
|
|
|
|
|
+ page: "/pages_course/teacherClassroom?type=1",
|
|
|
|
|
+ icon: "/static/menu1.png",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
id: "2",
|
|
id: "2",
|
|
|
- title: "名医",
|
|
|
|
|
- page: "/pages_doctor/doctorList",
|
|
|
|
|
- icon: "../../static/famous_doctor.png"
|
|
|
|
|
|
|
+ title: "分享社区",
|
|
|
|
|
+ page: "/pages_index/index/articleList",
|
|
|
|
|
+ icon: "/static/menu2.png",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
id: "3",
|
|
id: "3",
|
|
|
- title: "养生",
|
|
|
|
|
- page: "/pages_index/index/articleList",
|
|
|
|
|
- icon: "../../static/health_preservation.png"
|
|
|
|
|
|
|
+ title: "付费课程",
|
|
|
|
|
+ page: "/pages_course/teacherClassroom?type=2",
|
|
|
|
|
+ icon: "/static/menu3.png",
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
id: "4",
|
|
id: "4",
|
|
|
- title: "用药",
|
|
|
|
|
- page: "/pages/shopping/index",
|
|
|
|
|
- icon: "../../static/medication.png"
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- id: "5",
|
|
|
|
|
- title: "用药",
|
|
|
|
|
- page: "/pages/shopping/index",
|
|
|
|
|
- icon: "../../static/medication.png"
|
|
|
|
|
|
|
+ title: "全部课程",
|
|
|
|
|
+ page: "/pages_course/teacherClassroom",
|
|
|
|
|
+ icon: "/static/menu4.png",
|
|
|
}
|
|
}
|
|
|
],
|
|
],
|
|
|
|
|
+ latestList: [
|
|
|
|
|
+ { courseId: 1, courseName: '中医降脂养肝课', imgUrl: ' /static/famous_doctor_img.png' },
|
|
|
|
|
+ { courseId: 2, courseName: '五脏养生操', imgUrl: ' /static/famous_doctor_img2.png' },
|
|
|
|
|
+ { courseId: 3, courseName: '杜丁秋冬肠胃养生课', imgUrl: ' /static/course_img.png' }
|
|
|
|
|
+ ],
|
|
|
|
|
+ featuredList: [
|
|
|
|
|
+ { courseId: 4, courseName: '中医降脂养肝课', imgUrl: ' /static/famous_doctor_img.png', playCount: '8.1万', lessonCount: 15 },
|
|
|
|
|
+ { courseId: 5, courseName: '五脏养生操', imgUrl: ' /static/famous_doctor_img2.png', playCount: '8.1万', lessonCount: 15 },
|
|
|
|
|
+ { courseId: 6, courseName: '杜丁秋冬肠胃养生课', imgUrl: ' /static/course_img.png', playCount: '8.1万', lessonCount: 15 },
|
|
|
|
|
+ { courseId: 7, courseName: '冬季养生', imgUrl: ' /static/famous_doctor_img.png', playCount: '8.1万', lessonCount: 15 }
|
|
|
|
|
+ ],
|
|
|
userinfoa: [],
|
|
userinfoa: [],
|
|
|
isuser: false,
|
|
isuser: false,
|
|
|
menvKey: [],
|
|
menvKey: [],
|
|
@@ -342,6 +329,7 @@
|
|
|
mounted() {
|
|
mounted() {
|
|
|
this.getCourseList()
|
|
this.getCourseList()
|
|
|
//this.getDepartmentList();
|
|
//this.getDepartmentList();
|
|
|
|
|
+ this.calculateHeaderHeight();
|
|
|
},
|
|
},
|
|
|
onShareAppMessage(res) {
|
|
onShareAppMessage(res) {
|
|
|
return {
|
|
return {
|
|
@@ -402,6 +390,14 @@
|
|
|
likeClick(item){
|
|
likeClick(item){
|
|
|
this.isLike = !this.isLike
|
|
this.isLike = !this.isLike
|
|
|
},
|
|
},
|
|
|
|
|
+ calculateHeaderHeight() {
|
|
|
|
|
+ const query = uni.createSelectorQuery().in(this);
|
|
|
|
|
+ query.select('.fixed-top-box').boundingClientRect(data => {
|
|
|
|
|
+ if (data) {
|
|
|
|
|
+ this.headerHeight = data.height;
|
|
|
|
|
+ }
|
|
|
|
|
+ }).exec();
|
|
|
|
|
+ },
|
|
|
getCourseList() {
|
|
getCourseList() {
|
|
|
courseList().then(res => {
|
|
courseList().then(res => {
|
|
|
if (res.code == 200 && res.data && res.data.length > 0) {
|
|
if (res.code == 200 && res.data && res.data.length > 0) {
|
|
@@ -413,12 +409,12 @@
|
|
|
{
|
|
{
|
|
|
courseId: 1,
|
|
courseId: 1,
|
|
|
courseName: '第一期超nice的健康博主大盘点,带你领略健康生活',
|
|
courseName: '第一期超nice的健康博主大盘点,带你领略健康生活',
|
|
|
- imgUrl: '../../static/course_img.png'
|
|
|
|
|
|
|
+ imgUrl: ' /static/course_img.png'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
courseId: 2,
|
|
courseId: 2,
|
|
|
courseName: '家庭医生健康顾问服务,全家人的健康保障',
|
|
courseName: '家庭医生健康顾问服务,全家人的健康保障',
|
|
|
- imgUrl: '../../static/course_img.png'
|
|
|
|
|
|
|
+ imgUrl: ' /static/course_img.png'
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|
|
|
}
|
|
}
|
|
@@ -428,7 +424,7 @@
|
|
|
{
|
|
{
|
|
|
courseId: 1,
|
|
courseId: 1,
|
|
|
courseName: '第一期超nice的健康博主大盘点,带你领略健康生活',
|
|
courseName: '第一期超nice的健康博主大盘点,带你领略健康生活',
|
|
|
- imgUrl: '../../static/course_img.png'
|
|
|
|
|
|
|
+ imgUrl: ' /static/course_img.png'
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|
|
|
})
|
|
})
|
|
@@ -881,18 +877,18 @@
|
|
|
{
|
|
{
|
|
|
articleId: 1,
|
|
articleId: 1,
|
|
|
title: '中医降脂养肝课',
|
|
title: '中医降脂养肝课',
|
|
|
- imageUrl: '../../static/famous_doctor_img.png',
|
|
|
|
|
|
|
+ imageUrl: ' /static/famous_doctor_img.png',
|
|
|
views: 3724,
|
|
views: 3724,
|
|
|
doctorName: '崔医生',
|
|
doctorName: '崔医生',
|
|
|
- avatar: '../../static/avatar.png'
|
|
|
|
|
|
|
+ avatar: ' /static/avatar.png'
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
articleId: 2,
|
|
articleId: 2,
|
|
|
title: '春季养生与防病',
|
|
title: '春季养生与防病',
|
|
|
- imageUrl: '../../static/famous_doctor_img2.png',
|
|
|
|
|
|
|
+ imageUrl: ' /static/famous_doctor_img2.png',
|
|
|
views: 2850,
|
|
views: 2850,
|
|
|
doctorName: '崔医生',
|
|
doctorName: '崔医生',
|
|
|
- avatar: '../../static/avatar.png'
|
|
|
|
|
|
|
+ avatar: ' /static/avatar.png'
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|
|
|
}
|
|
}
|
|
@@ -902,10 +898,10 @@
|
|
|
{
|
|
{
|
|
|
articleId: 1,
|
|
articleId: 1,
|
|
|
title: '中医降脂养肝课',
|
|
title: '中医降脂养肝课',
|
|
|
- imageUrl: '../../static/famous_doctor_img.png',
|
|
|
|
|
|
|
+ imageUrl: ' /static/famous_doctor_img.png',
|
|
|
views: 3724,
|
|
views: 3724,
|
|
|
doctorName: '崔医生',
|
|
doctorName: '崔医生',
|
|
|
- avatar: '../../static/avatar.png'
|
|
|
|
|
|
|
+ avatar: ' /static/avatar.png'
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|
|
|
});
|
|
});
|
|
@@ -941,58 +937,90 @@
|
|
|
left: 0;
|
|
left: 0;
|
|
|
z-index: 1000;
|
|
z-index: 1000;
|
|
|
transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
|
- background-color: transparent;
|
|
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
|
|
|
.status_bar {
|
|
.status_bar {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .content {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- background-color: #F8F9FB;
|
|
|
|
|
- min-height: 100vh;
|
|
|
|
|
-
|
|
|
|
|
- .bg {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 450rpx;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
- .top-inner {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- z-index: 5;
|
|
|
|
|
|
|
+ .header-content {
|
|
|
|
|
+ padding: 10rpx 30rpx 20rpx;
|
|
|
|
|
|
|
|
.top-title {
|
|
.top-title {
|
|
|
height: 88upx;
|
|
height: 88upx;
|
|
|
- line-height: 88upx;
|
|
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
|
- padding-left: 30upx;
|
|
|
|
|
-
|
|
|
|
|
- .user-avatar {
|
|
|
|
|
- width: 64upx;
|
|
|
|
|
- height: 64upx;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- border: 2rpx solid #fff;
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
.name {
|
|
.name {
|
|
|
- font-size: 32upx;
|
|
|
|
|
|
|
+ font-size: 44rpx;
|
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
|
|
- color: #333;
|
|
|
|
|
- margin-left: 16upx;
|
|
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #1A1A1A;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .header-search-box {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ margin-top: 10rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .search-bar {
|
|
|
|
|
+ flex: 1;
|
|
|
|
|
+ height: 72rpx;
|
|
|
|
|
+ background: #F5F6F8;
|
|
|
|
|
+ border-radius: 36rpx;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ padding: 0 30rpx;
|
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .search-icon {
|
|
|
|
|
+ width: 32rpx;
|
|
|
|
|
+ height: 32rpx;
|
|
|
|
|
+ margin-right: 16rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .placeholder {
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ color: #999;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .message-box {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ width: 56rpx;
|
|
|
|
|
+ height: 56rpx;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+
|
|
|
|
|
+ .message-icon {
|
|
|
|
|
+ width: 48rpx;
|
|
|
|
|
+ height: 48rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .red-dot {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 4rpx;
|
|
|
|
|
+ right: 4rpx;
|
|
|
|
|
+ width: 16rpx;
|
|
|
|
|
+ height: 16rpx;
|
|
|
|
|
+ background: #FF4D4F;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ border: 2rpx solid #fff;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .content {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
+ min-height: 100vh;
|
|
|
|
|
|
|
|
.banner-box {
|
|
.banner-box {
|
|
|
padding: 0 30upx;
|
|
padding: 0 30upx;
|
|
@@ -1000,10 +1028,9 @@
|
|
|
|
|
|
|
|
.inner {
|
|
.inner {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 320upx;
|
|
|
|
|
- border-radius: 24upx;
|
|
|
|
|
|
|
+ height: 300upx;
|
|
|
|
|
+ border-radius: 20upx;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
- box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
|
|
|
|
.swiper,
|
|
.swiper,
|
|
|
.swiper-item,
|
|
.swiper-item,
|
|
@@ -1030,198 +1057,57 @@
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
width: 25%;
|
|
width: 25%;
|
|
|
|
|
|
|
|
- .icon {
|
|
|
|
|
|
|
+ .icon-wrap {
|
|
|
width: 100upx;
|
|
width: 100upx;
|
|
|
height: 100upx;
|
|
height: 100upx;
|
|
|
- margin-bottom: 12upx;
|
|
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ margin-bottom: 16upx;
|
|
|
|
|
+
|
|
|
|
|
+ .icon {
|
|
|
|
|
+ width: 88upx;
|
|
|
|
|
+ height: 88upx;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
.title {
|
|
|
font-size: 26upx;
|
|
font-size: 26upx;
|
|
|
- color: #666;
|
|
|
|
|
|
|
+ color: #333;
|
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .scroll-bar-box {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- margin-top: 24upx;
|
|
|
|
|
|
|
+ .section-box {
|
|
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
|
|
|
|
|
- .scroll-bar {
|
|
|
|
|
|
|
+ .section-header {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- width: 48upx;
|
|
|
|
|
- height: 8upx;
|
|
|
|
|
- background: #E5E9F2;
|
|
|
|
|
- border-radius: 4upx;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
-
|
|
|
|
|
- .scroll-dot {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
-
|
|
|
|
|
- &.active {
|
|
|
|
|
- background: #2B85FF;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .recommend-box {
|
|
|
|
|
- margin: 20rpx 30rpx;
|
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- border-radius: 24rpx;
|
|
|
|
|
- padding: 30rpx;
|
|
|
|
|
-
|
|
|
|
|
- .title-box {
|
|
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items: center;
|
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
|
- padding-bottom: 24rpx;
|
|
|
|
|
- border-bottom: 1rpx solid #F5F5F5;
|
|
|
|
|
-
|
|
|
|
|
- .title {
|
|
|
|
|
- font-size: 34rpx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: 800;
|
|
|
|
|
- color: #1A1A1A;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
- .course-list {
|
|
|
|
|
- .course-item {
|
|
|
|
|
|
|
+ .left {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- padding: 20rpx 0;
|
|
|
|
|
-
|
|
|
|
|
- &:last-child {
|
|
|
|
|
- padding-bottom: 0;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
|
|
|
- .course-img {
|
|
|
|
|
- width: 180rpx;
|
|
|
|
|
- height: 180rpx;
|
|
|
|
|
- border-radius: 16rpx;
|
|
|
|
|
- margin-right: 24rpx;
|
|
|
|
|
|
|
+ .vertical-bar {
|
|
|
|
|
+ width: 8rpx;
|
|
|
|
|
+ height: 32rpx;
|
|
|
|
|
+ background: #5C4BFF;
|
|
|
|
|
+ border-radius: 4rpx;
|
|
|
|
|
+ margin-right: 16rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .course-info {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
-
|
|
|
|
|
- .course-title {
|
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- color: #1A1A1A;
|
|
|
|
|
- display: -webkit-box;
|
|
|
|
|
- -webkit-line-clamp: 1; /* 显示行数 */
|
|
|
|
|
- -webkit-box-orient: vertical;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .course-countdown {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- margin: 8rpx 0;
|
|
|
|
|
-
|
|
|
|
|
- .label {
|
|
|
|
|
- font-size: 22rpx;
|
|
|
|
|
- color: #999;
|
|
|
|
|
- margin-right: 12rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .time-box {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-
|
|
|
|
|
- .time {
|
|
|
|
|
- width: 36rpx;
|
|
|
|
|
- height: 36rpx;
|
|
|
|
|
- background: #F5F5F5;
|
|
|
|
|
- border-radius: 4rpx;
|
|
|
|
|
- font-size: 22rpx;
|
|
|
|
|
- color: #333;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- line-height: 36rpx;
|
|
|
|
|
- font-family: Roboto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .split {
|
|
|
|
|
- margin: 0 4rpx;
|
|
|
|
|
- color: #999;
|
|
|
|
|
- font-size: 20rpx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .limit {
|
|
|
|
|
- font-size: 22rpx;
|
|
|
|
|
- color: #CCC;
|
|
|
|
|
- margin-left: 20rpx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .course-price-box {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
-
|
|
|
|
|
- .price-left {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: baseline;
|
|
|
|
|
-
|
|
|
|
|
- .symbol {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- color: #FF6B00;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .price {
|
|
|
|
|
- font-size: 38rpx;
|
|
|
|
|
- color: #FF6B00;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- margin: 0 12rpx 0 4rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .old-price {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- color: #CCC;
|
|
|
|
|
- text-decoration: line-through;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .order-btn {
|
|
|
|
|
- width: 160rpx;
|
|
|
|
|
- height: 56rpx;
|
|
|
|
|
- background: #4CC67F;
|
|
|
|
|
- border-radius: 28rpx;
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- color: #FFFFFF;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- line-height: 56rpx;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .title {
|
|
|
|
|
+ font-size: 36rpx;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #1A1A1A;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .famous-doctor-box {
|
|
|
|
|
- margin: 20rpx 30rpx 40rpx;
|
|
|
|
|
-
|
|
|
|
|
- .title-box {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- margin-bottom: 24rpx;
|
|
|
|
|
-
|
|
|
|
|
- .title {
|
|
|
|
|
- font-size: 34rpx;
|
|
|
|
|
- font-family: PingFang SC;
|
|
|
|
|
- font-weight: 800;
|
|
|
|
|
- color: #1A1A1A;
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
.more {
|
|
.more {
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -1234,166 +1120,84 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
image {
|
|
image {
|
|
|
- width:48rpx;
|
|
|
|
|
|
|
+ width: 48rpx;
|
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .doctor-scroll {
|
|
|
|
|
|
|
+ .horizontal-scroll {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
|
|
|
+
|
|
|
|
|
+ .scroll-content {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+
|
|
|
|
|
+ .item {
|
|
|
|
|
+ width: 220rpx;
|
|
|
|
|
+ margin-right: 20rpx;
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
|
+
|
|
|
|
|
+ .cover {
|
|
|
|
|
+ width: 220rpx;
|
|
|
|
|
+ height: 160rpx;
|
|
|
|
|
+ border-radius: 12rpx;
|
|
|
|
|
+ background: #f0f0f0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .name {
|
|
|
|
|
+ margin-top: 12rpx;
|
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
|
+ color: #333;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .doctor-list {
|
|
|
|
|
|
|
+ .grid-list {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
|
|
- .doctor-item {
|
|
|
|
|
- display: inline-block;
|
|
|
|
|
|
|
+ .item {
|
|
|
width: 334rpx;
|
|
width: 334rpx;
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- border-radius: 24rpx;
|
|
|
|
|
- margin-right: 20rpx;
|
|
|
|
|
- padding-bottom: 20rpx;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
-
|
|
|
|
|
- &:last-child {
|
|
|
|
|
- margin-right: 0;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ margin-bottom: 30rpx;
|
|
|
|
|
|
|
|
- .doctor-img-box {
|
|
|
|
|
|
|
+ .cover-box {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 334rpx;
|
|
|
|
|
|
|
+ height: 190rpx;
|
|
|
|
|
+ border-radius: 16rpx;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
|
|
- .doctor-img {
|
|
|
|
|
|
|
+ .cover {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
|
+ background: #f0f0f0;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .doctor-tag {
|
|
|
|
|
|
|
+ .overlay {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- top: 0;
|
|
|
|
|
|
|
+ bottom: 0;
|
|
|
left: 0;
|
|
left: 0;
|
|
|
- padding: 8rpx 20rpx;
|
|
|
|
|
- font-size: 22rpx;
|
|
|
|
|
- color: #FFFFFF;
|
|
|
|
|
- border-radius: 0 0 24rpx 0;
|
|
|
|
|
- z-index: 1;
|
|
|
|
|
-
|
|
|
|
|
- &::after {
|
|
|
|
|
- content: "";
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0;
|
|
|
|
|
- left: 0;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- background: inherit;
|
|
|
|
|
- transform: skewX(-15deg);
|
|
|
|
|
- transform-origin: left bottom;
|
|
|
|
|
- z-index: -1;
|
|
|
|
|
- border-radius: 0 0 12rpx 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- &.blue-tag {
|
|
|
|
|
- background: linear-gradient(135deg, #4da9ff 0%, #2b85ff 100%);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- &.orange-tag {
|
|
|
|
|
- background: linear-gradient(135deg, #ff9d4d 0%, #ff6b00 100%);
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .view-count {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- bottom: 20rpx;
|
|
|
|
|
- left: 20rpx;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- padding: 4rpx 16rpx;
|
|
|
|
|
- background: rgba(0, 0, 0, 0.3);
|
|
|
|
|
- border-radius: 20rpx;
|
|
|
|
|
-
|
|
|
|
|
- image {
|
|
|
|
|
- width: 24rpx;
|
|
|
|
|
- height: 24rpx;
|
|
|
|
|
- margin-right: 8rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- text {
|
|
|
|
|
- font-size: 20rpx;
|
|
|
|
|
- color: #FFFFFF;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .play-btn {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- bottom: 20rpx;
|
|
|
|
|
- right: 20rpx;
|
|
|
|
|
- width: 48rpx;
|
|
|
|
|
- height: 48rpx;
|
|
|
|
|
- background: #FFFFFF;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 60rpx;
|
|
|
|
|
+ background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
|
|
-
|
|
|
|
|
- .play-icon-inner {
|
|
|
|
|
- width: 0;
|
|
|
|
|
- height: 0;
|
|
|
|
|
- border-style: solid;
|
|
|
|
|
- border-width: 10rpx 0 10rpx 16rpx;
|
|
|
|
|
- border-color: transparent transparent transparent #2B85FF;
|
|
|
|
|
- margin-left: 4rpx;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ padding: 0 16rpx;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ font-size: 22rpx;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .doctor-title {
|
|
|
|
|
- padding: 20rpx;
|
|
|
|
|
|
|
+ .name {
|
|
|
|
|
+ margin-top: 16rpx;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
- font-weight: 800;
|
|
|
|
|
- color: #1A1A1A;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .doctor-info {
|
|
|
|
|
- padding: 0 20rpx;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-
|
|
|
|
|
- .doctor-user {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-
|
|
|
|
|
- .avatar {
|
|
|
|
|
- width: 36rpx;
|
|
|
|
|
- height: 36rpx;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- margin-right: 12rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .name {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- color: #999;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .like-box {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-
|
|
|
|
|
- image {
|
|
|
|
|
- width: 28rpx;
|
|
|
|
|
- height: 28rpx;
|
|
|
|
|
- margin-right: 8rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- text {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- color: #999;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ color: #333;
|
|
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -1444,7 +1248,7 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.active {
|
|
.active {
|
|
|
- color: #FC581C ;
|
|
|
|
|
|
|
+ color: #5B37FD ;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -1615,7 +1419,7 @@
|
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
|
- background: #FC581C ;
|
|
|
|
|
|
|
+ background: #5B37FD ;
|
|
|
border-radius: 10upx 4upx 10upx 4upx;
|
|
border-radius: 10upx 4upx 10upx 4upx;
|
|
|
margin-right: 12upx;
|
|
margin-right: 12upx;
|
|
|
}
|
|
}
|
|
@@ -1714,14 +1518,14 @@
|
|
|
.label {
|
|
.label {
|
|
|
font-size: 26upx;
|
|
font-size: 26upx;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
- color: #FC581C ;
|
|
|
|
|
|
|
+ color: #5B37FD ;
|
|
|
margin-right: 5upx;
|
|
margin-right: 5upx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.num {
|
|
.num {
|
|
|
font-size: 28upx;
|
|
font-size: 28upx;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- color: #FC581C ;
|
|
|
|
|
|
|
+ color: #5B37FD ;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -1741,7 +1545,7 @@
|
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
- color: #FC581C ;
|
|
|
|
|
|
|
+ color: #5B37FD ;
|
|
|
|
|
|
|
|
image {
|
|
image {
|
|
|
margin-left: 8rpx;
|
|
margin-left: 8rpx;
|
|
@@ -2699,7 +2503,7 @@
|
|
|
|
|
|
|
|
.price {
|
|
.price {
|
|
|
padding: 5rpx 10rpx;
|
|
padding: 5rpx 10rpx;
|
|
|
- background-color: #FC581C ;
|
|
|
|
|
|
|
+ background-color: #5B37FD ;
|
|
|
border-radius: 30rpx;
|
|
border-radius: 30rpx;
|
|
|
font-size: 20upx;
|
|
font-size: 20upx;
|
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
@@ -2769,7 +2573,7 @@
|
|
|
font-size: 28upx;
|
|
font-size: 28upx;
|
|
|
font-family: PingFang SC;
|
|
font-family: PingFang SC;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
- color: #FC581C ;
|
|
|
|
|
|
|
+ color: #5B37FD ;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -2783,7 +2587,7 @@
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
|
border: 1px solid #D2E6FF;
|
|
border: 1px solid #D2E6FF;
|
|
|
- background: linear-gradient(135deg, #efa566 0%, #FC581C 100%);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, #5B37FD 0%, #5B37FD 100%);
|
|
|
border-radius: 24upx;
|
|
border-radius: 24upx;
|
|
|
margin-left: 30upx;
|
|
margin-left: 30upx;
|
|
|
}
|
|
}
|