You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2477 lines
61 KiB
2477 lines
61 KiB
<template>
|
|
<BaseContainer :fixedNav="false">
|
|
<view class="indexNew">
|
|
<view class="TaberList"
|
|
:style="{ background: `linear-gradient(180deg, rgb(${color_one}) 0%, #FFF 100%)` }">
|
|
<view class="flex header">
|
|
<view class="position header-info">
|
|
<image src="@/static/images/position.png" mode="aspectfill"></image>
|
|
<text>南京</text>
|
|
</view>
|
|
<view class="search" @click="getsearch()">
|
|
<image class="image_icon" :src="getImgPath('/public/images/icon.png')" mode="aspectFill" />
|
|
<view class="name">
|
|
搜索你想要的课程名称
|
|
</view>
|
|
</view>
|
|
<view class="notice header-info">
|
|
<image src="@/static/images/notice.png" mode="aspectfill"></image>
|
|
<text class="notice-num">6</text>
|
|
</view>
|
|
</view>
|
|
<view v-if="bannerList.length" class="carousel">
|
|
<swiper id="swiper1" class="swiper-container" indicator-dots circular autoplay @change="getChangeImage">
|
|
<swiper-item v-for="item in bannerList" :key="item.id" class="swiper-slide">
|
|
<navigator :url="item.url" hover-class="none">
|
|
<image :src="item.pic" mode="aspectFill" />
|
|
</navigator>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
</view>
|
|
|
|
<!--幻灯片-->
|
|
|
|
<!--功能菜单-->
|
|
<view v-if="navList.length" class="nav">
|
|
<!-- #ifndef MP-TOUTIAO -->
|
|
<view class="col-8"></view>
|
|
<!-- #endif -->
|
|
<view class="acea-row">
|
|
<view class="item" :key="index" v-for="(item, index) in navList" @click="getNavHrefTaber(item, 1)">
|
|
<view class="pictrue">
|
|
<image :src="item.icon" mode="aspectFit"/>
|
|
</view>
|
|
<view class="text">{{ item.title }}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-for="(item, index) in recommend" v-if="item.type === 13">
|
|
<!-- 广告 -->
|
|
<recommend-poster :advert-list="item.list"></recommend-poster>
|
|
</view>
|
|
|
|
<!-- 新闻 -->
|
|
<!-- <view v-if="newsList.length" class="news">
|
|
<view class="pictrue">
|
|
<image mode="widthFix" :src="getImgPath('/wap/first/zsff/images/news.png')" />
|
|
</view>
|
|
<swiper id="swiper2" class="swiper-container" vertical autoplay>
|
|
<swiper-item v-for="(item, index) in newsList" :key="index" class="swiper-slide">
|
|
<navigator hover-class="none" :url="item.url">{{ item.title }}</navigator>
|
|
</swiper-item>
|
|
</swiper>
|
|
|
|
</view> -->
|
|
<!--活动区域-->
|
|
<view class="activity acea-row row-between" v-if="activity.length || activityOne.id">
|
|
<navigator class="left" hover-class="none" url="" @click="SwichAction(activityOne)">
|
|
<view class="title line1">{{ activityOne.title }}</view>
|
|
<view class="info line1">{{ activityOne.info }}</view>
|
|
<view class="button">
|
|
<view class="newstaber">免费领取</view>
|
|
<view class="bot">
|
|
<image :src="getImgPath('/public/images/jt.png')" mode="aspectFill" />
|
|
</view>
|
|
</view>
|
|
<view class="pictrue">
|
|
<image mode="aspectFill" :src="activityOne.pic" />
|
|
</view>
|
|
</navigator>
|
|
<view class="right" v-if="activity.length">
|
|
<navigator class="item" v-for="(item, index) in activity" :key="index" hover-class="none" url=""
|
|
@click="SwichAction(item)">
|
|
<view class="text">
|
|
<view class="title line1" :class="index == 0 ? 'on' : 'in'" v-text="item.title"></view>
|
|
<view class="info line1" :class="index == 0 ? 'on' : 'in'" v-text="item.info"></view>
|
|
</view>
|
|
<view class="pictrue on">
|
|
<image mode="aspectFill" :src="item.pic" />
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
<!-- 自定义排版 -->
|
|
<template v-if="recommend.length">
|
|
<view v-for="(item, index) in recommend" >
|
|
<!--直播-->
|
|
<view v-if="item.type === 5 && item.list.length" class="broadcast">
|
|
<view class="public_title acea-row row-between-wrapper">
|
|
<view class="name">{{ item.title }}</view>
|
|
</view>
|
|
<view class="broadcast_list">
|
|
|
|
<swiper id="swiper4" class="swiper-container swiperScroll" style="padding: 0 10px; height: 323rpx"
|
|
:disable-touch="true">
|
|
<swiper-item>
|
|
<scroll-view scroll-x="true" showScrollbar="false" class="scroll-view_H">
|
|
<navigator class="swiper-slide item" hover-class="none" url="" @click="getDetails(2, itm.id)" :key="idx"
|
|
v-for="(itm, idx) in item.list">
|
|
<view class="pictrue">
|
|
<image mode="aspectFill" :src="itm.image" />
|
|
<view class="state acea-row row-center-wrapper" v-if="itm.status == 1">
|
|
<image :src="getImgPath('/wap/first/zsff/images/live01.png')" />
|
|
<view class="stateTxt">直播中</view>
|
|
</view>
|
|
<view class="state return acea-row row-center-wrapper" v-else-if="itm.status == 2">
|
|
<image :src="getImgPath('/wap/first/zsff/images/returnVisit.png')" />
|
|
<view class="stateTxt">回放</view>
|
|
</view>
|
|
<view class="state make acea-row row-center-wrapper" v-else-if="itm.status == 3">
|
|
<image :src="getImgPath('/wap/first/zsff/images/live_time.png')" />
|
|
<view class="stateTxt">直播时间 {{ itm.start_play_time }}</view>
|
|
</view>
|
|
<view class="state return acea-row row-center-wrapper" v-else-if="itm.status == 2">
|
|
<image :src="getImgPath('/wap/first/zsff/images/returnVisit.png')" />
|
|
<view class="stateTxt">已结束</view>
|
|
</view>
|
|
</view>
|
|
<view class="text">
|
|
<view class="name line1" v-text="itm.title"></view>
|
|
<view class="info learn">
|
|
<text>{{ itm.records }}</text><text>人正在学习</text>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</scroll-view>
|
|
</swiper-item>
|
|
</swiper>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 讲师 -->
|
|
<view v-else-if="item.type === 6 && item.list.length" class="teacher">
|
|
<view class="teacher-hd">
|
|
<view class="name">{{ item.title }}</view>
|
|
<navigator class="link" hover-class="none" url="/pages/merchant/teacher_list">查看更多<text
|
|
class="iconfont iconxiangyou"></text></navigator>
|
|
</view>
|
|
<view class="swiper-container swiper5">
|
|
<view class="swiper-wrapper teacherlist">
|
|
<view v-for="(itm, index) in item.list" :key="index" class="swiper-slide teacherct">
|
|
<navigator url="" @click="jumpNoLogin(`/pages/merchant/teacher_detail?id=${itm.id}`)" class="link"
|
|
hover-class="none" style="display: block">
|
|
<image class="image" mode="aspectFill" :src="itm.lecturer_head" />
|
|
<view class="name">{{ itm.lecturer_name }}</view>
|
|
<!-- 只显示一个标签 如需要全部展示 v-for 循环 itm.label
|
|
-->
|
|
<view class="labels" >
|
|
{{itm.label[0]}}
|
|
</view>
|
|
<view class="content">{{itm.explain}}</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- <view v-else-if="item.type === 0 && item.id == 31 && item.list.length" class="live">
|
|
<view class="live-hd">
|
|
<view class="name">{{ item.title }}</view>
|
|
<navigator class="link" hover-class="none" url="/pages/merchant/teacher_list">查看更多<text
|
|
class="iconfont iconxiangyou"></text></navigator>
|
|
</view>
|
|
<view class="swiper-container swiper5">
|
|
<view class="swiper-wrapper teacherlist">
|
|
<view v-for="(itm, index) in item.list" :key="index" class="swiper-slide teacherct" >
|
|
<navigator @click="jumpNoLogin(`/pages/special/details?id=${itm.id}`)" class="link"
|
|
hover-class="none" style="display: block">
|
|
<view class="username">{{itm.title}}</view>
|
|
<view class="jname">主讲：散文</view>
|
|
<image class="" mode="aspectFill" style="width:400rpx; height:224rpx;border-radius: 20rpx;" :src="itm.image" />
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
<!-- 资料 -->
|
|
<recommend-material v-if="item.type === 14" :key="item.id" :material-list="item.list"
|
|
:type-setting="item.typesetting" all-link="/pages/material/material_list"
|
|
cell-link="/pages/special/data_details" :material-title="item.title"></recommend-material>
|
|
<!-- 广告 -->
|
|
<!-- <recommend-poster v-if="item.type === 13" :advert-list="item.list"></recommend-poster> -->
|
|
<!-- 练习模式 -->
|
|
<recommend-problem v-else-if="item.type === 11" :obj="item"></recommend-problem>
|
|
<!-- 考试模式 -->
|
|
<recommend-question v-else-if="item.type === 12" :obj="item"></recommend-question>
|
|
<!-- 拼团课程 -->
|
|
<view v-else-if="item.type === 8 && item.list.length" class="group-section">
|
|
<view class="pink">
|
|
<image :src="getImgPath('/public/images/pink.png')" class="pinkimage" mode="aspectFill"/>
|
|
<view class="title">
|
|
<view class="name">{{ item.title }}</view>
|
|
<view class="wrap">
|
|
<view class="image-wrap">
|
|
<image mode="aspectFill" class="image" v-for="itm in groupWork.avatar" :src="itm.avatar" />
|
|
</view>
|
|
{{ groupWork.count }}人拼团成功
|
|
</view>
|
|
<navigator class="link" url="/pages/special/group_list">
|
|
查看更多<text class="iconfont iconxiangyou"></text>
|
|
</navigator>
|
|
</view>
|
|
<view id="swiper3" class="swiper-container">
|
|
<view class="swiper-wrapper">
|
|
<view v-for="(itm, idx) in item.list" :key="itm.id" class="swiper-slide">
|
|
<navigator class="link" hover-class="none" :url="
|
|
itm.is_light
|
|
? '/pages/special/single_details'
|
|
: '/pages/special/details?id=' + itm.id
|
|
">
|
|
<image class="image" mode="aspectFill" :src="itm.image" />
|
|
<view class="names">{{ itm.title }}</view>
|
|
<view class="wrap">
|
|
<view class="money">
|
|
￥<text>{{ itm.pink_money }}</text>
|
|
</view>
|
|
<view class="button">去拼团</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
<!-- 新闻资讯 -->
|
|
<view v-else-if="item.type === 1 && item.list.length" class="news-section">
|
|
|
|
<view class="title">
|
|
<view>{{ item.title }}</view>
|
|
<navigator class="link" hover-class="none" url="/pages/article/news_list">
|
|
查看更多<text class="iconfont iconxiangyou"></text>
|
|
</navigator>
|
|
</view>
|
|
<view class="list">
|
|
<view class="bots" v-for="(itm, idx) in item.list" :key="itm.link_id" @click="getNavigator('/pages/article/news_detail?id=' + itm.link_id)">
|
|
<view class="listall">
|
|
<view>
|
|
<image class="image" mode="aspectFill" :src="itm.image" />
|
|
</view>
|
|
<view class="names">
|
|
{{ itm.title }}
|
|
</view>
|
|
</view>
|
|
<view class="newsview"> 浏览{{ itm.browse_count}}</view>
|
|
</view>
|
|
<!-- <navigator v-for="(itm, idx) in item.list" :key="itm.link_id"
|
|
:url="'/pages/article/news_detail?id=' + itm.link_id" class="link" hover-class="none">
|
|
<view class="text">
|
|
<view class="name">{{ itm.title }}</view>
|
|
<view class="wrap">
|
|
<template v-for="(v, i) in itm.label">
|
|
<view v-if="!i" class="hot" :key="i">{{ v }}</view>
|
|
</template>
|
|
<view class="browse">
|
|
<text class="iconfont iconliulanliang"></text>{{ itm.browse_count }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<image class="image" mode="aspectFill" :src="itm.image" /> -->
|
|
<!-- </navigator> -->
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 线下活动 -->
|
|
<view v-else-if="item.type === 7 && item.list.length" class="essential activity-offline">
|
|
<view class="public_title acea-row row-between-wrapper">
|
|
<view class="name">{{ item.title }}</view>
|
|
<navigator class="more acea-row row-middle" url="/pages/activity/activity_list">查看更多<text
|
|
class="iconfont iconxiangyou"></text></navigator>
|
|
</view>
|
|
<view class="list">
|
|
<navigator class="item" v-for="(itm, idx) in item.list" :key="idx"
|
|
@click="jumpNoLogin(`/pages/activity/index?id=${itm.id}`)" url="" hover-class="none">
|
|
<view class="pictrue">
|
|
<image mode="aspectFill" :src="itm.image" />
|
|
</view>
|
|
<view class="text">
|
|
<view class="title acea-row row-middle">
|
|
<view class="name line1" v-text="itm.title"></view>
|
|
</view>
|
|
<view class="info">
|
|
<view class="infoname">
|
|
<text class="iconfont icondidian"></text>{{ itm.province
|
|
}}{{ itm.city }}{{ itm.district }}{{ itm.detail }}
|
|
</view>
|
|
<view class="infoname"><text class="iconfont iconshijian2"></text>{{ itm.time }}</view>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
|
|
<template v-else>
|
|
<!-- 左右切换 -->
|
|
<view v-if="item.typesetting == 4 && item.list.length" :key="item.id" class="curriculum">
|
|
<view class="public_title acea-row row-between-wrapper">
|
|
<view class="name" v-text="item.title"></view>
|
|
<navigator class="more acea-row row-middle" hover-class="none" :url="getNavHref(item)"
|
|
v-if="item.type !== 10">查看更多<text class="iconfont iconxiangyou"></text></navigator>
|
|
</view>
|
|
<view class="swiper-container" :class="'swiper-course-' + index" :data-index="index">
|
|
<view class="swiper-wrapper">
|
|
<view class="swiper-slide" v-for="(vv, inx) in item.data" :key="inx">
|
|
<view class="public_list" style="width:390px;">
|
|
<navigator class="item acea-row" v-for="(vals, idxs) in vv.value" :key="idxs"
|
|
@click="getDetails(item.type, vals.link_id, vals.is_light)" url="" hover-class="none">
|
|
<view class="pictrue">
|
|
<image mode="aspectFill" style="width:345rpx;" :src="vals.image" />
|
|
</view>
|
|
<view class="text">
|
|
<view class="title acea-row row-middle">
|
|
<view class="name line1">{{ vals.title }}</view>
|
|
</view>
|
|
<view class="labelList">
|
|
<text class="labelItem" :key="index" v-for="(label, index) in vals.label">{{ label }}</text>
|
|
</view>
|
|
<view class="acea-row row-between-wrapper">
|
|
<view>
|
|
<view class="free" v-if="vals.pay_type == 0 || vals.pay_type == 2">
|
|
免费
|
|
</view>
|
|
<view class="money" v-if="vals.pay_type == 1 && vals.is_pink == 0">
|
|
￥<text>{{ vals.money }}</text>
|
|
</view>
|
|
<view class="money" v-if="vals.pay_type == 1 && vals.is_pink > 0">
|
|
￥<text>{{ vals.pink_money }}</text>
|
|
</view>
|
|
</view>
|
|
<view class="total" v-if="
|
|
!vals.is_light && vals.special_type != 4 && item.type == 0
|
|
">
|
|
共{{ vals.count }}节
|
|
</view>
|
|
</view>
|
|
<view v-if="item.type === 10" class="learn">
|
|
<text>{{ vals.browse_count }}</text><text>次学习</text>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="item.data.length > 1" class="swiper-pagination"></view>
|
|
</view>
|
|
</view>
|
|
<!-- 大图 -->
|
|
<view v-if="item.typesetting == 1 && item.list.length" :key="item.id" class="essential">
|
|
<view class="public_title acea-row row-between-wrapper">
|
|
<view class="name" v-text="item.title"></view>
|
|
<navigator v-if="item.type !== 10" :url="getNavHref(item)" class="more acea-row row-middle">
|
|
查看更多<text class="iconfont iconxiangyou"></text>
|
|
</navigator>
|
|
</view>
|
|
<view class="list">
|
|
<navigator v-for="(validx, indexs) in item.list" :key="indexs" hover-class="none" class="item" url=""
|
|
@click="getDetails(item.type, validx.link_id, validx.is_light)">
|
|
<view :class="{ 'goods-picture': item.type === 4 }" class="pictrue">
|
|
<image :src="validx.image" mode="aspectFill" />
|
|
<view class="label">{{ validx.special_type_name }}</view>
|
|
</view>
|
|
<view class="text">
|
|
<view class="title acea-row row-middle">
|
|
<view class="name line1" v-text="validx.title"></view>
|
|
</view>
|
|
<view v-if="item.type === 10" class="learn">
|
|
<text>{{ validx.browse_count }}</text><text>次学习</text>
|
|
</view>
|
|
<view class="info acea-row row-between-wrapper">
|
|
<view class="labelList">
|
|
<text class="labelItem" :key="indexr" v-for="(label, indexr) in validx.label">{{ label }}</text>
|
|
</view>
|
|
<view>
|
|
<view class="free" v-if="validx.pay_type == 0 || validx.pay_type == 2">
|
|
免费
|
|
</view>
|
|
<view class="money" v-if="validx.pay_type == 1 && validx.is_pink == 0">
|
|
￥<text>{{ validx.money }}</text>
|
|
</view>
|
|
<view class="money" v-if="validx.pay_type == 1 && validx.is_pink > 0">
|
|
￥<text>{{ validx.pink_money }}</text>
|
|
</view>
|
|
<view class="total" v-if="validx.special_type != 4 && item.type == 0 && !validx.is_light">
|
|
共{{ validx.count }}节
|
|
</view>
|
|
<view class="total" v-else-if="item.type == 4">
|
|
已售{{ validx.count }}件
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
<!-- 小图 -->
|
|
<view v-if="item.typesetting == 3 && item.list.length" :key="item.id" class="interest">
|
|
<view class="public_title acea-row row-between-wrapper">
|
|
<view class="name" v-text="item.title"></view>
|
|
<navigator v-if="item.type !== 10" :url="getNavHref(item)" hover-class="none"
|
|
class="more acea-row row-middle">
|
|
查看更多<text class="iconfont iconxiangyou"></text>
|
|
</navigator>
|
|
</view>
|
|
<view class="public_list">
|
|
<navigator v-for="(valtab, indexq) in item.list" :key="indexq" class="item acea-row" hover-class="none" url=""
|
|
@click="getDetails(item.type, valtab.link_id, valtab.is_light,valtab)">
|
|
<view class="pictrue" :class="{ 'goods-picture': item.type === 4 }">
|
|
<image :src="valtab.image" mode="aspectFill" />
|
|
<view class="label">{{ valtab.special_type_name }}</view>
|
|
</view>
|
|
<view class="text">
|
|
<view class="title acea-row row-middle">
|
|
<view class="name line1" v-text="valtab.title"></view>
|
|
</view>
|
|
<view class="labelList" style="height: 40rpx; line-height: 40rpx">
|
|
<text :key="indexw" v-for="(label, indexw) in valtab.label" class="labelItem">{{ label }}</text>
|
|
</view>
|
|
<view class="acea-row row-middle row-between" style="height: 45rpx" v-if="item.type == 0">
|
|
<view>
|
|
<view class="free" v-if="valtab.pay_type == 0 || valtab.pay_type == 2">
|
|
免费
|
|
</view>
|
|
<view class="money" v-if="valtab.pay_type == 1 && valtab.is_pink == 0">
|
|
￥<text>{{ valtab.money }}</text>
|
|
</view>
|
|
<view class="money" v-if="valtab.pay_type == 1 && valtab.is_pink > 0">
|
|
￥<text>{{ valtab.pink_money }}</text>
|
|
</view>
|
|
</view>
|
|
<view class="total" v-if="valtab.special_type != 4 && !valtab.is_light">
|
|
共{{ valtab.count }}节{{valtab.id}}
|
|
</view>
|
|
</view>
|
|
<view v-if="item.type === 4" class="acea-row row-middle row-between" style="height: 45rpx">
|
|
<view>
|
|
<view class="money" v-if="valtab.money > 0">
|
|
￥<text>{{ valtab.money }}</text>
|
|
</view>
|
|
<view class="free" v-else>免费</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="item.type === 10" class="learn">
|
|
<text>{{ valtab.browse_count }}</text><text>次学习</text>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
<!-- 宫图 -->
|
|
<view v-if="item.typesetting == 2 && item.id != 31 && item.list.length" :key="item.id" class="interest english">
|
|
<view class="public_title acea-row row-between-wrapper">
|
|
<view class="name" v-text="item.title"></view>
|
|
<navigator v-if="item.type !== 10" :url="getNavHref(item)" hover-class="none"
|
|
class="more acea-row row-middle">
|
|
查看更多<text class="iconfont iconxiangyou"></text>
|
|
</navigator>
|
|
</view>
|
|
<view class="list acea-row row-between-wrapper">
|
|
<navigator v-for="(valses, indexr) in item.list" :key="indexr" class="item" hover-class="none" url=""
|
|
@click="getDetails(item.type, valses.link_id, valses.is_light,valses)">
|
|
<view class="pictrue" :class="{ 'goods-picture': item.type === 4 }">
|
|
<image :src="valses.image" mode="aspectFill" />
|
|
</view>
|
|
<view class="text">
|
|
<view class="title acea-row row-middle">
|
|
<view class="name line1" v-text="valses.title"></view>
|
|
</view>
|
|
<view class="label acea-row row-middle">
|
|
<text class="cell" :key="idxr" v-for="(label, idxr) in valses.label">{{
|
|
label
|
|
}}</text>
|
|
</view>
|
|
<view class="group acea-row row-middle" v-if="item.type == 0">
|
|
<view class="free" v-if="valses.pay_type == 0 || valses.pay_type == 2">
|
|
免费
|
|
</view>
|
|
|
|
<view class="money" v-if="valses.pay_type == 1 && valses.is_pink == 0">
|
|
￥<text class="num">{{ valses.money }}</text>
|
|
</view>
|
|
<view class="money" v-if="valses.pay_type == 1 && valses.is_pink > 0">
|
|
￥<text class="num">{{ valses.pink_money }}</text>
|
|
</view>
|
|
<view class="total" v-if="valses.special_type != 4 && !valses.is_light">
|
|
共{{ valses.count }}节
|
|
</view>
|
|
</view>
|
|
<view class="group acea-row row-middle" v-if="item.type == 4">
|
|
<view class="free" v-if="valses.money == 0">免费</view>
|
|
<view class="money" v-if="valses.money > 0">
|
|
￥<text class="num">{{ valses.money }}</text>
|
|
</view>
|
|
<view class="total">已售{{ valses.count }}件</view>
|
|
</view>
|
|
<view v-if="item.type === 10" class="learn">
|
|
<text>{{ valses.browse_count }}</text><text>次学习</text>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
</template>
|
|
</view>
|
|
</BaseContainer>
|
|
</template>
|
|
|
|
<script>
|
|
import { getNews, getIndexData } from "@/api/index";
|
|
import { groupWorks } from "@/api/special"
|
|
import RecommendMaterial from "@/components/RecommendMaterial/index.vue";
|
|
import RecommendPoster from "@/components/RecommendPoster/index.vue";
|
|
import RecommendProblem from "@/components/RecommendProblem/index.vue";
|
|
import RecommendQuestion from "@/components/RecommendQuestion/index.vue";
|
|
import store from "@/store";
|
|
import ColorThief from "colorthief";
|
|
|
|
const app = getApp();
|
|
|
|
export default {
|
|
components: {
|
|
RecommendMaterial,
|
|
RecommendPoster,
|
|
RecommendProblem,
|
|
RecommendQuestion,
|
|
},
|
|
data() {
|
|
return {
|
|
color_one: '',
|
|
color_two: '',
|
|
title: '',
|
|
liveOne: {},
|
|
bannerList: [],
|
|
recommend: [],
|
|
navList: [],
|
|
loading: false,
|
|
loadTitle: "",
|
|
loadend: false,
|
|
page: 1,
|
|
limit: 10,
|
|
is_code: false,
|
|
activity: [],
|
|
activityOne: {},
|
|
is_live_one: false,
|
|
newsList: [],
|
|
topFocus: true,
|
|
groupWork: {},
|
|
ICP: {},
|
|
};
|
|
},
|
|
onShow() {
|
|
if (!this.recommend.legth) {
|
|
this.getIndexData();
|
|
this.getNewsList();
|
|
}
|
|
},
|
|
onLoad() {
|
|
wx.setNavigationBarTitle({
|
|
title:"一合知道"
|
|
})
|
|
this.getIndexData();
|
|
this.getNewsList();
|
|
this.getgroupWork();
|
|
// console.log('获取定位=====》');
|
|
// uni.getLocation({
|
|
// type: 'gcj02',
|
|
// geocode: true,
|
|
// success: (res) => {
|
|
// console.log(res);
|
|
// },
|
|
// fail: (e) => {
|
|
// console.log(e);
|
|
// }
|
|
// })
|
|
},
|
|
created() {
|
|
//#ifdef MP-WEIXIN
|
|
wx.showShareMenu({
|
|
withShareTicket: true,
|
|
menus: ['shareAppMessage', 'shareTimeline']
|
|
});
|
|
//#endif
|
|
},
|
|
// 分享朋友
|
|
onShareAppMessage() {
|
|
return {};
|
|
},
|
|
onShareTimeline() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
getChangeImage(e) {
|
|
this.bannerList.forEach((item, index) => {
|
|
if (index == e.detail.current) {
|
|
this.color_one = item.color_one;
|
|
this.color_two = item.color_two;
|
|
}
|
|
});
|
|
|
|
},
|
|
|
|
scan() {
|
|
uni.scanCode({
|
|
scanType: ['qrCode'],
|
|
success: function (res) {
|
|
let url = res.result;
|
|
console.log(url)
|
|
let index = url.indexOf("h5#");
|
|
let result = url.substr(index + 3, url.length);
|
|
uni.navigateTo({
|
|
url: result
|
|
});
|
|
},
|
|
fail(err) {
|
|
console.log(err)
|
|
}
|
|
})
|
|
},
|
|
getsearch(){
|
|
uni.navigateTo({
|
|
url:'/pages/index/search'
|
|
})
|
|
},
|
|
getgroupWork() {
|
|
groupWorks().then(res => {
|
|
this.groupWork = res.data;
|
|
}).catch(err => {
|
|
console.log(err)
|
|
})
|
|
},
|
|
getDetails(type, id, is_light,val) {
|
|
|
|
console.log(id)
|
|
this.$util.checkLogin(() => {
|
|
|
|
switch (type) {
|
|
case 0:
|
|
case 2:
|
|
case 8:
|
|
uni.navigateTo({
|
|
url: is_light ? `/pages/special/single_details?id=${id}` : `/pages/special/details?id=${id}`
|
|
})
|
|
break;
|
|
case 1:
|
|
uni.navigateTo({
|
|
url: `/pages/article/details?id=${id}`
|
|
})
|
|
break;
|
|
case 4:
|
|
uni.navigateTo({
|
|
url: `/pages/store/detail?id=${id}`
|
|
})
|
|
break;
|
|
case 10:
|
|
uni.navigateTo({
|
|
url: `/pages/special/source_detail?id=${id}`
|
|
})
|
|
break;
|
|
}
|
|
}, true);
|
|
|
|
},
|
|
getNavigator(url){
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
},
|
|
getNavHref(item, bo) {
|
|
if (item.type == 3) {
|
|
return item.link;
|
|
} else if (item.type == 4) {
|
|
return "/pages/store/index";
|
|
} else {
|
|
if (bo) {
|
|
return `/pages/special/special_cate?cate_id=${item.grade_id}`;
|
|
}
|
|
return `/pages/index/unified_list?type=${item.type}&title=${item.title}&recommend_id=${item.id}`;
|
|
}
|
|
},
|
|
getNavHrefTaber(item, bo) {
|
|
if (item.grade_id) {
|
|
app.globalData.grade_id = item.grade_id
|
|
uni.switchTab({
|
|
url: `/pages/special/special_cate`
|
|
});
|
|
} else {
|
|
uni.navigateTo({
|
|
url: item.link
|
|
});
|
|
}
|
|
},
|
|
async getIndexData() {
|
|
try {
|
|
const res = await getIndexData();
|
|
const { activity, banner: bannerList, liveOne, navList, recommend, title: title } = res.data;
|
|
Object.assign(this, {
|
|
activity,
|
|
bannerList,
|
|
liveOne,
|
|
navList,
|
|
recommend: recommend.recommend,
|
|
title
|
|
});
|
|
if(!this.color_one && !this.color_two){
|
|
this.color_one = bannerList[0].color_one;
|
|
this.color_two = bannerList[0].color_two;
|
|
}
|
|
if (activity.length) {
|
|
const activityOne = this.activity.shift();
|
|
this.activityOne = activityOne;
|
|
}
|
|
} catch (err) { }
|
|
},
|
|
async getNewsList() {
|
|
try {
|
|
const res = await getNews();
|
|
this.newsList = res.data;
|
|
} catch (err) { }
|
|
// store.baseGet(
|
|
// $h.U({ c: "article", a: "news_bulletin" }),
|
|
// function (res) {
|
|
// this.newsList = res.data.data;
|
|
// this.$nextTick(function () {
|
|
// new Swiper("#swiper2", {
|
|
// direction: "vertical",
|
|
// autoplay: true,
|
|
// loop: true,
|
|
// });
|
|
// });
|
|
// },
|
|
// function (err) {
|
|
// $h.pushMsgOnce("获取失败");
|
|
// }
|
|
// );
|
|
},
|
|
jumpNoLogin(url) {
|
|
if (store.getters.isLogin) {
|
|
uni.navigateTo({
|
|
url: url
|
|
})
|
|
} else {
|
|
uni.navigateTo({
|
|
url: "/pages/login/index"
|
|
});
|
|
}
|
|
|
|
},
|
|
SwichAction(item) {
|
|
if (item.type == 1) {
|
|
app.globalData.grade_id = item.select_id
|
|
uni.switchTab({
|
|
url: item.wap_link
|
|
});
|
|
} else {
|
|
uni.navigateTo({
|
|
url: item.wap_link
|
|
})
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
background-color: #f7f8f9;
|
|
|
|
}
|
|
</style>
|
|
|
|
<style lang="scss" scoped>
|
|
.indexNew .TaberList .header {
|
|
/* #ifndef MP-TOUTIAO */
|
|
padding-top: calc(14rpx + var(--safe-top)) !important;
|
|
/* #endif */
|
|
z-index: 99;
|
|
/* #ifdef MP-WEIXIN */
|
|
width: 75%;
|
|
/* #endif */
|
|
/* #ifndef MP-WEIXIN */
|
|
width: 100%;
|
|
/* #endif */
|
|
}
|
|
|
|
|
|
|
|
|
|
.teacherlist {
|
|
overflow: auto;
|
|
width: 94%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.teacherlist::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
.teacherct {
|
|
flex-shrink: 0;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.thematic-details,
|
|
.nav {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.indexNew {
|
|
padding-bottom: var(--tab-bar-height);
|
|
}
|
|
|
|
.indexNew .learn {
|
|
font-size: 0;
|
|
}
|
|
|
|
.indexNew .learn text {
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .broadcast .learn text:first-child {
|
|
font-weight: bold;
|
|
font-size: 26rpx;
|
|
}
|
|
|
|
.carousel {
|
|
padding-right: 30rpx;
|
|
padding-left: 30rpx;
|
|
// background-color: #ffffff;
|
|
|
|
}
|
|
|
|
.carousel .swiper-container {
|
|
border-radius: 32rpx;
|
|
height: 316rpx;
|
|
|
|
}
|
|
|
|
.carousel image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 316rpx;
|
|
border-radius: 32rpx;
|
|
overflow: hidden;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.carousel .swiper-pagination {
|
|
font-size: 0;
|
|
}
|
|
|
|
.carousel .swiper-container-horizontal>.swiper-pagination-bullets,
|
|
.carousel .swiper-pagination-custom,
|
|
.carousel .swiper-pagination-fraction {
|
|
bottom: 20rpx;
|
|
}
|
|
|
|
.carousel .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
|
|
margin: 0 5rpx;
|
|
}
|
|
|
|
.carousel .swiper-pagination-bullet {
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
border-radius: 5rpx;
|
|
background: #b4b4b4;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.carousel .swiper-pagination-bullet-active {
|
|
width: 20rpx;
|
|
background: #2c8eff;
|
|
opacity: 1;
|
|
}
|
|
|
|
.icp {
|
|
padding: 32rpx;
|
|
word-break: break-all;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.icp a {
|
|
color: #666666;
|
|
}
|
|
|
|
.scan {
|
|
width: 70rpx;
|
|
height: 70rpx;
|
|
}
|
|
|
|
.indexNew .header {
|
|
height: calc(109rpx + var(--safe-top));
|
|
padding-top: calc(20rpx + var(--safe-top));
|
|
padding-right: 35rpx;
|
|
padding-left: 24rpx;
|
|
align-items: center;
|
|
}
|
|
.indexNew .header .header-info {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
&:last-child {
|
|
margin-left: 5rpx;
|
|
}
|
|
image {
|
|
width: 44rpx;
|
|
height: 44rpx;
|
|
}
|
|
text {
|
|
width: 70rpx;
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
&:not(.notice-num) {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-left: 0 4rpx;
|
|
}
|
|
&.notice-num {
|
|
position: absolute;
|
|
width: 22rpx;
|
|
height: 22rpx;
|
|
top: -3rpx;
|
|
right: -1rpx;
|
|
color: #fff;
|
|
font-size: 18rpx;
|
|
font-weight: bold;
|
|
background: #FE4944;
|
|
border-radius: 50%;
|
|
line-height: 22rpx;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.indexNew .header .search {
|
|
/* #ifdef MP-WEIXIN */
|
|
// height: 60rpx !important;
|
|
// width: 75%;
|
|
/* #endif */
|
|
/* #ifdef APP-PLUS */
|
|
// width: 90% !important;
|
|
/* #endif */
|
|
flex: 1;
|
|
height: 58rpx;
|
|
border-radius: 40rpx;
|
|
background-color: #f5f5f5;
|
|
font-size: 26rpx;
|
|
color: #aaa;
|
|
}
|
|
|
|
.indexNew .header .search {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.iconfont2,
|
|
.iconfont {
|
|
margin-right: 16rpx;
|
|
font-size: 28rpx;
|
|
;
|
|
line-height: 1;
|
|
color: #aaa;
|
|
}
|
|
|
|
.image_icon {
|
|
width: 42rpx;
|
|
height: 42rpx;
|
|
margin-left: 28rpx;
|
|
}
|
|
|
|
.name {
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
}
|
|
|
|
swiper {
|
|
|
|
/deep/ {
|
|
.wx-swiper-dots-horizontal,
|
|
.uni-swiper-dots-horizontal {
|
|
left: 70%;
|
|
}
|
|
|
|
.wx-swiper-dot,
|
|
.uni-swiper-dot {
|
|
width: 12rpx;
|
|
height: 8rpx;
|
|
background: #8ab1ff;
|
|
border-radius: 4rpx;
|
|
float: left;
|
|
}
|
|
|
|
.wx-swiper-dot-active,
|
|
.uni-swiper-dot-active {
|
|
width: 24rpx;
|
|
height: 8rpx;
|
|
background: #FFFFFF !important;
|
|
border-radius: 4rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.indexNew .banner .swiper-slide {
|
|
width: 666rpx;
|
|
height: 324rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.indexNew .banner .swiper-slide image {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.indexNew .banner .swiper-pagination {
|
|
bottom: 0;
|
|
}
|
|
|
|
.indexNew .banner .swiper-pagination-bullet {
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
border-radius: 5rpx;
|
|
background-color: #b4b4b4;
|
|
opacity: 0.54;
|
|
}
|
|
|
|
.indexNew .banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
|
|
width: 20rpx;
|
|
background-color: #ffffff;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.indexNew .nav .item {
|
|
flex: 0 0 20%;
|
|
min-width: 0;
|
|
padding-top: 14rpx;
|
|
padding-bottom: 14rpx;
|
|
font-size: 24rpx;
|
|
line-height: 30rpx;
|
|
text-align: center;
|
|
color: #666666;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.indexNew .nav .item .pictrue {
|
|
width: 112rpx;
|
|
height: 112rpx;
|
|
margin: 0 auto 14rpx;
|
|
}
|
|
|
|
.indexNew .nav .item .pictrue image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
object-fit: cover;
|
|
-webkit-touch-callout: none;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.indexNew .activity {
|
|
padding: 24rpx 34rpx;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.indexNew .activity .left {
|
|
|
|
|
|
width: 332rpx;
|
|
height: 402rpx;
|
|
background: linear-gradient(180deg, #FFF0D6 0%, #FFE2B7 100%);
|
|
border: 2rpx solid;
|
|
border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) 2 2;
|
|
border-radius: 16rpx;
|
|
padding-top: 27rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.indexNew .activity .left .title,
|
|
.indexNew .activity .right .item .text .title {
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 40rpx;
|
|
color: #FD8F2A;
|
|
padding: 30rpx 76rpx 0 32rpx;
|
|
}
|
|
|
|
.indexNew .activity .right .item .text .title.line1.on {
|
|
color: #8067F6;
|
|
}
|
|
|
|
.indexNew .activity .right .item .text .title.line1.in {
|
|
color: #FB6983;
|
|
}
|
|
|
|
.indexNew .activity .left .button {
|
|
width: 180rpx;
|
|
height: 56rpx;
|
|
border-radius: 28rpx;
|
|
background: #ffffff;
|
|
display: flex;
|
|
padding: 20rpx;
|
|
align-items: center;
|
|
white-space: nowrap;
|
|
margin: 24rpx 0 0 32rpx;
|
|
|
|
.newstaber {
|
|
text-align: center;
|
|
color: #FD8F2A;
|
|
text-align: center;
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
|
|
.bot {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
background: #FD8F2A;
|
|
border-radius: 36rpx;
|
|
margin-left: 12rpx;
|
|
|
|
image {
|
|
width: 30rpx;
|
|
height: 26rpx;
|
|
}
|
|
}
|
|
|
|
.indexNew .activity .left .info,
|
|
.indexNew .activity .right .item .text .info {
|
|
margin-top: 5rpx;
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
color: #E2954D;
|
|
padding: 0 76rpx 0 32rpx;
|
|
}
|
|
|
|
.indexNew .activity .right .item .text .info.line1.on {
|
|
color: #8A78E1;
|
|
}
|
|
|
|
.indexNew .activity .right .item .text .info.line1.in {
|
|
color: #DA6F82;
|
|
}
|
|
|
|
.indexNew .activity .left .pictrue {
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
margin: 15rpx auto 0;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.indexNew .activity .right .item .pictrue.on {
|
|
width: 142rpx;
|
|
height: 118rpx;
|
|
float: right;
|
|
margin-top: -30rpx;
|
|
}
|
|
|
|
.indexNew .activity .left .pictrue image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
.indexNew .activity .right .text {
|
|
|
|
|
|
|
|
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.indexNew .activity .right .item {
|
|
width: 332rpx;
|
|
height: 190rpx;
|
|
// padding-right: 30rpx;
|
|
// padding-left: 30rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
|
|
.indexNew .activity .right .item:nth-child(1) {
|
|
background: linear-gradient(180deg, #EEEBFF 0%, #E1E0FF 100%);
|
|
}
|
|
|
|
.indexNew .activity .right .item:nth-child(2) {
|
|
|
|
|
|
background: linear-gradient(180deg, #FFDDD9 0%, #FFDAD5 100%);
|
|
}
|
|
|
|
.indexNew .activity .right .item~.item {
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
.indexNew .activity .right .item .pictrue {
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.indexNew .activity .right .item .pictrue image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
.broadcast_list{
|
|
background-color:#ffffff;
|
|
width: 686rpx;
|
|
margin: auto;
|
|
border-radius: 24rpx;
|
|
|
|
}
|
|
.indexNew .broadcast {
|
|
margin: 14rpx 0;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item {
|
|
width: 323rpx;
|
|
padding: 20rpx;
|
|
margin: auto;
|
|
background: #ffffff;
|
|
border-radius: 24rpx;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .pictrue {
|
|
width: 100%;
|
|
height: 180rpx;
|
|
border-radius: 10rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .pictrue image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 10rpx;
|
|
|
|
object-fit: cover;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .pictrue .state {
|
|
width: 120rpx;
|
|
height: 36rpx;
|
|
border-radius: 10rpx 0 10rpx 0;
|
|
background-image: linear-gradient(to right, #ff4a4a 0, #f00 100%);
|
|
top: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .pictrue .state.return {
|
|
width: 102rpx;
|
|
background-image: linear-gradient(to right, #999999 0, #666 100%);
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .pictrue .state.make {
|
|
width: 320rpx;
|
|
background-image: linear-gradient(to right, #85beff 0, #2c8eff 100%);
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .pictrue .state image {
|
|
width: 21rpx;
|
|
height: 21rpx;
|
|
display: block;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .pictrue .state .stateTxt {
|
|
font-size: 22rpx;
|
|
color: #ffffff;
|
|
margin-left: 7rpx;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .text {
|
|
padding-top: 18rpx;
|
|
padding-bottom: 33rpx;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .text .name {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-weight: bold;
|
|
font-size: 28rpx;
|
|
color: #131519;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .text .info {
|
|
margin-top: 12rpx;
|
|
font-size: 22rpx;
|
|
line-height: 40rpx;
|
|
color: #999999;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.indexNew .broadcast .swiperScroll .item .text .info .red {
|
|
font-weight: bold;
|
|
font-size: 26rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .curriculum {
|
|
margin-top: 14rpx;
|
|
// background-color: #ffffff;
|
|
}
|
|
|
|
.indexNew .curriculum .swiper-slide {
|
|
width: 100%;
|
|
}
|
|
|
|
.swiper-wrapper {
|
|
overflow: auto;
|
|
}
|
|
|
|
.indexNew .curriculum .seeAll {
|
|
font-size: 24rpx;
|
|
color: #2c8eff;
|
|
font-weight: bold;
|
|
width: 220rpx;
|
|
height: 50rpx;
|
|
border-radius: 25rpx;
|
|
background-color: #f5f5f5;
|
|
margin: 32rpx auto 0 auto;
|
|
}
|
|
|
|
.indexNew .curriculum .seeAll image {
|
|
width: 9rpx;
|
|
height: 17rpx;
|
|
display: block;
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.indexNew .curriculum .swiper-course .public_list .item .text .robbing {
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.indexNew .curriculum .swiper-course .public_list .item .text .robbing .num {
|
|
color: #ff4a4a;
|
|
}
|
|
|
|
.indexNew .curriculum .money {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.indexNew .curriculum .text .total {
|
|
display: inline-block;
|
|
margin-left: 10rpx;
|
|
vertical-align: middle;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .curriculum .swiper-pagination {
|
|
position: static;
|
|
}
|
|
|
|
.indexNew .curriculum .swiper-pagination-bullet {
|
|
width: 10rpx;
|
|
height: 10rpx;
|
|
border-radius: 5rpx;
|
|
background: #b4b4b4;
|
|
opacity: 0.54;
|
|
}
|
|
|
|
.indexNew .curriculum .swiper-pagination-bullet-active {
|
|
width: 20rpx;
|
|
background: #2c8eff;
|
|
opacity: 1;
|
|
}
|
|
|
|
.indexNew .liveone {
|
|
width: 500rpx;
|
|
height: 450rpx;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
|
|
.indexNew .btn {
|
|
width: 200rpx;
|
|
height: 70rpx;
|
|
line-height: 70rpx;
|
|
text-align: center;
|
|
background-color: #0d8ddb;
|
|
color: #ffffff;
|
|
border-radius: 5px;
|
|
margin: 18px 70px;
|
|
}
|
|
|
|
.indexNew .close {
|
|
position: absolute;
|
|
right: 1px;
|
|
top: -40px;
|
|
}
|
|
|
|
.indexNew .masks {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 55;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .label .cell .cell {
|
|
margin-left: 14rpx;
|
|
}
|
|
|
|
.indexNew .essential {
|
|
margin-top: 14rpx;
|
|
// background-color: #ffffff;
|
|
}
|
|
|
|
.indexNew .essential .list .item .item {
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.indexNew .essential .list .item .pictrue {
|
|
border-radius: 10rpx;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
|
|
.indexNew .essential .list .item .pictrue image {
|
|
display: block;
|
|
width: 578rpx;
|
|
height: 348rpx;
|
|
margin: auto;
|
|
margin-top: 40rpx;
|
|
border-radius: 24rpx;
|
|
|
|
}
|
|
|
|
.indexNew .essential .list .item .goods-picture image {
|
|
object-fit: scale-down;
|
|
}
|
|
|
|
.indexNew .essential .list .item .pictrue .label {
|
|
position: absolute;
|
|
right: 16rpx;
|
|
bottom: 16rpx;
|
|
padding-right: 14rpx;
|
|
padding-left: 14rpx;
|
|
border-radius: 3rpx;
|
|
font-size: 24rpx;
|
|
line-height: 38rpx;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text {
|
|
padding: 32rpx 40rpx 16rpx 55rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
color: #131519;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .title .name {
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info {
|
|
margin-top: 12rpx;
|
|
.infoname{
|
|
.icondidian,.iconshijian2{
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #AAB0B8;
|
|
}
|
|
}
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .labelList {
|
|
|
|
|
|
|
|
|
|
flex: 1;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info>div:last-child {
|
|
font-size: 0;
|
|
}
|
|
|
|
.indexNew .essential.activity-offline .list .item .text .info>div:last-child {
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.indexNew .essential.activity-offline .list .item .text .info {
|
|
margin-top: 12rpx;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .essential.activity-offline .list .item .text .info>div div {
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.indexNew .essential.activity-offline .list .item .text .info .iconfont {
|
|
margin-right: 10rpx;
|
|
font-size: 22rpx;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .labelList .labelItem {
|
|
display: inline-block;
|
|
padding-right: 12rpx;
|
|
padding-left: 12rpx;
|
|
border-radius: 6rpx;
|
|
background-color: rgba(44, 142, 255, 0.06);
|
|
font-size: 22rpx;
|
|
line-height: 40rpx;
|
|
color: #2c8eff;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .labelList .labelItem .labelItem {
|
|
margin-left: 14rpx;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .free {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .free+.total {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 10rpx;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .money {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
color: #ff6b00;
|
|
}
|
|
.indexNew .interest .public_list{
|
|
background: #ffffff;
|
|
}
|
|
.indexNew .interest .public_list .item .text .money {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.indexNew .interest .public_list .item .text .free {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.indexNew .interest .public_list .item {
|
|
padding: 0 0 0 10rpx;
|
|
|
|
}
|
|
.indexNew .interest .public_list{
|
|
padding: 40rpx 20rpx 30rpx;
|
|
width: 686rpx;
|
|
margin: auto;
|
|
border-radius: 24rpx;
|
|
}
|
|
.indexNew .interest .public_list .item .text .total {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 10rpx;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .interest .public_list .item .text .free+.total {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 10rpx;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
.indexNew .interest .public_list .pictrue image{
|
|
width: 296rpx;
|
|
height: 184rpx;
|
|
}
|
|
.indexNew .interest .list .item .text .total {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .interest .list .item .text .total {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .money .yen {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .money .tip {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-right: 6rpx;
|
|
padding-left: 6rpx;
|
|
border-radius: 3rpx;
|
|
margin-left: 5rpx;
|
|
font-size: 16rpx;
|
|
line-height: 24rpx;
|
|
background-color: #ff4a4a;
|
|
vertical-align: middle;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .money .tip::before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 100%;
|
|
border: 5rpx solid;
|
|
border-color: transparent #f50 transparent transparent;
|
|
|
|
|
|
|
|
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.indexNew .essential .list .item .text .info .money+.total {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 10rpx;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .interest {
|
|
margin-top: 14rpx;
|
|
// background-color: #ffffff;
|
|
}
|
|
|
|
.indexNew .english .list {
|
|
padding: 32rpx 40rpx 0 32rpx;
|
|
background-color: #ffffff;
|
|
width: 686rpx;
|
|
margin: auto;
|
|
border-radius: 24rpx;
|
|
}
|
|
|
|
.indexNew .english .list .item {
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.indexNew .english .list .item .pictrue {
|
|
position: relative;
|
|
height: 192rpx;
|
|
border-radius: 10rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.indexNew .english .list .item .goods-picture {
|
|
width: 296rpx;
|
|
height: 296rpx;
|
|
}
|
|
|
|
.indexNew .english .list .item .pictrue image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
object-fit: cover;
|
|
}
|
|
|
|
.indexNew .english .list .item .goods-picture image {
|
|
object-fit: scale-down;
|
|
}
|
|
|
|
.indexNew .english .list .item .text {
|
|
position: relative;
|
|
padding-top: 14rpx;
|
|
width: 294rpx;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .title .name {
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
color: #333;
|
|
width: 100%;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .label {
|
|
|
|
|
|
flex-wrap: nowrap;
|
|
margin-top: 12rpx;
|
|
margin-bottom: 12rpx;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .group .money {
|
|
|
|
|
|
|
|
|
|
flex: 1;
|
|
font-weight: bold;
|
|
font-size: 24rpx;
|
|
color: #131519;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .group .money .num {
|
|
font-size: 32rpx;
|
|
line-height: 45rpx;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .group .free {
|
|
|
|
|
|
|
|
|
|
flex: 1;
|
|
font-size: 24rpx;
|
|
line-height: 45rpx;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .group .total {
|
|
margin-left: 10rpx;
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .info .money .tip {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding-right: 6rpx;
|
|
padding-left: 6rpx;
|
|
border-radius: 3rpx;
|
|
background-color: #ff4a4a;
|
|
margin-left: 5rpx;
|
|
font-size: 16rpx;
|
|
line-height: 24rpx;
|
|
color: #ffffff;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.indexNew .english .list .item .text .info .money .tip::before {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 100%;
|
|
border: 5rpx solid;
|
|
border-color: transparent #f50 transparent transparent;
|
|
|
|
|
|
|
|
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
/* 首页 */
|
|
.indexNew .thematic-details {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 9;
|
|
width: 100%;
|
|
height: 80rpx;
|
|
background-color: rgba(0, 0, 0, 0.32);
|
|
}
|
|
|
|
.indexNew .index .studyCourse .title .more {
|
|
font-size: 25rpx;
|
|
color: #999999;
|
|
display: inherit;
|
|
}
|
|
|
|
.indexNew .index .studyCourse .title .titleCon {
|
|
width: 400rpx;
|
|
}
|
|
|
|
.indexNew .free {
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #ff6b00;
|
|
}
|
|
|
|
.indexNew .news {
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
padding: 24rpx 20rpx;
|
|
background-color: #ffffff;
|
|
margin-top: 14rpx;
|
|
}
|
|
|
|
.indexNew .news .pictrue {
|
|
width: 124rpx;
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.indexNew .news .pictrue image {
|
|
display: block;
|
|
width: 100%;
|
|
pointer-events: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
.indexNew .news .swiper-container {
|
|
|
|
|
|
|
|
|
|
flex: 1;
|
|
height: 40rpx;
|
|
}
|
|
|
|
.indexNew .news .swiper-slide navigator {
|
|
display: block;
|
|
height: 40rpx;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.indexNew .teacher {
|
|
padding-bottom: 40rpx;
|
|
margin-top: 14rpx;
|
|
}
|
|
|
|
.indexNew .teacher .teacher-hd {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 15rpx 35rpx 30rpx;
|
|
}
|
|
.indexNew .live {
|
|
// padding-bottom: 40rpx;
|
|
// margin-top: 14rpx;
|
|
}
|
|
.live .swiper-container .swiper-slide{
|
|
padding-bottom: 0 !important;
|
|
}
|
|
.indexNew .live .live-hd {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 15rpx 35rpx 30rpx;
|
|
}
|
|
.indexNew .live .swiper-slide{
|
|
position: relative;
|
|
.username{
|
|
position: absolute;
|
|
margin: 45rpx 0 0 32rpx ;
|
|
z-index: 9;
|
|
font-size: 32rpx;
|
|
font-weight: 600;
|
|
color: #131519;
|
|
}
|
|
.jname{
|
|
position: absolute;
|
|
margin: 90rpx 0 0 32rpx ;
|
|
z-index: 9;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #7A808A;
|
|
}
|
|
}
|
|
.indexNew .teacher .swiper-slide{
|
|
.labels{
|
|
width: 114rpx;
|
|
height: 36rpx;
|
|
text-align: center;
|
|
background: rgba(239,122,47,0.1);
|
|
border-radius: 8rpx;
|
|
font-size: 20rpx;
|
|
font-weight: 400;
|
|
color: #EF7A2F;
|
|
line-height: 36rpx;
|
|
margin: auto;
|
|
|
|
}
|
|
.content{
|
|
width: 212rpx;
|
|
height: 64rpx;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #AAB0B8;
|
|
line-height: 32rpx;
|
|
text-align: center;
|
|
margin: auto;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
}
|
|
.indexNew .teacher .teacher-hd .name {
|
|
flex: 1;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
line-height: 45rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.indexNew .teacher .teacher-hd .link {
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .teacher .teacher-hd .iconfont {
|
|
margin-left: 13rpx;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.indexNew .teacher .swiper-slide {
|
|
|
|
|
|
width: 276rpx;
|
|
height: 404rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
}
|
|
|
|
.indexNew .teacher .swiper-slide .image {
|
|
display: block;
|
|
width: 110rpx;
|
|
height: 110rpx;
|
|
border-radius: 50%;
|
|
margin: 40rpx auto 0;
|
|
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
.indexNew .teacher .swiper-slide .name {
|
|
height: 60rpx;
|
|
padding-right: 33rpx;
|
|
padding-left: 33rpx;
|
|
margin-top: 20rpx;
|
|
overflow: hidden;
|
|
font-size: 30rpx;
|
|
line-height: 42rpx;
|
|
text-align: center;
|
|
color: #282828;
|
|
}
|
|
|
|
.indexNew .teacher .swiper-slide .info {
|
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
width: 100%;
|
|
padding: 0 27rpx;
|
|
margin-top: 12rpx;
|
|
overflow: hidden;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .teacher .swiper-slide .label {
|
|
margin-top: 10rpx;
|
|
font-size: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.indexNew .teacher .swiper-slide .label .cell {
|
|
display: inline-block;
|
|
height: 34rpx;
|
|
padding: 0 12rpx;
|
|
border-radius: 4rpx;
|
|
background-color: #fff0e5;
|
|
font-size: 22rpx;
|
|
line-height: 34rpx;
|
|
color: #ff6b00;
|
|
}
|
|
|
|
.indexNew .teacher .swiper-slide .explain {
|
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
padding: 0 33rpx;
|
|
margin-top: 19rpx;
|
|
overflow: hidden;
|
|
font-size: 22rpx;
|
|
line-height: 39rpx;
|
|
text-align: center;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .news-section {
|
|
margin-top: 14rpx;
|
|
// background-color: #ffffff;
|
|
}
|
|
|
|
.indexNew .news-section .title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 35rpx 30rpx 35rpx;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
line-height: 45rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.indexNew .news-section .title .link {
|
|
font-weight: normal;
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .news-section .title .iconfont {
|
|
margin-left: 13rpx;
|
|
font-size: 14rpx;
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
.indexNew .news-section .list {
|
|
// padding-bottom: 30rpx;
|
|
// overflow: hidden;
|
|
width: 686rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
margin: auto;
|
|
.bots{
|
|
.newsview{
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #AAB0B8;
|
|
float: right;
|
|
margin: 20px;
|
|
margin-top: -90rpx;
|
|
}
|
|
.listall{
|
|
display: flex;
|
|
padding:32rpx 20rpx 32rpx 32rpx;
|
|
.names{
|
|
margin-left: 32rpx;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
.indexNew .news-section .list .link {
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
padding-right: 20rpx;
|
|
padding-left: 20rpx;
|
|
}
|
|
|
|
.indexNew .news-section .list .link .link {
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
.indexNew .news-section .list .text {
|
|
|
|
|
|
|
|
|
|
flex: 1;
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
min-width: 0;
|
|
padding: 5rpx 35rpx 5rpx 0;
|
|
}
|
|
|
|
.indexNew .news-section .list .image {
|
|
width: 255rpx;
|
|
height: 170rpx;
|
|
border-radius: 10rpx;
|
|
|
|
object-fit: cover;
|
|
}
|
|
|
|
.indexNew .news-section .list .name {
|
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.indexNew .news-section .list .wrap {
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
align-items: center;
|
|
}
|
|
|
|
.indexNew .news-section .list .hot {
|
|
height: 34rpx;
|
|
padding-right: 10rpx;
|
|
padding-left: 10rpx;
|
|
border-radius: 4rpx;
|
|
background-color: #fff0e5;
|
|
font-size: 22rpx;
|
|
line-height: 34rpx;
|
|
text-align: center;
|
|
color: #ff6b00;
|
|
}
|
|
|
|
.indexNew .news-section .list .browse {
|
|
font-size: 22rpx;
|
|
line-height: normal;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .news-section .list .iconfont {
|
|
margin-right: 8rpx;
|
|
vertical-align: middle;
|
|
font-size: 30rpx;
|
|
}
|
|
|
|
.indexNew .group-section {
|
|
margin-top: 14rpx;
|
|
.pink{
|
|
text-align: center;
|
|
position: relative;
|
|
.title{
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.swiper-container{
|
|
margin-top: -100rpx;
|
|
margin-left: 34rpx;
|
|
background: #ffffff;
|
|
width: 686rpx;
|
|
border-bottom-left-radius:24rpx;
|
|
border-bottom-right-radius:24rpx;
|
|
}
|
|
.pinkimage{
|
|
width: 690rpx;
|
|
height: 200rpx;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.indexNew .group-section .title {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 30rpx 20rpx;
|
|
.link{
|
|
margin-left: 90rpx;
|
|
}
|
|
}
|
|
|
|
.indexNew .group-section .title .name {
|
|
padding-right: 21px;
|
|
padding-left: 50rpx;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
line-height: 45rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.indexNew .group-section .title .wrap {
|
|
flex: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
min-width: 0;
|
|
padding-left: 22rpx;
|
|
font-size: 26rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .group-section .title .image-wrap {
|
|
|
|
margin-right: 10rpx;
|
|
font-size: 0;
|
|
.image{
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
}
|
|
}
|
|
|
|
.indexNew .group-section .title .image {
|
|
width: 33rpx;
|
|
height: 33rpx;
|
|
border: 1px solid #ffffff;
|
|
border-radius: 50%;
|
|
box-sizing: border-box;
|
|
background-color: #ff8a8a;
|
|
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
.indexNew .group-section .title .image {
|
|
margin-left: -11rpx;
|
|
}
|
|
|
|
.indexNew .group-section .title .link {
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .group-section .title .iconfont {
|
|
font-size: 14rpx;
|
|
color: #8a8a8a;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-container {
|
|
padding-bottom: 30rpx;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide {
|
|
width: 410rpx;
|
|
padding: 0 20rpx;
|
|
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide .link {
|
|
display: block;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide .image {
|
|
display: block;
|
|
width: 399rpx;
|
|
height: 244rpx;
|
|
border-radius: 10rpx;
|
|
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide .name {
|
|
margin-top: 14rpx;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-size: 28rpx;
|
|
line-height: 40rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide .wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 20rpx;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide .pin {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
border-radius: 4rpx;
|
|
background-color: #ff6b00;
|
|
font-size: 22rpx;
|
|
line-height: 30rpx;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide .money {
|
|
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
color: #131519;
|
|
line-height: 48rpx;
|
|
}
|
|
|
|
.indexNew .group-section .swiper-slide .money span {
|
|
font-size: 32rpx;
|
|
line-height: 45rpx;
|
|
}
|
|
|
|
.indexNew .group-section .names {
|
|
text-align: justify;
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
color: #131519;
|
|
line-height: 32rpx;
|
|
margin-top: 24rpx;
|
|
}
|
|
.indexNew .group-section .swiper-slide .button {
|
|
width: 120rpx;
|
|
height: 56rpx;
|
|
background: linear-gradient(270deg, #FF6679 0%, #FF104C 100%);
|
|
border-radius: 28rpx;
|
|
font-size: 22rpx;
|
|
line-height: 56rpx;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.swiper-slide {
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
.TaberList {
|
|
width: 100%;
|
|
height: calc(376rpx + var(--safe-top));
|
|
/* border-bottom-right-radius: 20rpx;
|
|
border-bottom-left-radius: 20rpx; */
|
|
}
|
|
|
|
.col-8 {
|
|
height: 80rpx;
|
|
}
|
|
|
|
|
|
|
|
|
|
.indexNew .live .live-hd .name {
|
|
flex: 1;
|
|
font-weight: bold;
|
|
font-size: 32rpx;
|
|
line-height: 45rpx;
|
|
color: #333333;
|
|
}
|
|
|
|
.indexNew .live .live-hd .link {
|
|
font-size: 22rpx;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .live .live-hd .iconfont {
|
|
margin-left: 13rpx;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.indexNew .live .swiper-slide {
|
|
|
|
// width: 400rpx;
|
|
// height: 224rpx;
|
|
// background: #EAF7FF;
|
|
// border-radius: 24rpx;
|
|
// border: 1rpx solid #FFFFFF;
|
|
}
|
|
|
|
.indexNew .live .swiper-slide .image {
|
|
display: block;
|
|
width: 110rpx;
|
|
height: 110rpx;
|
|
border-radius: 50%;
|
|
margin: 40rpx auto 0;
|
|
|
|
object-fit: cover;
|
|
pointer-events: none;
|
|
-webkit-touch-callout: none;
|
|
}
|
|
|
|
.indexNew .live .swiper-slide .name {
|
|
height: 60rpx;
|
|
padding-right: 33rpx;
|
|
padding-left: 33rpx;
|
|
margin-top: 20rpx;
|
|
overflow: hidden;
|
|
font-size: 30rpx;
|
|
line-height: 42rpx;
|
|
text-align: center;
|
|
color: #282828;
|
|
}
|
|
|
|
.indexNew .live .swiper-slide .info {
|
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
width: 100%;
|
|
padding: 0 27rpx;
|
|
margin-top: 12rpx;
|
|
overflow: hidden;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
color: #999999;
|
|
}
|
|
|
|
.indexNew .live .swiper-slide .label {
|
|
margin-top: 10rpx;
|
|
font-size: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.indexNew .live .swiper-slide .label .cell {
|
|
display: inline-block;
|
|
height: 34rpx;
|
|
padding: 0 12rpx;
|
|
border-radius: 4rpx;
|
|
background-color: #fff0e5;
|
|
font-size: 22rpx;
|
|
line-height: 34rpx;
|
|
color: #ff6b00;
|
|
}
|
|
|
|
.indexNew .live .swiper-slide .explain {
|
|
|
|
|
|
-webkit-line-clamp: 2;
|
|
padding: 0 33rpx;
|
|
margin-top: 19rpx;
|
|
overflow: hidden;
|
|
font-size: 22rpx;
|
|
line-height: 39rpx;
|
|
text-align: center;
|
|
color: #999999;
|
|
}
|
|
.curriculum .swiper-container {
|
|
width: 686rpx;
|
|
background: #ffffff;
|
|
margin: auto;
|
|
padding: 16rpx 0 0 0;
|
|
border-radius: 24rpx;
|
|
}
|
|
</style>
|
|
|