Skip to content

W
wechatapp.shangjiadao.com
Commit bfae5901 authored by lvtz's avatar lvtz
Browse files
Options

fix

parent 2b4ab23e
Hide whitespace changes
Inline Side-by-side
Showing with 2235 additions and 1355 deletions
business/pages/organizationalmgt/newinfo.js
View file @ bfae5901
......@@ -523,8 +523,7 @@ Page({
if (res.code == 200) { // 成功的操作
if (this.data.sid == 0) { // 新增的操作
wx.redirectTo({
url: `/business/pages/deskcenter/themetemplate?sid=${res.data.id}`
// url: `/business/pages/organizationalmgt/qxknow?sid=${res.data.id}`
url: `/business/pages/organizationalmgt/qxknow?sid=${res.data.id}`
});
} else {
wx.showToast({
......
business/pages/organizationalmgt/qxknow.js
View file @ bfae5901
......@@ -4,14 +4,9 @@ import {
var app = getApp();
Page({
data: {
imgList: [
"https://cdn.img.shangjiadao.cn/qingxiao/bargain/images/case/gif1.gif",
"https://cdn.img.shangjiadao.cn/qingxiao/bargain/images/case/code.png",
"https://cdn.img.shangjiadao.cn/qingxiao/bargain/images/case/idea.png",
"https://cdn.img.shangjiadao.cn/qingxiao/bargain/images/case/gif2.gif",
"https://cdn.img.shangjiadao.cn/qingxiao/bargain/images/case/gif3.gif",
"https://cdn.img.shangjiadao.cn/qingxiao/bargain/images/case/pic_03.png"
],
imageRoot: app.globalData.imageRoot,
localImageRoot: "../../../images/",
imageVersion: app.globalData.imageVersion,
sid: 0
},
......
business/pages/organizationalmgt/qxknow.wxml
View file @ bfae5901
<view class="container">
<view class="btn-jump" bindtap="bindJumpEvent">跳过</view>
<view class="desc-box">
<image class="desc-img" wx:for="{{imgList}}" wx:key="index" src="{{item}}" mode="widthFix"></image>
<image class="desc-img" wx:key="index" src="{{imageRoot}}qxknow/img_01.png?{{imageVersion}}" mode="widthFix"></image>
<image class="desc-img" wx:key="index" src="{{imageRoot}}qxknow/img_02.png?{{imageVersion}}" mode="widthFix"></image>
<image class="desc-img" wx:key="index" src="{{imageRoot}}qxknow/img_03.png?{{imageVersion}}" mode="widthFix"></image>
<image class="desc-img" wx:key="index" src="{{imageRoot}}qxknow/img_04.png?{{imageVersion}}" mode="widthFix"></image>
</view>
<view class="submitbtn-box">
<view class="submitbtn" bindtap="toCreate">创建作业打卡</view>
......
business/pages/websiteindex/index.js
View file @ bfae5901
......@@ -10,22 +10,45 @@ import {
commonclock,
websitecourseshow,
onlinecourseslistGet,
newslistGet,
teacherlistGet,
adslistGet,
momentlistGet,
websiteBarrage
websiteBarrage,
websitesubjectGet
} from '../../../service/customer/websiteindex.js';
import {
getwechatmobile,
} from '../../../service/customer/activity.js';
import {
joinAdPost
} from '../../../service/common.js'
import {
getSchoolDetail
} from '../../../service/customer/schoolindex.js';
import {
LocalStorage,
getFlatternDistance,
LocalStorage,
audioorigin,
scenQueryGet,
debounce,
videoPoster,
transformOssVideofy,
copyContent
} from '../../../utilities/index.js';
import {
studentidentity
} from '../../../service/customer/signup.js'
import {
wxAuthorize,
wxChooseLocation,
wxOpenSetting,
wxGetImageInfo,
wxLogin
} from '../../../utilities/wxApi.js';
import constants from '../../../constants/constants';
var app = getApp();
Page({
mixins: [require('../../../mixins/myMins/audioCallback')],
data: {
id: 0,
sid: 0,
......@@ -34,14 +57,86 @@ Page({
titleBarHeight: app.globalData.titleBarHeight,
statusBarHeight: app.globalData.statusBarHeight,
localImageRoot: '../../../images/',
egBanner: ['https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_banner.png'],
egBannerUrl: 'https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_banner.png',
egTag: ['标签一','标签二','标签三'],
egAds: ['https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_ad1.png'],
egSchoolInfoList: [
{ type: 1, content: 'https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_schoolinfo.png'},
{ type: 2, content: 'https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_schoolinfo.png'}
],
egClockList:[
{
"content":"此处显示打卡内容",
"subject_type": "1",
"latitude": 0,
"video_parse":[
{"src":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_clock.png","size":0,"type":"image","status":"fullfilled"},
{"src":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_clock.png","size":0,"type":"image","status":"fullfilled"},
{"src":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_clock.png","size":0,"type":"image","status":"fullfilled"}
],
"subject": {
"title": '此处显示打卡主题'
},
"clock_days":1,
"created_at_time":1575871843,
"subject":{
"id":14109,
"title":"此处显示打卡主题",
"type": 0,
},
"school_student":{
"id":13789,
"nickname":"学生姓名",
"avatar":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_avatar.png"
}
}
],
egMomentList: [
{
id: 1,
content: '[{"type":"img","value":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_monent.png"}]',
title: "此处显示课堂瞬间标题，最多显示两行",
},
{
id: 2,
content: '[{"type":"img","value":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_monent.png"}]',
title: "此处显示课堂瞬间标题，最多显示两行",
},
{
id: 3,
content: '[{"type":"img","value":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_monent.png"}]',
title: "此处显示课堂瞬间标题，最多显示两行",
},
{
id: 4,
content: '[{"type":"img","value":"https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_monent.png"}]',
title: "此处显示课堂瞬间标题，最多显示两行",
},
],
egTeacherUrl: 'https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_teacher.png',
egOnlineCourseUrl: 'https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_onlinecourse.png',
egSubjectUrl: 'https://cdn.img.shangjiadao.cn/qingxiao/dakav2/images/2c/websiteindex/eg/eg_task.png',
bannerStatus: 0,
currentSwiper: 0,//当前banner轮播的第几章图片
name: '',
clockList: '',
tid: 6,
audioStorage: {},
schoolInfo: '',
// latitude: '',
// longitude: '',
audioStorage: {
},
videostatus: {
preSrc: '',
currentSrc: '',
videoShow: false,
videoId: '',
src: ''
},
schoolInfo: '', //
latitude: '',
longitude: '',
websiteCourses: '',
tabList: ['全部', '学员动态', '机构介绍'],
tabIndex: 0,
tabshow: false,
boxTop: {
......@@ -51,156 +146,313 @@ Page({
}, // 初始离页面头部的距离
schoolInfoList: '', // 学校介绍
schoolInfoTotal: 0,
sort: [{
name: 'schoolinfo',
desc: '机构信息',
}, {
name: 'banner',
desc: 'banner图片或视频',
}, {
name: 'course',
desc: '体验课',
}, {
name: 'clocklist',
desc: '学员动态',
}, {
name: 'orgdesc',
desc: '机构介绍',
}, ],
schoolDetail:'',
schoolInfoPicTotal: 0,
schoolInfoVideoTotal: 0,
mockSchoolInfoList: [1, 1, 1, 1], //直接循环四次空
clockPage: 1,
clockTotal: '',
listLoading: false,
website: constants.pcWebAddress,
modalEditShow: false,
onlineCoursesList:[],
freshList:[],
freshTotal: 0,
momentList:[],
momentTotal: 0,
currentSwiper: 0,
businessInstroEg: [{
title: '教室介绍1'
shareBtnShow: 0,
sort: [
{ name: 'orgdesc', desc: '学校介绍'},
{ name: 'clocklist', desc: '学生动态'},
{ name: 'adCarousel', desc: '广告轮播'},
{ name: 'teacher', desc: '名师风采'},
{ name: 'classmoments', desc: '课堂瞬间'},
{ name: 'onlineclass', desc: '在线课堂'},
{ name: 'togetherclock', desc: '一起打卡'}
],//默认排序
schoolDetail: '',
fixBottomBtn: false,
scorefeedbackshow: false,
websitehomeEmpty: false,
params: {
mobile: ''
},
{
title: '教室介绍2'
scrolltop: 1,
scoreFeedBackStatus: {
integral: 0,
show: false,
scoretype: 1,
},
{
title: '操场风采'
},
{
title: '图书馆风采'
}
]
bannerEmpty: false,
noUserinfo: false,
onlineCoursesList: [],
momentList: [], //课堂瞬间列表
momentTotal: 0,
teacherList: [],//名师列表
teacherTotal: 0,
adsList: [],//广告banner
adsTotal: 0,
businessInstroEg: [{
title: '教室介绍1'
},
{
title: '教室介绍2'
},
{
title: '操场风采'
},
{
title: '图书馆风采'
}
],
videoEnd: false,//banner视频是否播放完成 一次
tabIndex:1,
subjectList:[],
subjectPage:1,
subjectHasmore: true,
subjectListLoading: false,
subjectEmptyPage:false,
subjectTotal:'',
unauthorized: false,
loginCode: '',
btnmore_isVisible: false, // 展开按钮是否可见
infoexpanded: true,//默认收起
website: constants.pcWebAddress,
modalEditShow: false,
},
onLoad: function (options) { // Do some initialize when page load.
const {sid} = options;
this.setData({
sid: sid || 0
});
this.setData({
navH: app.globalData.navHeight || 0
sid: options.sid,
websitehomeEmpty: options.sid == 0 ? true : false,
tabIndex: options.tabIndex || 1,
})
this.websitehomeGet()
this.websitecourseshowGet()
if (this.data.sid == 0) {
return;
}
this.websitehomeGet();
this.websitecourseshowGet();
this.websiteintrosGet();
this.onlineCoursesListGet();
this.newslistGet();
this.clockListGet();
this.teacherListGet();
this.adsListGet();
this.momentlistGet();
this.websiteBarrage()
// const myLocation = LocalStorage.getItem('myLocation');
const that = this;
// if (myLocation) {
// this.setData({
// latitude: Number(myLocation.split('-')[0]),
// longitude: Number(myLocation.split('-')[1]),
// })
// } else {
// wx.getLocation({
// type: 'wgs84',
// success(res) {
// const {
// latitude,
// longitude
// } = res;
// LocalStorage.setItem('myLocation', latitude + '-' + longitude)
// that.setData({
// latitude: latitude,
// longitude: longitude,
// })
// }
// })
// }
wx.login({
success(res) {
const sessionCode = res.code;
that.setData({
sessionCode: sessionCode
})
}
})
this.onlineCoursesListGet();
// this.websiteBarrage();//弹幕
this.subjectListGet()
},
onReady: function () { // Do something when page ready
let that = this;
},
onShow: function () { // Do something when page show.
this.clockListGet();
},
onReady: function(){
onHide: function () { // Do something when page hide.
if(this.bannerVideoContext){
this.bannerVideoContext.pause()
}
// this.resetAudiosPlayStatus()
// clearInterval(this.data.voiceInterval);
wxLogin().then((res) => {
this.setData({
loginCode: res.code
})
})
},
onPageScroll: function (e) { // Do something when page scroll
// let that = this
// let scrollTop = e.scrollTop
// const _tabList = this.data.tabList;
// const {
// banner,
// studentclock,
// businessinfo
// } = this.data.boxTop
// if (scrollTop > (this.data.titleBarHeight + this.data.statusBarHeight + 10)) {
// this.setData({
// tabshow: true
// })
// } else {
// this.setData({
// tabshow: false
// })
// }
// if (scrollTop >= (studentclock - 160) && scrollTop < (businessinfo-200)) {
// this.setData({
// tabIndex: _tabList.indexOf('学员动态')
// })
// }
// if (scrollTop >= (businessinfo-20)) {
// this.setData({
// tabIndex: _tabList.indexOf('机构介绍')
// })
// }
onUnload: function () {
if(this.bannerVideoContext){
this.bannerVideoContext.pause()
}
},
onReachBottom: function () { // Do something when page reach bottom.
},
onPullDownRefresh: function () { // Do something when pull down.
onShareAppMessage: function (e) {
// 页面中的学员动态分享禁止
},
onPageScroll: function (e) { // Do something when page scroll
let that = this
let scrollTop = e.scrollTop;
if(that.data.websiteCourses && that.data.websiteCourses.switch==1){
if (scrollTop >= 800) {
// 当页面顶端距离大于一定高度时
this.setData({
fixBtnShow: true
})
} else {
this.setData({
fixBtnShow: false
})
}
}
if(!this.data.videoEnd && this.data.schoolInfo.banner && this.data.schoolInfo.banner.type=='video'){
let bannerVideoSrc = transformOssVideofy(this.data.schoolInfo.banner.src[0],'m3u8');
if(bannerVideoSrc){
that.bannerVideoContext = wx.createVideoContext('bannevideo');
if(scrollTop>=this.data.bannerVideoH/2){
that.bannerVideoContext.pause();
}else{
that.bannerVideoContext.play();
}
}
}
},
onShareAppMessage: function (option) { // return custom share data when user share.
return {
title: `我发现一家好机构@${this.data.schoolInfo.title}，推荐给你`,
path: `/src/pages/websiteindex/index?sid=${this.data.sid}`,
path: `/src/pages/websiteindex/index?sid=${this.data.sid}`
}
},
// banner视频结束播放
bannervideoEnd(e){
this.data.videoEnd = true
},
swiperChange(e){
this.setData({
currentSwiper: e.detail.current
});
},
// 复制后台地址
copyEvent (e){
let copycontent = e.currentTarget.dataset.copycontent;
copyContent(copycontent)
goBannerVideoPlay() {
return false
},
// 微官网编辑 弹窗提示
closrOrHideEdit (){
// 机构介绍
websiteintrosGet() {
websiteintros({
type: 1,
page: 1,
perPage: 4,
school_id: this.data.sid,
}).then((res) => {
const {
data,
code
} = res;
if (code == 200) {
this.setData({
schoolInfoList: [data.list]
})
}
})
},
expandSchoolInfo (e){
this.setData({
modalEditShow: !this.data.modalEditShow
infoexpanded: !this.data.infoexpanded
})
},
// 查看更多
toMoreList(e) {
return false
},
goclocklist() {
return false
},
// 弹幕(50条)
websiteBarrage() {
websiteBarrage({}).then((res) => {
const {
code,
data
} = res;
if (code != 200) { // 失败的处理
} else {
let dataArr = [];
dataArr.push()
data.list.forEach(item => {
dataArr.push({
event_type: item.event_type,
nickname: item.nickname
})
})
this.setData({
barrageList: dataArr
})
}
}).catch((e) => {})
},
// 广告banner
adsListGet (){
adslistGet({
page: 1,
perPage: 20,
school_id: this.data.sid,
}).then((res) => {
const {
code,
data
} = res;
if (code != 200) { // 失败的处理
} else {
this.setData({
adsList: data.list,
adsTotal: data.total
})
}
}).catch((e) => {})
},
// 名师风采
teacherListGet (){
teacherlistGet({
page: 1,
perPage: 20,
school_id: this.data.sid,
}).then((res) => {
const {
code,
data
} = res;
if (code != 200) { // 失败的处理
} else {
this.setData({
teacherList: data.list,
teacherTotal: data.total
})
}
}).catch((e) => {})
},
bindTeacherDetail(e) {
return
},
// 课堂瞬间
momentlistGet() {
momentlistGet({
page: 1,
perPage: 4,
school_id: this.data.sid,
}).then((res) => {
const {
code,
data
} = res;
if (code != 200) { // 失败的处理
} else {
this.setData({
momentList: data.list,
momentTotal: data.total
})
}
}).catch((e) => {})
},
// 线上课
onlineCoursesListGet() {
onlinecourseslistGet({
page: 1,
perPage: 4,
school_id: this.data.sid
}).then((res) => {
const {
data,
code
} = res;
if (code == 200) {
this.setData({
onlineCoursesList: data.list
})
}
})
},
clockListGet() {
const that = this;
const visitor = LocalStorage.getItem('visitor');
if (this.data.sid == 0) {
return;
}
if (this.data.listLoading) {
return
}
......@@ -213,7 +465,7 @@ Page({
school_id: this.data.sid,
sort_type: 2,
extra: 'website_read',
now_consumer_id: visitor && visitor.id,
now_student_id: app.globalData.currentSchoolStudentId,
hidden_dismissed_class: 1
}).then((res) => {
this.setData({
......@@ -224,24 +476,25 @@ Page({
data
} = res;
if (code != 200) { // 失败的处理
} else {
data.list.map((ele) => {
ele.video_parse = JSON.parse(ele.video);
ele.audio_parse = JSON.parse(ele.audio);
ele.imageCount = ele.video_parse.filter(ele => ele.type == 'image').length;
ele.videoCount = ele.video_parse.length - ele.imageCount;
ele.commentsExpand = false;
ele.likesExpand = false;
ele.commentsLoading = false;
ele.content_100 = ele.content.length > 100 ? ele.content.substr(0, 100) + '...' : ele.content;
ele.contentexpand = false;
return ele;
})
this.setData({
clockList: data.list || [],
clockTotal: data.total_count
})
if (data) {
data.list.map((ele) => {
ele.video_parse = JSON.parse(ele.video);
ele.audio_parse = JSON.parse(ele.audio);
ele.imageCount = ele.video_parse.filter(ele => ele.type == 'image').length;
ele.videoCount = ele.video_parse.length - ele.imageCount;
ele.commentsExpand = false;
ele.likesExpand = false;
ele.commentsLoading = false;
ele.content_100 = ele.content.length > 100 ? ele.content.substr(0, 100) + '...' : ele.content;
ele.contentexpand = false;
return ele;
})
this.setData({
clockList: data.list || [],
clockTotal: data.total_count
})
}
}
let clockRecordIds = data.list.map((ele) => {
return ele.id
......@@ -298,15 +551,82 @@ Page({
clock_record_id: clockRecordIds,
page: 1,
perPage: 3,
type:1,
sort: 'desc'
sort: 'desc',
type: 1
}).then((res) => {
callback && callback(res);
})
}
},
// 微官网基本信息
delEvaluate(e) {
return
},
delClock(e) {
return
},
expandAccessment(e) {
const {
cid,
comments,
commentsExpand
} = e.detail;
this.data.clockList.find(ele => ele.id == cid).comments = comments;
this.data.clockList.find(ele => ele.id == cid).commentsExpand = commentsExpand;
this.setData({
clockList: this.data.clockList
})
},
expandLikes(e) {
const {
cid,
likes,
likesExpand
} = e.detail;
this.data.clockList.find(ele => ele.id == cid).likes = likes;
this.data.clockList.find(ele => ele.id == cid).likesExpand = likesExpand;
this.setData({
clockList: this.data.clockList
})
},
expandContent(e) {
const {
clock
} = e.detail;
this.data.clockList.find(ele => ele.id == clock.id).contentexpand = !clock.contentexpand;
this.setData({
clockList: this.data.clockList
})
},
fingureUp(e) {
return false
},
videoplay(e) {
return false
},
playvideo(e) {
return false
},
screenchange(e) {
const {
fullScreen
} = e.detail;
},
closeVideo() {
this.setData({
'videostatus.videoId': '',
'videostatus.videoShow': false,
'videostatus.src': '',
})
},
showcommenteditor(e) {
return
},
hidecommenteditor(e) {
return
},
// 微官网基本信息
websitehomeGet() {
let that = this;
websitehome({
school_id: this.data.sid
}).then((res) => {
......@@ -316,12 +636,18 @@ Page({
} = res;
if (code == 200) {
if (data) {
const myLocation = LocalStorage.getItem('myLocation');
const that = this;
// const myLocation = LocalStorage.getItem('myLocation');
data.banner = data.banner ? JSON.parse(data.banner) : '';
data.tags = data.tags ? JSON.parse(data.tags) : '';
data.module_switch = data.module_switch ? JSON.parse(data.module_switch): {"clocklist":true,"classmoments":true,"onlineclass":true};
let dataSort = '';
if(data.sort){
dataSort = JSON.parse(data.sort)
// 机构信息/banner图片或视频/体验课 不参与排序 固定位置
if (data.sort) {
dataSort = JSON.parse(data.sort);
let removeItem1 = dataSort.findIndex( item => item.name=="banner");
dataSort.splice(removeItem1,1);
let removeItem2 = dataSort.findIndex( item => item.name=="schoolinfo");
......@@ -329,98 +655,67 @@ Page({
let removeItem3 = dataSort.findIndex( item => item.name=="course");
dataSort.splice(removeItem3,1)
}
// 未设置微官网则 学生动态/学校介绍
data.sort = data.sort ? dataSort : [
// {
// name: 'schoolinfo',
// desc: '机构信息',
// }, {
// name: 'banner',
// desc: 'banner图片或视频',
// },
// {
// name: 'course',
// desc: '体验课',
// },
{
name: 'clocklist',
desc: '学员动态',
}, {
name: 'orgdesc',
desc: '机构介绍',
}
{ name: 'orgdesc', desc: '学校介绍'},
{ name: 'clocklist', desc: '学生动态'},
{ name: 'adCarousel', desc: '广告轮播'},
{ name: 'teacher', desc: '名师风采'},
{ name: 'classmoments', desc: '课堂瞬间'},
{ name: 'onlineclass', desc: '在线课堂'},
{ name: 'togetherclock', desc: '一起打卡'}
];
}else{
this.schoolInfoGet();
this.schoolInfoGet()
this.setData({
websitehomeEmpty:true,
websitehomeEmpty: true,
bannerEmpty: data && data.banner ? false : true
})
}
// data.distance = getFlatternDistance(this.data.latitude, this.data.longitude, Number(data.latitude), Number(data.longitude));
this.setData({
schoolInfo: data ? data : '',
websitehomeEmpty:data && data.banner ? false : true
})
}
}).catch((e) => {
websitehomeEmpty: data && data.banner ? false : true
},()=>{
if(that.data.schoolInfo.intro && that.data.schoolInfo.module_switch.orgdesc){
wx.createSelectorQuery().select('.business-instro .desc-box .content').boundingClientRect(function (rect) {
rect.height; // 节点高度
}).exec(function (res) {
let contectHeight = res[0].height;
if(contectHeight>59){
that.setData({
btnmore_isVisible: true,
})
}
})
}
})
},
// 弹幕(50条)
websiteBarrage(){
websiteBarrage({
}).then((res) => {
const {code,data} = res;
if (code != 200) { // 失败的处理
} else {
let dataArr=[];
dataArr.push()
data.list.forEach(item=>{
dataArr.push({
event_type: item.event_type,
nickname: item.nickname
})
})
this.setData({
barrageList: dataArr
})
}
}).catch((e) => {
})
},
// 新鲜事
newslistGet(){
newslistGet({
page: 1,
perPage: 4,
school_id: this.data.sid,
}).then((res) => {
const {code,data} = res;
if (code != 200) { // 失败的处理
} else {
this.setData({
freshList: data.list,
freshTotal: data.total
if(that.data.schoolInfo.banner && that.data.schoolInfo.banner.type=='video'){
wxGetImageInfo({src: videoPoster(that.data.schoolInfo.banner.src[0])}).then((res)=>{
let w=750, initratio, bannerVideoH;
initratio = res.width/res.height;
that.setData({
bannerVideoH: w/initratio
})
}).catch(()=>{
})
}
})
}
}).catch((e) => {
this.setData({
websitehomeEmpty: true,
bannerEmpty: true
})
})
},
// 课堂瞬间
momentlistGet(){
momentlistGet({
page: 1,
perPage: 4,
school_id: this.data.sid,
}).then((res) => {
const {code,data} = res;
if (code != 200) { // 失败的处理
} else {
this.setData({
momentList: data.list,
momentTotal: data.total
})
}
}).catch((e) => {
makecall (e) {
const { mobile } = e.currentTarget.dataset
wx.makePhoneCall({
phoneNumber: mobile
})
},
// 体验课
......@@ -435,58 +730,186 @@ Page({
if (code == 200) {
this.setData({
websiteCourses: data
},()=>{
})
}
}).catch((e) => {
})
},
tabChange(e) {
const index = e.detail.value;
const _tabList = this.data.tabList;
// 阅读打卡埋点
readClock(e) {
return false
},
getPhoneNumber(e) {
const that = this;
const {
banner,
studentclock,
businessinfo
} = this.data.boxTop;
switch (_tabList[index]) {
case '全部':
wx.pageScrollTo({
scrollTop: 0
})
break;
case '学员动态':
wx.pageScrollTo({
scrollTop: studentclock - 150
})
break;
case '机构介绍':
wx.pageScrollTo({
scrollTop: businessinfo
})
break;
default:
break;
encryptedData,
iv
} = e.detail
if (!encryptedData) {
wx.login({
success(res) {
const sessionCode = res.code;
that.setData({
sessionCode: sessionCode
})
}
})
return
}
getwechatmobile({
code: this.data.sessionCode,
encryptData: encryptedData,
iv
}).then((res) => {
wx.showLoading({
title: '获取中',
})
const {
code,
data
} = res;
if (code == 200 && data && data.mobile) {
this.joinAdPost(data.mobile)
} else {
wx.hideLoading()
}
wx.login({
success(res) {
const sessionCode = res.code;
that.setData({
sessionCode: sessionCode
})
}
})
}).catch((err) => {
wx.hideLoading()
wx.login({
success(res) {
const sessionCode = res.code;
that.setData({
sessionCode: sessionCode
})
}
})
})
},
// 机构介绍
joinAdPost(mobile) {
return false
},
getPhoneNumber1(e) {
const that = this;
const {
encryptedData,
iv
} = e.detail
if (!encryptedData) {
wx.login({
success(res) {
const sessionCode = res.code;
that.setData({
sessionCode: sessionCode
})
}
})
return
}
getwechatmobile({
code: this.data.sessionCode,
encryptData: encryptedData,
iv
}).then((res) => {
wx.showLoading({
title: '获取中',
})
const {
code,
data
} = res;
if (code == 200 && data && data.mobile) {
that.setData({
'params.mobile': data.mobile
})
wx.hideLoading()
} else {
wx.hideLoading()
}
wx.login({
success(res) {
const sessionCode = res.code;
that.setData({
sessionCode: sessionCode
})
}
})
}).catch((err) => {
wx.login({
success(res) {
const sessionCode = res.code;
that.setData({
sessionCode: sessionCode
})
}
})
wx.hideLoading()
})
},
joinAdPost1() {
let that = this;
wx.showModal({
title:'提示',
content: '该处仅是效果预览，具体领取功能请在c端查看',
showCancel: false,
confirmColor: '#16B0FD',
success(res) {
if(res.confirm){
that.setData({
showFormbox: 2
})
}
}
})
},
tapCard(params) {
return false
},
tapInstroCard (e){
return false
},
websiteintrosGet() {
websiteintros({
school_id: this.data.sid,
type: 1,
page: 1,
perPage: 4,
school_id: this.data.sid,
perPage: 99
}).then((res) => {
const {data,code} = res;
const {
data,
code
} = res;
if (code == 200) {
this.setData({
schoolInfoList: data.list,
schoolInfoTotal: data.total
schoolInfoList: data.list.filter(item=>item.show_status==1),
// schoolInfoTotal: data.total,
schoolInfoPicTotal: data.list.filter(item=>item.type==1 && item.show_status==1).length || 0,
schoolInfoVideoTotal: data.list.filter(item=>item.type==2 && item.show_status==1).length || 0,
})
}
})
},
goBusinessInfoList() {
return false
},
goOnlineClass(e) {
return false
},
touchStart(e) {
return false
},
touchEnd(e) {
return false
},
schoolInfoGet() {
getSchoolDetail(this.data.sid).then((res) => {
const {
......@@ -496,309 +919,69 @@ Page({
if (code == 200) {
this.setData({
schoolDetail: data,
},()=>{
})
}
})
},
// 线上课
onlineCoursesListGet(){
onlinecourseslistGet({
school_id: this.data.sid
}).then((res)=>{
const { data, code} = res;
if(code == 200 ){
this.setData({
onlineCoursesList: data.list.slice(0,4)
})
}
})
},
tapCard(params){
return
phoneInput(e) {
},
readClock(){
return
},
// 录音操作相关代码
voiceIntervalPlay (value) { // 初始化录音的状态
let voiceInterval = setInterval(() => {
let audioStorage = this.data.audioStorage;
let currentTime = ++audioStorage[value].currentTime;
this.setData({
audioStorage
})
if (currentTime >= this.data.audioStorage[value].duration) {
audioStorage[value].play = false;
audioStorage[value].currentTime = 0;
// audioStorage[value].innerAudioContext.seek(0);
// audioStorage[value].innerAudioContext.pause();
this.setData({
audioStorage
})
clearInterval(this.data.voiceInterval);
}
}, 1000);
formBoxShow() {
this.setData({
voiceInterval
showFormbox: 1
})
},
playvoice (e) {
const {value, duration} = e.detail;
console.log(value, duration);
const that = this;
// this.innerAudioContext.src = audioorigin(value);
// this.innerAudioContext.obeyMuteSwitch = false;
wx.getNetworkType({
success: (res) => {
if (res.networkType != 'none') {
that.resetAudiosPlayStatus();
clearInterval(that.data.voiceInterval);
let audioStorage = that.data.audioStorage;
if (!audioStorage[value]) {
audioStorage[value] = {
play: true,
currentTime: 0,
duration,
isWaiting: false,
innerAudioContext: wx.createInnerAudioContext(),
}
audioStorage[value].innerAudioContext.src = audioorigin(value);
audioStorage[value].innerAudioContext.obeyMuteSwitch = false;
audioStorage[value].innerAudioContext.onWaiting((e)=>{
const { actPalyaudioValue, audioStorage} = this.data;
// if(audioStorage[value].isWaiting){
// return
// }
clearInterval(that.data.voiceInterval);
audioStorage[value].isWaiting = true
that.setData({
audioStorage,
})
// setTimeout((e)=>{
// this.data.audioStorage[value].isWaiting = false;
// this.setData({
// audioStorage: this.data.audioStorage
// })
// },5000)
})
// audioStorage[value].innerAudioContext.onPlay((e) => {
// console.log('dasdad');
// that.voiceIntervalPlay(value);
// })
audioStorage[value].innerAudioContext.onTimeUpdate((e) => {
const { actPalyaudioValue, audioStorage} = this.data
if (audioStorage[value].isWaiting) {
clearInterval(that.data.voiceInterval);
that.voiceIntervalPlay(value);
audioStorage[value].isWaiting = false
that.setData({
audioStorage,
})
}
})
audioStorage[value].innerAudioContext.onError((e)=>{
const { actPalyaudioValue, audioStorage} = this.data
audioStorage[value].isWaiting = false;
audioStorage[value].play = false;
wx.showToast({
title: '音频播放出错啦',
icon: 'none',
duration: 2000
})
that.setData({
audioStorage,
})
});
} else {
if (audioStorage[value].currentTime == audioStorage[value].duration) {
audioStorage[value].currentTime = 0;
audioStorage[value].play = true;
} else {
audioStorage[value].play = true;
}
audioStorage[value].isWaiting = false;
}
audioStorage[value].innerAudioContext.seek(audioStorage[value].currentTime)
setTimeout(() => {
audioStorage[value].innerAudioContext.play();
}, 500)
that.voiceIntervalPlay(value);
that.setData({
audioStorage,
actPalyaudioValue:value
})
} else {
wx.showToast({
title: '暂无网络, 请检查您的网络',
icon: 'none'
})
}
}
})
hideFormBox(e) {
if (!e.target.dataset.flag && this.data.showFormbox == 1) {
this.setData({
showFormbox: 2
})
} else {}
},
pausevoice (e) {
const {value} = e.detail;
let audioStorage = this.data.audioStorage;
audioStorage[value].play = false;
subjectListGet() {
this.setData({
audioStorage,
subjectListLoading: true
})
audioStorage[value].innerAudioContext.pause();
clearInterval(this.data.voiceInterval);
},
voiceslide (e) {
const {value, slide, duration} = e.detail;
let audioStorage = this.data.audioStorage;
const that = this;
wx.getNetworkType({
success: (res) => {
if (res.networkType != 'none') {
if (!audioStorage[value]) {
audioStorage[value] = {
play: false,
currentTime: slide,
duration,
isWaiting: false,
innerAudioContext: wx.createInnerAudioContext(),
}
audioStorage[value].innerAudioContext.src = audioorigin(value);
audioStorage[value].innerAudioContext.obeyMuteSwitch = false;
audioStorage[value].innerAudioContext.onWaiting((e)=>{
if (audioStorage[value] && !audioStorage[value].play) {
const { actPalyaudioValue, audioStorage} = this.data
// if(audioStorage[value].isWaiting){
// return
// }
audioStorage[value].isWaiting = true
that.setData({
audioStorage,
})
}
// setTimeout((e)=>{
// this.data.audioStorage[value].isWaiting = false;
// this.setData({
// audioStorage: this.data.audioStorage
// })
// },5000)
})
audioStorage[value].innerAudioContext.onTimeUpdate((e) => {
const { actPalyaudioValue, audioStorage} = this.data
if (audioStorage[value].isWaiting) {
clearInterval(that.data.voiceInterval);
that.voiceIntervalPlay(value);
audioStorage[value].isWaiting = false
that.setData({
audioStorage,
})
}
})
audioStorage[value].innerAudioContext.onError((e)=>{
const { actPalyaudioValue, audioStorage} = this.data
audioStorage[value].isWaiting = false;
audioStorage[value].play = false;
wx.showToast({
title: '音频播放出错啦',
icon: 'none',
duration: 2000
})
that.setData({
audioStorage,
})
});
// audioStorage[value].innerAudioContext.seek(slide);
} else {
if (slide >= audioStorage[value].duration) {
audioStorage[value].currentTime = 0;
audioStorage[value].play = false;
audioStorage[value].innerAudioContext.pause();
clearInterval(this.data.voiceInterval);
// audioStorage[value].innerAudioContext.seek(0);
} else {
audioStorage[value].currentTime = slide;
// audioStorage[value].innerAudioContext.seek(slide);
}
audioStorage[value].isWaiting = false;
}
// if (audioStorage[value] && audioStorage[value].play) { // 如果当前是播放状态 则启用定时器 播放按钮状态不需要改
// // audioStorage[value].play = false;
// console.log(slide, '播放slide')
// audioStorage[value].innerAudioContext.seek(slide); // audioStorage[value].currentTime
// // audioStorage[value].innerAudioContext.play();
// // clearInterval(this.data.voiceInterval);
// setTimeout(() => {
// audioStorage[value].innerAudioContext.play();
// }, 500)
// this.voiceIntervalPlay(value);
// } else { // 如果当前不是播放状态 则该干嘛干嘛
// // audioStorage[value].innerAudioContext.play();
// }
websitesubjectGet({
page: 1,
perPage: 3,
school_id: this.data.sid,
}).then((res) => {
const { code, data } = res;
this.setData({
subjectListLoading: false
})
if (code != 200) { // 失败的处理
} else {
if (data.total) {
this.setData({
audioStorage,
})
} else {
wx.showToast({
title: '暂无网络, 请检查您的网络',
icon: 'none'
subjectTotal: data.total,
subjectList: data.list || []
})
}
}
}).catch((e) => {
this.setData({
subjectListLoading: false
})
})
},
// voicesliding
slidestart (e) {
const {value, slide} = e.detail;
const { actPalyaudioValue, audioStorage} = this.data
if (audioStorage[value] && audioStorage[value].play) { // 如果当前是播放状态 则先暂停音乐盒计时器 播放按钮状态不需要改
audioStorage[value].innerAudioContext.pause();
audioStorage[value].play = false;
clearInterval(this.data.voiceInterval);
} else { // 如果当前不是播放状态 则该干嘛干嘛
}
this.setData({
actPalyaudioValue: value,
audioStorage,
})
goSharemoretheme(e){
return false
},
slideend (e) {
// const {value, slide} = e.detail;
// let audioStorage = this.data.audioStorage;
// clearInterval(this.slideTimeOut);
// if (audioStorage[value] && audioStorage[value].play) { // 如果当前是播放状态 则启用定时器 播放按钮状态不需要改
// // audioStorage[value].play = false;
// console.log(audioStorage[value].currentTime, '播放')
// audioStorage[value].innerAudioContext.seek(audioStorage[value].currentTime);
// // audioStorage[value].innerAudioContext.play();
// // clearInterval(this.data.voiceInterval);
// this.voiceIntervalPlay(value);
// } else { // 如果当前不是播放状态 则该干嘛干嘛
// // audioStorage[value].innerAudioContext.play();
// }
},
resetAudiosPlayStatus () { // 点击一个录音的时候把其他的录音状态改成暂停状态
let audioStorage = this.data.audioStorage;
Object.keys(audioStorage).forEach((key) => {
audioStorage[key].play = false;
audioStorage[key].isWaiting = false;
if (audioStorage[key].innerAudioContext) {
audioStorage[key].innerAudioContext.pause();
}
});
this.setData({
audioStorage,
})
// 复制后台地址
copyEvent (e){
let copycontent = e.currentTarget.dataset.copycontent;
copyContent(copycontent)
},
delvoice (e) {
const {value} = e.detail;
let audioStorage = this.data.audioStorage;
if (audioStorage[value] && audioStorage[value].play) { // 如果当前是播放状态 删除录音的操作要把录音销毁掉
// delete audioStorage[value]
audioStorage[value].innerAudioContext.pause();
clearInterval(this.data.voiceInterval);
}
// 微官网编辑 弹窗提示
closrOrHideEdit (){
this.setData({
audioStorage,
modalEditShow: !this.data.modalEditShow
})
},
// 录音操作相关代码
})
\ No newline at end of file
business/pages/websiteindex/index.wxml
View file @ bfae5901
<wxs src="../../../filter/index.wxs" module="filter" />
<view class="container">
<view class="container" wx:if="{{!websitehomeEmpty}}">
<view class="banner-box" id="banner">
<block wx:if="{{!websitehomeEmpty && !bannerEmpty}}">
<view class="video-box" bindtap="goBannerVideoPlay" wx:if="{{schoolInfo.banner.type=='video'}}">
<view class="video-play-icon-box">
<!-- <view class="video-play-icon-box">
<image class="video-play-icon" src="{{imageRoot}}2c/common/playicon.png?{{imageVersion}}"></image>
</view>
<image class="video-image" src="{{filter.videoPoster(schoolInfo.banner.src[0])}}" mode="widthFix"></image>
</view> -->
<!-- <image class="video-image" src="{{filter.videoPoster(schoolInfo.banner.src[0])}}" mode="widthFix"></image> -->
<video class="video-image"
src="{{filter.transformOssVideofy(schoolInfo.banner.src[0],videostatus.mode)}}"
autoplay="{{true}}"
controls="{{false}}"
auto-pause-if-navigate
object-fit="fill"
style="height: {{bannerVideoH}}rpx;"
id="bannevideo"
bindended="bannervideoEnd"
></video>
</view>
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:640rpx;" bindchange="swiperChange" wx:else>
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:420rpx;" bindchange="swiperChange" wx:else>
<swiper-item wx:for="{{schoolInfo.banner.src}}" wx:key="index">
<image src="{{filter.imagify(item)}}" class="slide-image" mode="widthFix"/>
</swiper-item>
</swiper>
<view class="banner-numbox" wx:if="{{schoolInfo.banner.type =='img'}}">
<image class="icon-imglabel" src="{{imageRoot}}2c/websiteindex/img_label.png?{{imageVersion}}"></image>
{{currentSwiper+1}}/{{schoolInfo.banner.src.length}}
</view>
<view class="banner-numbox" wx:if="{{schoolInfo.banner.type =='img' && schoolInfo.banner.src.length>1}}">
<view class="dot {{currentSwiper==index? 'active': ''}}" wx:for="{{schoolInfo.banner.src}}" wx:key="index"></view>
</view>
</block>
<block wx:else>
<view class="video-box" >
<view class="video-box">
<view class="video-play-icon-box">
<image class="video-play-icon" src="{{imageRoot}}2c/common/playicon.png?{{imageVersion}}"></image>
</view>
<image class="video-image" src="{{imageRoot}}2c/websiteindex/exabanner.png?{{imageVersion}}"></image>
</view>
</block>
<view class="notice-box" wx:if="{{schoolInfo.notice}}">
<image class="icon-label" src="{{imageRoot}}2c/websiteindex/icon_notice.png?{{imageVersion}}"></image>
<view class="text">{{schoolInfo.notice}}</view>
<!-- <image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image> -->
</view>
</view>
<view class="container-wrap" style="padding-bottom: {{websiteCourses.switch ==1? '105rpx': '0'}};">
<view class="container-wrap" bindtouchmove="touchStart" bindtouchend="touchEnd" style="{{(websiteCourses.switch == 1 && fixBtnShow && noUserinfo) ? 'padding-bottom:105rpx': 'padding-bottom: 0'}};">
<view class="schoolinfo-box">
<view class="school-recommend"><text class="num">{{schoolInfo.join_count?schoolInfo.join_count:500}}</text> 人推荐</view>
<view class="page-share-btn">
<button class="button-share" open-type="share"></button>
<image class="icon-share" src="{{imageRoot}}2c/websiteindex/page_share.png?{{imageVersion}}"></image>
</view>
<view class="info-box">
<image class="info-logo" src="{{filter.imagify(schoolInfo.school.logo, 'image/resize,w_160/format,jpg')}}" wx:if="{{schoolInfo.school.logo}}"></image>
<image class="info-logo" src="{{filter.imagify(schoolDetail.logo, 'image/resize,w_160/format,jpg')}}" wx:elif="{{schoolDetail.logo}}"></image>
<image class="info-logo" src="{{imageRoot}}2c/common/logologo.png?{{imageVersion}}" wx:else></image>
<view class="info-r">
<view class="info-title">{{schoolInfo.title?schoolInfo.title:schoolDetail.title}}</view>
<view class="info-num-box">
<view class="num-item">{{schoolInfo.formal_school_student_count}} 名学员</view>
<view class="num-item">{{schoolInfo.visitor_count}} 人访问过</view>
<view class="info-title">{{schoolInfo.title?schoolInfo.title: schoolDetail.title}}</view>
<view class="info-num-box" wx:if="{{schoolInfo.tags}}">
<view class="num-item" wx:for="{{schoolInfo.tags}}" wx:key="index">{{item}}</view>
</view>
</view>
<button open-type="share" class="page-share-btn">
<image class="icon" src="{{imageRoot}}2c/common/icon_share.png?{{imageVersion}}"></image>
<view class="text">分享</view>
</button>
</view>
<!-- <view class="get-student" wx:if="{{websiteCourses && websiteCourses.switch==1}}">
<view class="booking-box">
<image class="icon-clock" src="{{imageRoot}}2c/websiteindex/icon_clock.png?{{imageVersion}}"></image>
<view class="text">立即预约<text class="num">（{{schoolInfo.join_count}}人已预约）</text></view>
<view class="text">立即预约<text class="num">（{{schoolInfo.join_count || 0}}人已预约）</text></view>
<image class="icon-arr" src="{{imageRoot}}2c/websiteindex/arrright_w.png?{{imageVersion}}"></image>
<image class="icon-clock2" src="{{imageRoot}}2c/websiteindex/icon_clock2.png?{{imageVersion}}"></image>
<image class="icon-animate" src="{{imageRoot}}2c/clockitem/light.png?{{imageVersion}}" ></image>
<button class="btn-get" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
</view>
</view> -->
<view class="part-box bullet-box">
<!-- <view class="part-box bullet-box">
<view class="icon-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/voice-icon.png?{{imageVersion}}"></image>
</view>
......@@ -67,177 +80,415 @@
</swiper-item>
</swiper>
<view class="swiper-mask"></view>
</view>
<view class="part-box address-box">
</view> -->
<view class="address-box">
<view class="icon-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/map-icon2.png?{{imageVersion}}"></image>
<image class="icon" src="{{imageRoot}}2c/websiteindex/website_address.png?{{imageVersion}}"></image>
</view>
<view class="address" wx:if="{{schoolInfo.longitude}}">
<view class="main">{{schoolInfo.location_address}}</view>
<view class="other" wx:if="{{schoolInfo.address}}">{{schoolInfo.address}}</view>
</view>
<view class="address" wx:else>
<view class="other" style="padding-top: 0;">暂未设置位置信息</view>
</view>
<view class="content">距离**公里 {{schoolInfo.location_address}}</view>
<!-- <image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image> -->
<image class="icon-mobile" src="{{imageRoot}}2c/websiteindex/website_phone.png?{{imageVersion}}" bindtap="makecall" data-mobile="{{schoolInfo.tel_phone}}"></image>
</view>
</view>
<view wx:for="{{schoolInfo.sort?schoolInfo.sort:sort}}" wx:key="idx" wx:for-index="idx" wx:for-item="sortItem">
<!-- <view class="get-student" wx:if="{{websiteCourses && websiteCourses.switch==1}}">
<view class="booking-box">
<image class="icon-clock" src="{{imageRoot}}2c/websiteindex/icon_clock.png?{{imageVersion}}"></image>
<view class="text">立即预约，免费领取试听课</view>
<image class="icon-arr" src="{{imageRoot}}2c/websiteindex/arrright_w.png?{{imageVersion}}"></image>
<image class="icon-clock2" src="{{imageRoot}}2c/websiteindex/icon_clock2.png?{{imageVersion}}"></image>
<image class="icon-animate" src="{{imageRoot}}2c/clockitem/light.png?{{imageVersion}}" ></image>
<button class="btn-get" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
<block wx:for="{{schoolInfo.sort?schoolInfo.sort:sort}}" wx:key="idx" wx:for-index="idx" wx:for-item="sortItem" >
<!-- 广告banner -->
<block wx:if="{{sortItem.name=='adCarousel' && schoolInfo.module_switch.adCarousel}}">
<view class="section-wrap section-ad" wx:if="{{adsTotal>0}}">
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:180rpx;">
<swiper-item wx:for="{{adsList}}" wx:key="index">
<image class="cover" src="{{filter.imagify(item.cover)}}" mode="aspectFill"/>
</swiper-item>
</swiper>
</view>
</view> -->
<view class="module-box student-clock-box" style="{{schoolInfo.sort[0].name=='clocklist'?'margin-top:0':''}}" id="student-clock" wx:if="{{sortItem.name=='clocklist'}}" style="{{idx==0?'margin-top:0':''}}">
</block>
<!-- 名师风采 -->
<block wx:if="{{sortItem.name=='teacher'}}">
<view class="section-wrap section-teacher" wx:if="{{teacherTotal>0 && schoolInfo.module_switch.teacher}}">
<view class="box-title">
<view class="title">名师风采<view class="text">（{{teacherTotal}}）</view></view>
<view class="right" bindtap="toMoreList" data-type="schoolteacher">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="teacher-list">
<view class="item" wx:for="{{teacherList}}" wx:key="index" bindtap="bindTeacherDetail" data-id="{{item.id}}">
<image class="avatar" src="{{filter.imagify(item.avatar)}}"></image>
<view class="line nickname">{{item.name}}</view>
<view class="line">{{item.course}}</view>
<view class="line">{{item.seniority}}年教龄</view>
</view>
</view>
</view>
</block>
<!-- 学校介绍 -->
<view class="section-wrap business-instro" id="business-info" wx:if="{{sortItem.name=='orgdesc' && schoolInfo.module_switch.orgdesc && (schoolInfo.intro || schoolInfoList.length>0)}}">
<view class="box-title">
<view class="title">学校介绍</view>
<view class="right" bindtap="toMoreList" data-type="schoolinfo1" wx:if="{{schoolInfoList.length>0}}">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="desc-box" wx:if="{{schoolInfo.intro}}">
<view class="content {{infoexpanded?'extended':''}}">{{schoolInfo.intro}}</view>
<view class="expend-box" bindtap="expandSchoolInfo" wx:if="{{btnmore_isVisible}}">{{infoexpanded?'向下展开':'向上收起'}}
<image class="icon-arr {{infoexpanded?'':'icon-arr-trans'}}" src="{{imageRoot}}2c/websiteindex/icon_arrdown_yellow.png?{{imageVersion}}"></image>
</view>
</view>
<view class="pdb-14" wx:if="{{schoolInfo.intro && schoolInfoList.length>0 && !btnmore_isVisible}}"></view>
<view class="instro-swiper" wx:if="{{schoolInfoList.length>0}}">
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:368rpx;">
<swiper-item wx:for="{{schoolInfoList}}" wx:key="index" bindtap="tapInstroCard" data-id="{{item.id}}">
<image class="cover" src="{{filter.imagify(item.content)}}" wx:if="{{item.type==1}}" mode="aspectFill"></image>
<image class="cover" src="{{filter.gifvideoPoster(item.content)}}" wx:else mode="aspectFill"></image>
</swiper-item>
</swiper>
<view class="label-box">
<view class="icon-item" bindtap="toMoreList" data-type="schoolinfo1">
<image class="icon" src="{{imageRoot}}2c/websiteindex/label_pic.png?{{imageVersion}}"></image>{{schoolInfoPicTotal}}
</view>
<view class="icon-item" bindtap="toMoreList" data-type="schoolinfo2">
<image class="icon" src="{{imageRoot}}2c/websiteindex/label_video.png?{{imageVersion}}"></image>{{schoolInfoVideoTotal}}
</view>
</view>
</view>
</view>
<!-- 学生动态 -->
<view class="section-wrap student-clock-box" id="student-clock" wx:if="{{sortItem.name=='clocklist' && schoolInfo.module_switch.clocklist}}">
<block wx:if="{{clockList.length > 0}}">
<view class="box-title">
<view class="title">学员动态</view>
<view class="desc">孩子在我们的课堂快乐的学习</view>
<view class="title">学生动态<view class="text"></view></view>
<view class="right" bindtap="goclocklist">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="clock-list">
<view class="clock-list clock-list-disabled">
<view class="clock-item" wx:for="{{clockList}}" wx:key="index" bindtap="readClock" data-item="{{item}}">
<clock-item
noLine="{{1}}"
clock="{{item}}"
bind:delClock="delClock"
bind:expandAccessment="expandAccessment"
bind:fingureUp="fingureUp"
cindex="{{index}}"
tid="{{tid}}"
cid="{{item.class_id}}"
bind:expandLikes="expandLikes"
bind:expandContent="expandContent"
type="{{0}}"
othertype="{{1}}"
withthemetitle="{{true}}"
headerclick="{{true}}"
bind:playvoice="playvoice"
bind:pausevoice="pausevoice"
bind:voiceslide="voiceslide"
audioStorage="{{audioStorage}}"
bind:slidestart="slidestart"
bind:slideend="slideend"
bind:playvideo="playvideo"
bind:delEvaluate="delEvaluate"
bind:showcommenteditor="showcommenteditor"
isactivityclock="{{item.subject_id == activtySchoolInfo.tid}}"
bind:drawpaint="drawpaint"
bind:integrallogpost="integrallogpost"
>
</clock-item>
</view>
</view>
</block>
<list-loading loading="{{listLoading}}"></list-loading>
<view class="btn-more" wx:if="{{clockList.length > 0}}">查看更多学员作品</view>
<view class="btn-more" bindtap="goclocklist" wx:if="{{clockList.length > 0}}">查看更多学员作品</view>
</view>
<view class="module-box business-instro" style="{{schoolInfo.sort[0].name=='schoolinfo'?'margin-top:0':''}}" id="business-info" wx:if="{{sortItem.name=='orgdesc'}}" style="{{idx==0?'margin-top:0':''}}">
<view class="box-title">
<view class="title">机构介绍</view>
<view class="desc">学校环境师资简介</view>
<!-- 课堂瞬间 -->
<block wx:if="{{sortItem.name == 'classmoments' && schoolInfo.module_switch.classmoments}}">
<view class="section-wrap section-brick" wx:if="{{momentTotal>0}}">
<view class="box-title">
<view class="title">课堂瞬间</view>
<view class="right" bindtap="toMoreList" data-type="moment">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="brick-list">
<brick-layout
card="{{momentList}}"
bind:tapCard="tapCard"
type="{{2}}"
/>
</view>
</view>
<view wx:if="{{schoolInfoTotal>0}}">
<brick-layout
card="{{schoolInfoList}}"
bind:tapCard="tapCard"
type="{{1}}"
/>
</block>
<!-- 在线课堂 -->
<block wx:if="{{sortItem.name == 'onlineclass' && schoolInfo.module_switch.onlineclass}}">
<view class="section-wrap online-classroom" wx:if="{{onlineCoursesList.length>0}}">
<view class="box-title">
<view class="title">在线课堂</view>
<view class="right" bindtap="toMoreList" data-type="onlinecourselist">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="content-box">
<view class="online-item" bindtap="goOnlineClass" data-item="{{item}}" wx:for="{{onlineCoursesList}}" wx:key="index">
<view class="cover-box">
<image class="cover" src="{{filter.imagify(item.online_course.cover, 'image/resize,w_600/format,jpg')}}" mode="aspectFill" wx:if="{{item.online_course.cover}}" />
<image class="cover" src="{{egOnlineCourseUrl}}" mode="aspectFill" wx:else/>
<view class="count-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/icon_eye.png?{{imageVersion}}"/>{{item.online_course.study_count}}人已学习
</view>
</view>
<view class="title-box">
<view class="title">{{item.online_course.title}}</view>
</view>
</view>
</view>
</view>
<view class="list-box" wx:else>
<view class="list-item" wx:for="{{businessInstroEg}}" wx:key="index" style='float: {{index % 2 == 0 ? "left" : "right"}};' >
<image class="video-image" src="{{imageRoot}}2c/websiteindex/exainfo{{index+1}}.png?{{imageVersion}}"></image>
<view class="top-fix">
<image class="icon-imglabel" src="{{imageRoot}}2c/websiteindex/img.png?{{imageVersion}}"></image>
</block>
<!-- 一起打卡 -->
<block wx:if="{{sortItem.name == 'togetherclock' && schoolInfo.module_switch.togetherclock}}">
<view class="section-wrap section-subject" wx:if="{{subjectList.length>0}}">
<view class="box-title">
<view class="title">一起打卡</view>
<view class="right" bindtap="toMoreList" data-type="subjectlist">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
<view class="item-content">
<view class="item-title">{{item.title}}</view>
</view>
<view class="subject-list">
<view class="list-item" wx:for="{{subjectList}}" wx:key="index" bindtap="goSharemoretheme" data-item="{{item}}">
<view class="cover-box">
<image class="cover" src="{{filter.imagify(item.land_content.cover)}}" mode="aspectFill" wx:if="{{item.land_content.cover}}"/>
<image class="cover" src="{{egSubjectUrl}}" mode="aspectFill" wx:else/>
</view>
<view class="main">
<view class="title">{{item.subject_mixture.title}}</view>
<view class="count-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/icon_user.png?{{imageVersion}}"/>{{item.subject_mixture.subject_students_count}}人参与
</view>
</view>
</view>
<list-loading loading="{{subjectListLoading}}"></list-loading>
</view>
</view>
</block>
</block>
<view class="videodialog" wx:if="{{videostatus.videoShow}}">
<view class="videodialogmask" bindtap="closeVideo"></view>
<video class="" src="{{filter.transformOssVideofy(videostatus.src,videostatus.mode)}}" id="{{videostatus.videoId}}"
initial-time="0" autoplay="false" loop="false" bindplay="" bindpause="" bindended=""
bindtimeupdate="" bindwaiting="" binderror="" bindfullscreenchange="screenchange">
</video>
</view>
<sjdbottombar
showcontact="{{true}}"
keyword="website"
pagetitle="我是机构，我也要制作官网 >"
pagetitletip="立即制作"
sharetitle="我要制作官网"
coverimg="service/website.png"
></sjdbottombar>
</view>
<view class="fix-bottom-btn {{!fixBtnShow ?'hide':''}}" hidden="{{websiteCourses.switch!=1 || !fixBtnShow}}" data-flag="{{1}}">
<view class="booking-box" bindtap="formBoxShow" data-flag="{{1}}">
<image class="icon-clock" src="{{imageRoot}}2c/websiteindex/icon_clock.png?{{imageVersion}}"></image>
<view class="text">立即预约，免费领取试听课</view>
<image class="icon-arr" src="{{imageRoot}}2c/websiteindex/arrright_w.png?{{imageVersion}}"></image>
<image class="icon-clock2" src="{{imageRoot}}2c/websiteindex/icon_clock2.png?{{imageVersion}}"></image>
<image class="icon-animate" src="{{imageRoot}}2c/clockitem/light.png?{{imageVersion}}" ></image>
</view>
</view>
<view class="from-box-wrapper" wx:if="{{showFormbox==1}}" bindtap="hideFormBox" >
<view class="form-box " data-flag="{{1}}">
<view class="header-box" data-flag="{{1}}">
<view class="text-box" data-flag="{{1}}">
<view class="flag-box" data-flag="{{1}}">预约礼</view>
<view class="bold-text" data-flag="{{1}}">免费试听</view>
<view class="normal-text" data-flag="{{1}}">名师大咖1V1知识点讲解</view>
</view>
<view class="text-box" style="padding-left: 122rpx" data-flag="{{1}}">
<view class="bold-text" data-flag="{{1}}">到店礼</view>
<view class="normal-text" data-flag="{{1}}">名师现场讲解授课+到店小礼品</view>
</view>
</view>
<view class="label" data-flag="{{1}}">领取后我们将通过电话联系您</view>
<view class="ipt-box" data-flag="{{1}}">
<input type="number" placeholder-class="placeholderclass" class="iteminput" value="{{params.mobile}}" bindinput="phoneInput" maxlength="11" placeholder="填入您的手机号" data-flag="{{1}}"></input>
<view class="" data-flag="{{1}}">
<button class="text" data-flag="{{1}}" bindgetphonenumber="getPhoneNumber1">一键填入</button>
</view>
</view>
<view class="tips-box" data-flag="{{1}}">
<view class="tips" data-flag="{{1}}">
<image class="icon" data-flag="{{1}}" src="{{imageRoot}}2c/websiteindex/tips-icon.png?{{imageVersion}}" bindload="" binderror=""></image>
<view class="text" data-flag="{{1}}">无强行推销</view>
</view>
<view class="tips" data-flag="{{1}}">
<image class="icon" data-flag="{{1}}" src="{{imageRoot}}2c/websiteindex/tips-icon.png?{{imageVersion}}" bindload="" binderror=""></image>
<view class="text" data-flag="{{1}}" >5分钟内回电（13:00-21:30）</view>
</view>
</view>
<view data-flag="{{1}}" class="footer-box" bindtap="joinAdPost1">免费领取体验课</view>
</view>
</view>
</view>
<view class="container" wx:else>
<view class="banner-box">
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:420rpx;" bindchange="swiperChange">
<swiper-item wx:for="{{egBanner}}" wx:key="index">
<image src="{{item}}" class="slide-image" mode="widthFix"/>
</swiper-item>
</swiper>
<view class="banner-numbox">
<view class="dot {{currentSwiper==index? 'active': ''}}" wx:for="{{egBanner}}" wx:key="index"></view>
</view>
<view class="notice-box" >
<image class="icon-label" src="{{imageRoot}}2c/websiteindex/icon_notice.png?{{imageVersion}}"></image>
<view class="text">此处显示通知内容，若无内容则不展示该栏</view>
<!-- <image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image> -->
</view>
</view>
<view class="container-wrap">
<view class="schoolinfo-box">
<view class="info-box">
<image class="info-logo" src="{{filter.imagify(schoolDetail.logo, 'image/resize,w_160/format,jpg')}}" wx:if="{{schoolDetail.logo}}"></image>
<image class="info-logo" src="{{imageRoot}}2c/common/logologo.png?{{imageVersion}}" wx:else></image>
<view class="info-r">
<view class="info-title">{{schoolDetail.title? schoolDetail.title: '此处显示学校名称'}}</view>
<view class="info-num-box">
<view class="num-item" wx:for="{{egTag}}" wx:key="index">{{item}}</view>
</view>
</view>
<view class="btn-more" wx:if="{{schoolInfoList.length>0}}">查看更多</view>
<button class="page-share-btn">
<image class="icon" src="{{imageRoot}}2c/common/icon_share.png?{{imageVersion}}"></image>
<view class="text">分享</view>
</button>
</view>
<view class="address-box">
<view class="icon-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/website_address.png?{{imageVersion}}"></image>
</view>
<view class="address" wx:if="{{schoolInfo.longitude}}">
<view class="main">{{schoolInfo.location_address}}</view>
<view class="other" wx:if="{{schoolInfo.address}}">{{schoolInfo.address}}</view>
</view>
<view class="address" wx:else>
<view class="other" style="padding-top: 0;">暂未设置位置信息</view>
</view>
<image class="icon-mobile" src="{{imageRoot}}2c/websiteindex/website_phone.png?{{imageVersion}}"></image>
</view>
</view>
<view class="module-box" wx:if="{{freshTotal>0}}">
<!-- 广告 -->
<view class="section-wrap section-ad">
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:180rpx;">
<swiper-item wx:for="{{egAds}}" wx:key="index">
<image class="cover" src="{{item}}" mode="aspectFill"/>
</swiper-item>
</swiper>
</view>
<!-- 学校介绍 -->
<view class="section-wrap business-instro">
<view class="box-title">
<view class="title">新鲜事</view>
<view class="desc">记录和孩子在机构成长途中趣事</view>
<view class="title">学校介绍</view>
</view>
<view>
<brick-layout
card="{{freshList}}"
bind:tapCard="tapCard"
type="{{3}}"
/>
<view class="desc-box">
<view class="content">此处显示学校介绍</view>
</view>
<view class="pdb-14"></view>
<view class="instro-swiper">
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:368rpx;">
<swiper-item wx:for="{{egSchoolInfoList}}" wx:key="index">
<image class="cover" src="{{item.content}}" mode="widthFix"></image>
<image class="icon-pause" src="{{imageRoot}}2c/websiteindex/play-video.png?{{imageVersion}}" wx:if="{{item.type==1}}" mode="aspectFill"></image>
</swiper-item>
</swiper>
<view class="label-box">
<view class="icon-item">
<image class="icon" src="{{imageRoot}}2c/websiteindex/label_pic.png?{{imageVersion}}"></image>1
</view>
<view class="icon-item">
<image class="icon" src="{{imageRoot}}2c/websiteindex/label_video.png?{{imageVersion}}"></image>1
</view>
</view>
</view>
</view>
<!-- 名师风采 -->
<view class="section-wrap section-teacher">
<view class="box-title">
<view class="title">名师风采<view class="text">（12）</view></view>
</view>
<view class="teacher-list">
<view class="item" wx:for="{{12}}" wx:key="index">
<image class="avatar" src="{{egTeacherUrl}}"></image>
<view class="line nickname">导师名字</view>
<view class="line">主授课程</view>
<view class="line">教龄</view>
</view>
</view>
<view class="btn-more" wx:if="{{freshList.length>0}}">更多新鲜事动态</view>
</view>
<view class="module-box" wx:if="{{momentTotal>0}}">
<!-- 学生动态 -->
<view class="section-wrap student-clock-box">
<view class="box-title">
<view class="title">学生动态</view>
</view>
<view class="clock-list clock-list-disabled" style="padding-bottom: 0;">
<view class="clock-item" wx:for="{{egClockList}}" wx:key="index" >
<clock-item
clock="{{item}}"
cindex="{{index}}"
tid="{{tid}}"
cid="{{item.class_id}}"
type="0"
othertype="{{1}}"
withthemetitle="{{true}}"
>
</clock-item>
</view>
</view>
</view>
<!-- 课堂瞬间 -->
<view class="section-wrap section-brick">
<view class="box-title">
<view class="title">课堂瞬间</view>
<view class="desc">孩子在我们的课堂快乐的学习</view>
</view>
<view>
<view class="brick-list">
<brick-layout
card="{{momentList}}"
bind:tapCard="tapCard"
card="{{egMomentList}}"
type="{{2}}"
/>
</view>
<view class="btn-more" wx:if="{{momentList.length>0}}">更多课堂瞬间</view>
</view>
<view class="module-box online-classroom" wx:if="{{onlineCoursesList.length>0}}">
<!-- 在线课堂 -->
<view class="section-wrap online-classroom">
<view class="box-title">
<view class="title">在线学堂</view>
<view class="desc">线上课堂好课不错过</view>
<view class="title">在线课堂</view>
</view>
<view class="content-box" >
<block wx:for="{{onlineCoursesList}}" wx:key="index">
<view class="online-item detail-box" wx:if="{{index==0}}" bindtap="goOnlineClass" data-item="{{item}}">
<view class="cover-box">
<image class="" src="{{filter.imagify(item.cover, 'image/resize,w_400/format,jpg/quality,q_60')}}" mode="aspectFit|aspectFill|widthFix" wx:if="{{item.cover}}" />
<image class="" src="{{filter.imagify('qingxiao/biz/image/course/courseDefaultImg.png')}}" mode="aspectFit|aspectFill|widthFix" wx:else/>
<view class="count-man"><image class="" src="{{imageRoot}}2c/websiteindex/hot-icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" />{{item.visit_pv_count+item.study_count}}人学习</view>
</view>
<view class="detail-title">{{item.title}}</view>
<view class="introduction">
<view class="text">{{item.remark}}</view>
<view class="cost">免费</view>
<view class="content-box">
<view class="online-item" wx:for="{{4}}" wx:key="index">
<view class="cover-box">
<image class="cover" src="{{egOnlineCourseUrl}}" mode="aspectFill"/>
<view class="count-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/icon_eye.png?{{imageVersion}}"/>0人已学习
</view>
</view>
<view class="online-item content-item" bindtap="goOnlineClass" data-item="{{item}}" wx:else>
<view class="cover-box">
<image class="cover-img" src="{{filter.imagify(item.cover, 'image/resize,w_400/format,jpg/quality,q_60')}}" mode="aspectFit|aspectFill|widthFix" wx:if="{{item.cover}}" />
<image class="cover-img" src="{{filter.imagify('qingxiao/biz/image/course/courseDefaultImg.png')}}" mode="aspectFit|aspectFill|widthFix" wx:else/>
<view class="man-count">
<image class="" src="{{imageRoot}}2c/websiteindex/hot-icon.png?{{imageVersion}}" mode="aspectFit|aspectFill|widthFix" />{{item.visit_pv_count+item.study_count}}人学习
</view>
</view>
<view class="info-box">
<view class="title">{{item.title}}</view>
<view class="subtitle">{{item.remark}}</view>
<view class="class-count" wx:if="{{item.type==2}}">
<view class="left"><view class="hot-dot"></view>{{item.sub_courses_count}}节课</view>
<view class="free">免费</view>
</view>
</view>
<view class="title-box">
<view class="title">此处显示课程名称，最多显示两行</view>
</view>
</block>
</view>
</view>
<view class="btn-more">学习更多作品</view>
</view>
<view class="videodialog" wx:if="{{videostatus.videoShow}}">
<view class="videodialogmask" bindtap="closeVideo"></view>
<video class="" src="{{filter.transformOssVideofy(videostatus.src,videostatus.mode)}}" id="{{videostatus.videoId}}"
initial-time="0" autoplay="false" loop="false" bindplay="" bindpause="" bindended=""
bindtimeupdate="" bindwaiting="" binderror="" bindfullscreenchange="screenchange">
</video>
<!-- 一起打卡 -->
<view class="section-wrap section-subject">
<view class="box-title">
<view class="title">一起打卡</view>
</view>
<view class="subject-list">
<view class="list-item" wx:for="{{3}}" wx:key="index">
<view class="cover-box">
<image class="cover" src="{{egSubjectUrl}}" mode="aspectFill"/>
</view>
<view class="main">
<view class="title">此处显示打卡名称</view>
<view class="count-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/icon_user.png?{{imageVersion}}"/>0人参与
</view>
</view>
</view>
</view>
</view>
<sjdbottombar
showcontact="{{true}}"
......@@ -249,6 +500,7 @@
></sjdbottombar>
</view>
</view>
<view class="button-boxfix">
<view class="btn btn-edit" bindtap="closrOrHideEdit">编辑</view>
<button class="btn btn-share" open-type="share">转发给学员</button>
......
business/pages/websiteindex/index.wxss
View file @ bfae5901
page{
padding-bottom: 120rpx;
}
/* .scroll-container-box{
padding-bottom: env(safe-area-inset-bottom);
} */
.container-wrap{
width: 100%;
overflow-x: hidden;
position: relative;
top: -80rpx;
padding: 0 24rpx;
z-index: 9;
}
.banner-box{
position: relative;
}
.banner-box .video-box{
position: relative;
}
.banner-box swiper-item{
overflow: hidden;
}
.banner-box swiper-item .slide-image{
width: 100%;
}
.banner-box .video-box .video-play-icon-box{
width: 127rpx;
height: 127rpx;
border-radius: 50%;
position: absolute;
background: rgba(0,0,0,.7);
border: 3rpx solid #fff;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 1;
}
.banner-box .video-box .video-play-icon-box .video-play-icon{
width: 38rpx;
height: 49rpx;
position: absolute;
top: 50%;
left: 49rpx;
transform: translateY(-50%);
}
.banner-box .video-box .video-image{
display: block;
width: 100%;
}
.banner-box .banner-numbox{
position: absolute;
bottom: 100rpx;
right: 24rpx;
padding: 0 22rpx;
height: 39rpx;
background:rgba(0,0,0,.7);
border-radius: 20rpx;
font-size: 24rpx;
color: #fff;
display: flex;
align-items: center;
line-height: 1;
}
.banner-box .banner-numbox .icon-imglabel{
width: 27rpx;
height: 24rpx;
margin-right: 10rpx;
}
/* 校区信息 */
.schoolinfo-box{
padding: 80rpx 30rpx 0;
box-shadow: 0 0 32rpx 0 rgba(0, 0, 0, 0.1);
border-radius: 20rpx;
position: relative;
background: #fff;
margin: 0 8rpx 60rpx;
}
.page-share-btn{
width: 190rpx;
height: 205rpx;
position: absolute;
top: 25rpx;
right: -20rpx;
}
.page-share-btn .icon-share{
width: 100%;
height: 100%;
}
.page-share-btn .button-share{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.schoolinfo-box .school-recommend{
position: absolute;
top: 29rpx;
right: 41rpx;
font-size: 22rpx;
color: #333;
}
.schoolinfo-box .school-recommend .num{
font-weight: 500;
font-size: 22rpx;
color: #333;
}
.schoolinfo-box .info-box{
display: flex;
align-items: center;
margin-bottom: 30rpx;
}
.schoolinfo-box .info-box .info-logo{
width: 90rpx;
height: 90rpx;
border-radius: 50%;
margin-right: 26rpx;
}
.schoolinfo-box .info-box .info-r{
}
.schoolinfo-box .info-box .info-r .info-title{
font-size: 42rpx;
color: #2F2F2F;
font-weight: 600;
line-height: 48rpx;
word-break: break-all;
width: 385rpx;
}
.schoolinfo-box .info-box .info-r .info-num-box{
display: flex;
align-items: center;
line-height: 26rpx;
padding-top: 14rpx;
}
.schoolinfo-box .info-box .info-r .info-num-box .num-item{
font-size: 24rpx;
color: #606060;
position: relative;
padding: 0 21rpx;
}
.schoolinfo-box .info-box .info-r .info-num-box .num-item:not(:last-of-type)::after{
content: '';
width: 1px;
height: 20rpx;
background: rgba(0,0,0,.2);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) scaleX(.5);
}
.schoolinfo-box .info-box .info-r .info-num-box .num-item:nth-child(1){
padding-left: 0;
}
.schoolinfo-box .part-box{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
padding-bottom: 100rpx;
background: #F9F9F9;
}
.container-wrap{
width: 100%;
position: relative;
top: -56rpx;
z-index: 9;
padding: 0 24rpx;
}
.getUserInfo-btn{
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
opacity: 0;
}
.banner-box{
position: relative;
}
.banner-box .video-box{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.banner-box swiper-item{
overflow: hidden;
}
.banner-box swiper-item .slide-image{
width: 100%;
}
.banner-box .video-box .video-play-icon-box{
width: 127rpx;
height: 127rpx;
border-radius: 50%;
position: absolute;
background: rgba(0,0,0,.7);
border: 3rpx solid #fff;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 1;
}
.banner-box .video-box .video-play-icon-box .video-play-icon{
width: 38rpx;
height: 49rpx;
position: absolute;
top: 50%;
left: 49rpx;
transform: translateY(-50%);
}
.banner-box .video-box .video-image{
display: block;
width: 100%;
}
.banner-box .banner-numbox{
position: absolute;
bottom: 140rpx;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
line-height: 1;
}
.banner-box .banner-numbox .dot{
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: rgba(255,255,255,.4);
margin-right: 10rpx;
}
.banner-box .banner-numbox .dot.active{
background: #fff;
}
.banner-box .notice-box {
position: absolute;
left: 50%;
bottom: 76rpx;
transform: translateX(-50%);
width: 702rpx;
height: 50rpx;
border-radius: 25rpx;
background: rgba(255,255,255,.9);
display: flex;
align-items: center;
padding: 0 24rpx;
}
.banner-box .notice-box .icon-label{
width: 27rpx;
height: 22rpx;
margin-right: 11rpx;
}
.banner-box .notice-box .text{
font-size: 22rpx;
color: #666;
max-width: 600rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.banner-box .notice-box .icon-arr{
width: 12rpx;
height: 20rpx;
position: absolute;
right: 24rpx;
top: 50%;
transform: translateY(-50%);
}
/* 校区信息 */
.schoolinfo-box{
padding: 0 24rpx;
border-radius: 20rpx;
position: relative;
background: #fff;
}
.page-share-btn{
width: 90rpx;
height: 90rpx;
position: absolute;
background: #fff;
box-shadow: 0 2rpx 12rpx 0 rgba(216,216,216,0.4);
border-radius: 6rpx;
top: 50%;
transform: translateY(-50%);
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
.page-share-btn .icon{
width: 46rpx;
height: 46rpx;
}
.page-share-btn .text{
font-size: 22rpx;
color: #FEA917;
line-height: 30rpx;
}
.page-share-btn .button-share{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.schoolinfo-box{
margin-bottom: 20rpx;
}
.schoolinfo-box .info-box{
display: flex;
align-items: center;
padding: 30rpx 0 24rpx;
position: relative;
}
.schoolinfo-box .info-box::after{
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
background: #EEEEEE;
transform: scaleY(.5);
}
.schoolinfo-box .info-box .info-logo{
width: 88rpx;
height: 88rpx;
border-radius: 50%;
margin-right: 26rpx;
}
.schoolinfo-box .info-box .info-r{
width: 400rpx;
.schoolinfo-box .bullet-box{
height: 60rpx;
}
.part-box .swiper-mask{
z-index: 2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.schoolinfo-box .address-box{
min-height: 90rpx;
padding: 10rpx 0;
}
.schoolinfo-box .info-box .info-r .info-title{
font-size: 32rpx;
color: #222;
font-weight: 600;
line-height: 44rpx;
word-break: break-all;
}
.schoolinfo-box .info-box .info-r .info-num-box{
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 26rpx;
padding-top: 14rpx;
}
.schoolinfo-box .info-box .info-r .info-num-box .num-item{
font-size: 22rpx;
background: #FFF4EC;
line-height: 36rpx;
color: #FB7A28;
position: relative;
padding: 0 10rpx;
margin: 5rpx;
}
.schoolinfo-box .address-box{
padding: 25rpx 0;
display: flex;
position: relative;
}
.schoolinfo-box .address-box .icon-box{
width: 35rpx;
}
.schoolinfo-box .address-box .icon-box .icon{
width: 22rpx;
height: 29rpx;
}
.schoolinfo-box .address-box .address{
width: 520rpx;
position: relative;
padding-right: 20rpx;
}
.schoolinfo-box .address-box .address::after{
content: '';
width: 1px;
height: 58rpx;
background: #EEEEEE;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.schoolinfo-box .address-box .address .main{
font-size: 26rpx;
color: #666;
}
.schoolinfo-box .address-box .address .other{
font-size: 22rpx;
color: #999;
padding-top: 15rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.schoolinfo-box .address-box .icon-mobile{
width: 50rpx;
height: 50rpx;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10rpx;
}
.schoolinfo-box .part-box .content swiper-item{
line-height: 60rpx;
color: #555;
}
.schoolinfo-box .part-box .icon-arr{
width: 12rpx;
height: 21rpx;
margin-left: 20rpx;
}
.get-student{
padding: 30rpx 0;
background: #fff;
}
/* 预约 领取 */
.booking-box{
width: 600rpx;
height: 90rpx;
background: linear-gradient(270deg,rgba(255,102,52,1) 0%,rgba(255,124,52,1) 100%);
box-shadow: 0 2rpx 10rpx 0 rgba(255,103,52,0.61);
border-radius: 45rpx;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0 auto;
overflow: hidden;
}
.booking-box .text{
font-size: 30rpx;
font-weight: 600;
color: #fff;
padding: 0 19rpx 0 26rpx;
display: flex;
align-items: center;
letter-spacing: 2rpx;
}
.booking-box .text .num{
font-size: 24rpx;
font-weight: normal;
}
.booking-box .icon-arr{
width: 11rpx;
height: 21rpx;
}
.booking-box .icon-clock{
width: 42rpx;
height: 40rpx;
animation: updownDebounce 1s linear infinite;
position: relative;
}
@keyframes updownDebounce {
0% {
top: 0
}
.schoolinfo-box .address-box::before{
content: '';
width: 702rpx;
height: 1px;
background: rgba(242,242,242,1);
position: absolute;
top: 0;
left: -24rpx;
transform: scaleY(.5);
20%{
top: -10rpx
}
.schoolinfo-box .part-box .icon-box{
width: 41rpx;
display: flex;
align-items: center;
40%{
top: 2rpx
}
.schoolinfo-box .bullet-box .icon-box .icon{
width: 27rpx;
height: 23rpx;
60%{
top: -5rpx
}
.schoolinfo-box .address-box .icon-box .icon{
width: 20rpx;
height: 23rpx;
70%{
top: 0
}
.schoolinfo-box .part-box .content{
height: 100%;
flex: 1;
color: #888888;
font-size: 22rpx;
display: flex;
align-items: center;
}
.schoolinfo-box .part-box .content swiper-item{
line-height: 60rpx;
color: #555;
}
.booking-box .icon-clock2{
width: 62rpx;
height: 57rpx;
position: absolute;
right: 0;
bottom: -13rpx;
}
.booking-box .icon-animate{
width: 74rpx;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: light 2s forwards infinite;
}
.booking-box .btn-get{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent
}
.fix-bottom-btn{
position: fixed;
left: 50%;
margin-left: -300rpx;
opacity: .9;
z-index: 9;
padding-bottom: env(safe-area-inset-bottom);
bottom: 120rpx;
animation: modalmoveup 0.2s linear forwards;
}
.fix-bottom-btn.hide{
animation: modalmovedown 0.2s linear forwards;
}
@keyframes modalmoveup {
from {
bottom: 0;
}
.schoolinfo-box .part-box .icon-arr{
width: 12rpx;
height: 21rpx;
margin-left: 20rpx;
to {
bottom: 120rpx;
}
.get-student{
padding: 30rpx 0;
background: #fff;
}
@keyframes modalmovedown {
from {
bottom: 120rpx;
}
/* 预约 领取 */
.booking-box{
width: 600rpx;
height: 90rpx;
background: linear-gradient(270deg,rgba(255,102,52,1) 0%,rgba(255,124,52,1) 100%);
box-shadow: 0 2rpx 10rpx 0 rgba(255,103,52,0.61);
border-radius: 45rpx;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0 auto;
overflow: hidden;
to {
bottom: 0;
}
.booking-box .text{
font-size: 30rpx;
font-weight: 600;
color: #fff;
padding: 0 19rpx 0 26rpx;
display: flex;
align-items: center;
}
@keyframes modalshow {
from {
opacity: 0;
}
.booking-box .text .num{
font-size: 24rpx;
font-weight: normal;
to {
opacity: 1;
}
.booking-box .icon-arr{
width: 11rpx;
height: 21rpx;
}
@keyframes modalhide {
from {
opacity: 1;
}
.booking-box .icon-clock{
width: 42rpx;
height: 40rpx;
animation: updownDebounce 1s linear infinite;
position: relative;
to {
opacity: 0;
}
@keyframes updownDebounce {
}
@keyframes fadeIn {
from {
bottom: -100vh;
}
to {
bottom: 0rpx;
}
}
@keyframes fadeOut {
from {
bottom: 0rpx
}
to {
bottom: -100vh;
}
}
@keyframes przfadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes przrotate {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes przshow {
0% {
top: 0
transform: scale(0.1)
}
20%{
top: -10rpx
100% {
transform: scale(1)
}
40%{
top: 2rpx
}
@keyframes starshow {
0% {
opacity: 0;
transform: scale(0.1)
}
60%{
top: -5rpx
30% {
opacity: 1;
}
70%{
top: 0
100% {
transform: scale(1);
opacity: 1;
}
}
.booking-box .icon-clock2{
width: 62rpx;
height: 57rpx;
position: absolute;
right: 0;
bottom: -13rpx;
}
.booking-box .icon-animate{
width: 74rpx;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: light 2s forwards infinite;
}
.booking-box .btn-get{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent
}
.module-box{}
/* 模块的标题 */
.module-box .box-title {
line-height: 48rpx;
margin: 30rpx auto 15rpx;
}
.module-box .box-title .title{
font-size: 48rpx;
font-weight: 600;
color: #2F2F2F;
}
.module-box .box-title .desc{
font-size: 24rpx;
color: #9D9D9D;
padding-top: 2rpx;
}
/* 查看更多 */
.module-box .btn-more{
width: 497rpx;
height: 72rpx;
background: #F5F6F8;
border-radius: 36rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 28rpx;
color: #4A4949;
position: relative;
margin: 22rpx auto 80rpx;
}
/* 课堂瞬间 新鲜事 列表 */
.list-box{
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
}
.list-box::after{
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.list-box .list-item{
width: 342rpx;
border-radius: 10rpx;
position: relative;
margin: 0 4rpx 28rpx;
box-shadow: 0 2rpx 20rpx 0 rgba(34,34,34,0.2);
background: #fff;
}
.list-box .list-item .video-image{
width: 100%;
border-radius: 10rpx 10rpx 0 0;
display: block;
}
.list-box .list-item .top-fix{
width: 48rpx;
height: 48rpx;
position: absolute;
right: 10rpx;
top: 11rpx;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,.6);
border-radius: 50%;
}
.list-box .list-item .top-fix .icon-imglabel{
width: 30rpx;
height: 25rpx;
}
.list-box .list-item .item-content{
padding: 14rpx 19rpx 13rpx 15rpx;
}
.list-box .list-item .item-content .item-title{
font-size: 24rpx;
color: #333;
font-weight: 500;
line-height: 30rpx;
}
.list-box .list-item .item-content .item-info{
display: flex;
align-items: center;
margin-top: 8rpx;
}
.list-box .list-item .item-content .item-info .avatar{
width: 54rpx;
height: 54rpx;
border-radius:50%;
margin-right: 11rpx;
}
.list-box .list-item .item-content .item-info .name{
font-size: 22rpx;
color: #333;
}
/* 学员打卡动态 */
.student-clock-box{
margin: 0 8rpx;
}
.student-clock-box .box-title{
margin: 30rpx 0 15rpx;
}
.clock-list{
padding-bottom: 22rpx;
}
.clock-list .clock-item{
background: #fff;
box-shadow: 0 0 32rpx 0 rgba(0, 0, 0, 0.1);
border-radius: 20rpx;
overflow: hidden;
margin-bottom: 28rpx;
position: relative;
}
.clock-list .clock-item::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.clock-list .clock-item:last-of-type{
margin-bottom: 0;
}
/* 机构介绍 */
.business-instro{}
}
.score-get-feedback .goscorecenter {
position: absolute;
width: 60%;
left: 20%;
height: 100rpx;
left: 0;
top: 700rpx;
z-index: 5;
left: 20%;
}
.score-get-feedback {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 600;
display: flex;
align-items: center;
justify-content: center;
}
.score-get-feedback .score-get-mask {
background-color: rgba(0,0,0,0.5);
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.score-get-feedback .getcontent {
width: 520rpx;
height: 650rpx;
position: absolute;
left: 50%;
top: 150rpx;
margin-left: -260rpx;
z-index: 4;
}
.score-get-feedback .staticcontent {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
animation: przshow 1s ease-in-out 1 forwards;
z-index: 4;
}
.score-get-feedback .lightbg {
width: 415rpx;
height: 415rpx;
position: absolute;
left: 168rpx;
top: 420rpx;
z-index: 2;
animation: przrotate 7s linear 0.7s infinite forwards;
}
.score-get-feedback .close {
position: absolute;
width: 50rpx;
height: 50rpx;
z-index: 5;
right: 94rpx;
top: 200rpx;
}
.score-get-feedback .static {
position: absolute;
width: 100%;
left: 0;
top: 600rpx;
z-index: 7;
text-align: center;
}
.score-get-feedback .static .awardtitle {
font-size: 38rpx;
color: #FBB233;
font-weight: 700;
}
.score-get-feedback .static .awardstatic {
font-size: 61rpx;
color: #FBB233;
font-weight: 700;
padding-left: 30rpx;
}
.score-get-feedback .iconitem {
position: absolute;
z-index: 4;
width: 482rpx;
height: 482rpx;
left: 50%;
margin-left: -241rpx;
top: 200rpx;
animation: przshow 0.7s ease-in-out 1 forwards;
}
.score-get-feedback .starbg {
width:292rpx;
height:217rpx;
position:absolute;
left:50%;
margin-left:-146rpx;
top:304rpx;
z-index:3;
opacity: 0;
animation: starshow 0.5s ease-in-out 0.5s 1 forwards;
}
.score-get-feedback .scoregetstatic {
position: absolute;
z-index: 4;
width: 100%;
text-align: center;
left: 0;
top: 580rpx;
display: flex;
align-items: flex-end;
justify-content: center;
}
.score-get-feedback .smallicon {
width: 47rpx;
height: 47rpx;
margin-right: 28rpx;
display: block;
}
.score-get-feedback .awardstatic1 {
color: #FEF6AE;
font-size: 30rpx;
font-weight: 700;
line-height: 1;
}
.score-get-feedback .awardstatic2 {
color: #FEF6AE;
font-size: 50rpx;
line-height: 1;
font-weight: 700;
}
.score-get-feedback .statictext {
position: absolute;
z-index: 5;
width: 100%;
text-align: center;
left: 0;
top: 680rpx;
color: #EAEBB5;
font-size: 28rpx;
}
.score-get-feedback .title{
position: absolute;
top: 340rpx;
left: 275rpx;
z-index: 5;
font-size:50rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(234,235,181,1);
line-height:1;
}
.score-get-feedback .yes-icon{
position: absolute;
left: 286rpx;
top: 495rpx;
width: 179rpx;
height: 179rpx;
z-index: 5;
}
.score-get-feedback .text1{
position: absolute;
left: 250rpx;
z-index: 5;
top: 840rpx;
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(234,235,181,1);
}
.score-get-feedback .text2{
position: absolute;
left: 115rpx;
z-index: 5;
top: 880rpx;
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(234,235,181,1);
}
.from-box-wrapper{
width: 100%;
height: 100%;
position: fixed;
left: 0;
bottom: 0;
z-index: 201;
background: rgba(0, 0, 0, 0.5)
}
.form-box {
width: 750rpx;
height: 576rpx;
background: rgba(255, 255, 255, 1);
border-radius: 20rpx 20rpx 0px 0px;
position: absolute;
left: 0;
bottom:0rpx;
background: #fff;
padding: 30rpx 0 26rpx 0;
}
/* .show {
animation: fadeIn .2s forwards;
}
.hide {
animation: fadeOut .2s forwards;
} */
.form-box .ipt-box {
width:669rpx;
height:70rpx;
background:rgba(0,0,0,.05);
border-radius:35rpx;
margin: 0 auto;
margin-bottom: 30rpx;
position: relative;
padding: 0rpx 50rpx;
display: flex;
align-items: center;
}
.form-box .ipt-box .text {
height: 57rpx;
background: rgba(255, 209, 70, 1);
border-radius: 29rpx;
font-size: 24rpx;
font-family: PingFang-SC-Regular;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 57rpx;
text-align: center;
position: absolute;
right: 8rpx;
bottom: 7rpx;
}
.form-box .footer-box {
width:629rpx;
height:70rpx;
background:linear-gradient(90deg,rgba(255,209,70,1) 0%,rgba(255,192,0,1) 100%);
border-radius:35rpx;
font-size: 26rpx;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: rgba(0, 0, 0, 1);
line-height: 70rpx;
text-align: center;
margin: 0 auto;
position: relative;
}
.form-box .header-box{
width:750rpx;
background:rgba(255,249,240,1);
padding: 36rpx 0 0rpx 0rpx;
background:rgba(255,249,240,1);
}
.form-box .header-box .text-box{
display: flex;
align-items: center;
padding-bottom: 20rpx;
}
.form-box .header-box .text-box .flag-box{
padding: 8rpx 5rpx;
line-height: 1;
background:rgba(255,249,240,1);
border:1px solid rgba(255,193,4,1);
border-radius:4rpx;
font-size:22rpx;
/* 在线学堂 */
.online-classroom{
padding: 0;
}
.online-classroom .online-classroom-title{
padding: 36rpx 24rpx;
}
.online-classroom .online-classroom-title .text{
font-size:32rpx;
font-family:PingFang SC;
font-weight:bold;
color:rgba(47,47,47,1);
padding-bottom: 18rpx;
line-height: 1;
}
.online-classroom .online-classroom-title .subtitle{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(118,118,118,1);
}
.online-classroom .content-box{
padding-bottom: 28rpx;
}
.online-classroom .content-box .online-item{
margin-bottom: 28rpx;
}
.online-classroom .content-box .online-item:last-of-type{
margin-bottom: 0;
}
.online-classroom .content-box .detail-box{
padding: 0 0 20rpx 0;
border-radius:16rpx 16rpx 0px 0px;
border-bottom: 2rpx solid rgba(245,246,248,1);
}
.online-classroom .content-box .detail-box .cover-box{
width:100%;
height:380rpx;
background:rgba(255,184,121,1);
border-radius:16rpx 16rpx 0px 0px;
position: relative;
}
.online-classroom .content-box .detail-box .cover-box image{
width:100%;
height:100%;
border-radius:16rpx 16rpx 0px 0px;
}
.online-classroom .content-box .detail-box .cover-box .count-man{
width:100%;
padding: 22rpx;
display: flex;
align-items: center;
height:45rpx;
background:rgba(0,0,0,1);
opacity:0.4;
position: absolute;
left: 0;
bottom: 0;
font-size:24rpx;
font-family:PingFang;
font-weight:400;
color:rgba(255,255,255,1);
}
.online-classroom .content-box .detail-box .cover-box .count-man image{
width: 22rpx;
height: 30rpx;
margin-right: 14rpx;
}
.online-classroom .content-box .detail-box .detail-title{
font-weight:400;
color:rgba(255,193,4,1);
text-align: center;
margin-left: 43rpx;
}
.form-box .header-box .text-box .bold-text{
font-size:28rpx;
font-family:PingFang;
font-weight:bold;
color:rgba(70,70,70,1);
padding: 20rpx 0;
line-height: 1;
}
.online-classroom .content-box .detail-box .introduction{
display: flex;
align-items: center;
justify-content: space-between;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(0,0,0,1);
padding: 0 23rpx 0 18rpx;
}
.form-box .header-box .text-box .normal-text{
font-size:24rpx;
font-weight:400;
color:rgba(129,124,120,1);
}
.form-box .label{
font-size:28rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(0,0,0,1);
line-height: 1;
padding: 44rpx 0 38rpx 34rpx;
}
.form-box .tips-box{
display: flex;
padding-left: 40rpx;
padding-bottom: 62rpx;
}
.form-box .tips-box .tips{
display: flex;
align-items: center;
font-size:26rpx;
font-weight:400;
color:rgba(58,58,58,1);
margin-right: 44rpx;
}
.form-box .tips-box .tips .icon{
width: 26rpx;
height: 30rpx;
margin-right: 16rpx;
}
.form-box .tips-box .tips .text{
font-size:26rpx;
font-weight:400;
color:rgba(58,58,58,1);
}
.section-wrap{
background: #fff;
border-radius: 20rpx;
padding: 36rpx 0;
margin-bottom: 20rpx;
overflow: hidden;
}
/* 模块的标题 */
.section-wrap .box-title {
line-height: 1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24rpx 36rpx;
}
.section-wrap .box-title .title{
font-size: 32rpx;
font-weight: 500;
color: #222;
display: flex;
align-items: center;
}
.section-wrap .box-title .text{
color: #999;
}
.section-wrap .box-title .right{
display: flex;
align-items: center;
font-size: 26rpx;
color: #666;
}
.section-wrap .box-title .right .icon-arr{
width: 12rpx;
height: 20rpx;
margin-left: 14rpx;
}
.pdb-14{
width: 100%;
height: 20rpx;
}
/* 查看更多 */
.section-wrap .btn-more{
width: 497rpx;
height: 72rpx;
background: #F5F6F8;
border-radius: 36rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 28rpx;
color: #4A4949;
position: relative;
margin: 0 auto;
}
/* 课堂瞬间 新鲜事 列表 */
.section-brick{
padding-bottom: 10rpx;
}
.brick-list{
padding: 0 24rpx;
}
/* 学员打卡动态 */
.student-clock-box{
}
.clock-list{
padding-bottom: 22rpx;
margin-top: -24rpx;
position: relative;
}
.clock-list-disabled::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 11;
}
.clock-list .clock-item{
margin-bottom: 28rpx;
}
.clock-list .clock-item:last-of-type{
margin-bottom: 0;
}
/* 机构介绍 */
.business-instro{}
.business-instro .desc-box{
padding: 0 24rpx;
position: relative;
}
.business-instro .desc-box .content{
font-size: 26rpx;
color: #666;
line-height: 40rpx;
}
.business-instro .desc-box .content.extended{
max-height: 120rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.business-instro .desc-box .expend-box{
display: flex;
align-items: center;
justify-content: center;
font-size: 22rpx;
color: #FB7A28;
height: 50rpx;
}
.business-instro .desc-box .expend-box .icon-arr{
width: 20rpx;
height: 12rpx;
margin-left: 12rpx;
}
.business-instro .desc-box .expend-box .icon-arr-trans{
transform: rotate(-180deg);
}
.business-instro .instro-swiper{
padding: 0 24rpx;
border-radius: 10rpx;
overflow: hidden;
position: relative;
}
.business-instro .instro-swiper .cover{
width: 100%;
height: 100%;
border-radius: 10rpx;
}
.business-instro .instro-swiper .icon-pause{
width: 90rpx;
height: 90rpx;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.business-instro .instro-swiper .label-box{
position: absolute;
bottom: 24rpx;
right: 32rpx;
display: flex;
align-items: center;
}
.business-instro .instro-swiper .label-box .icon-item{
height: 42rpx;
display: flex;
align-items: center;
padding: 0 20rpx;
background: rgba(0,0,0,0.6);
border-radius: 21rpx;
font-size: 22rpx;
color: #fff;
margin-right: 16rpx;
}
.business-instro .instro-swiper .label-box .icon-item .icon{
width: 32rpx;
height: 24rpx;
margin-right: 13rpx;
}
/* 在线学堂 */
.online-classroom{}
.online-classroom .content-box{
padding: 0 24rpx;
display: flex;
flex-wrap: wrap;
}
.online-classroom .content-box .online-item{
width: 316rpx;
}
.online-classroom .content-box .online-item:nth-child(2n-1){
margin-right: 21rpx;
}
.online-classroom .content-box .online-item:nth-child(n+3){
margin-top: 26rpx;
}
.online-classroom .content-box .online-item .cover-box{
width: 100%;
height: 236rpx;
overflow: hidden;
border-radius: 10rpx;
position: relative;
}
.online-classroom .content-box .online-item .cover-box .cover{
width: 100%;
height: 100%;
}
.online-classroom .content-box .online-item .cover-box .count-box{
width: 100%;
display: flex;
align-items: center;
font-size: 22rpx;
color: #fff;
padding: 0 12rpx;
height: 40rpx;
background: rgba(0,0,0,.4);
border-radius:0 0 8rpx 8rpx;
position: absolute;
left: 0;
bottom: 0;
}
.online-classroom .content-box .online-item .cover-box .count-box .icon{
width: 24rpx;
height: 14rpx;
margin-right: 8rpx;
}
.online-classroom .content-box .online-item .title-box{
height: 80rpx;
display: flex;
align-items: center;
padding-top: 16rpx;
}
.online-classroom .content-box .online-item .title-box .title{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 26rpx;
color: #666;
line-height: 40rpx;
}
@keyframes light {
0% {
left: -74rpx;
}
.online-classroom .content-box .detail-box .introduction .text{
width: 420rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:300;
color:rgba(96,96,96,1);
line-height:1;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.online-classroom .content-box .detail-box .introduction .cost{
font-size:26rpx;
font-family:PingFang;
font-weight:bold;
color:rgba(255,102,50,1);
line-height:1;
}
.online-classroom .content-box .content-item{
display: flex;
justify-content: space-between;
}
.online-classroom .content-box .content-item .cover-box{
width:260rpx;
height:180rpx;
border-radius:10rpx;
position: relative;
margin-right: 32rpx;
}
.online-classroom .content-box .content-item .cover-box .cover-img{
width:260rpx;
height:180rpx;
border-radius:10rpx;
}
.online-classroom .content-box .content-item .cover-box .man-count{
width:100%;
height:44rpx;
background:rgba(245,246,248,1);
border-radius: 0 0 10rpx 10rpx;
position: absolute;
left: 0;
bottom: 0;
font-size:24rpx;
font-family:PingFang;
font-weight:400;
color:rgba(151,151,151,1);
display: flex;
align-items: center;
justify-content: center;
}
.online-classroom .content-box .content-item .cover-box .man-count image{
width: 24rpx;
height: 30rpx;
margin-right: 12rpx;
}
.online-classroom .content-box .content-item .info-box{
flex: 1;
overflow: hidden;
position: relative;
}
.online-classroom .content-box .content-item .info-box .title{
font-size:28rpx;
font-family:PingFang SC;
font-weight:bold;
color:rgba(70,70,70,1);
line-height:32rpx;
padding: 6rpx 0 18rpx 0;
}
.online-classroom .content-box .content-item .info-box .subtitle{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(96,96,96,1);
line-height:1;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-bottom: 32rpx;
}
.online-classroom .content-box .content-item .info-box .man-count {
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(151,151,151,1);
line-height:1;
}
.online-classroom .content-box .content-item .info-box .man-count image{
width:22rpx;
height:25rpx;
margin-right: 13rpx;
}
.online-classroom .content-box .content-item .info-box .class-count{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
left: 0;
bottom: 10rpx;
}
.online-classroom .content-box .content-item .info-box .class-count .left{
display: flex;
align-items: center;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(151,151,151,1);
line-height: 1;
}
.online-classroom .content-box .content-item .info-box .class-count .left .hot-dot{
width:11rpx;
height:11rpx;
background:rgba(255,192,0,1);
border-radius:6rpx;
margin-right: 20rpx;
}
.online-classroom .content-box .content-item .info-box .class-count .free{
font-size:26rpx;
font-family:PingFang SC;
font-weight:bold;
color:rgba(255,102,50,1);
line-height:1;
}
.gomore-btn{
width:497rpx;
height:72rpx;
background:rgba(245,246,248,1);
border-radius:36rpx;
display: flex;
align-items: center;
justify-content: center;
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(74,73,73,1);
margin: 20rpx auto;
70% {
left: calc(100% + 74rpx);
}
@keyframes light {
0% {
left: -74rpx;
}
70% {
left: calc(100% + 74rpx);
}
100% {
left: calc(100% + 74rpx);
}
100% {
left: calc(100% + 74rpx);
}
}
/* 主题课 一起打卡 */
.subject-list{
padding: 0 24rpx;
}
.subject-list .list-item{
width: 100%;
padding: 24rpx 0;
position: relative;
display: flex;
align-items: center;
}
.subject-list .list-item::after{
content: '';
width: 100%;
height: 1px;
background: #EEEEEE;
position: absolute;
left: 0;
bottom: 0;
transform: scaleY(.5);
}
.subject-list .list-item:first-of-type{
padding-top: 0;
}
.subject-list .list-item:last-of-type{
padding-bottom: 0;
}
.subject-list .list-item:last-of-type::after{
display: none;
}
.subject-list .list-item .cover-box{
min-width: 130rpx;
height: 130rpx;
margin-right: 20rpx;
border-radius: 20rpx;
overflow: hidden;
}
.subject-list .list-item .cover-box .cover{
width: 100%;
height: 100%;
}
.subject-list .list-item .main{
min-height: 130rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.subject-list .list-item .main .title{
font-size: 26rpx;
color: #666;
}
.subject-list .list-item .main .count-box{
display: flex;
align-items: center;
font-size: 22rpx;
color: #999;
}
.subject-list .list-item .main .count-box .icon{
width: 20rpx;
height: 21rpx;
margin-right: 9rpx;
}
/* 名师列表 */
.teacher-list{
overflow-x: auto;
display: flex;
padding: 0 15rpx;
}
.teacher-list .item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 150rpx;
min-width: 150rpx;
max-width: 150rpx;
}
.teacher-list .item .avatar{
width: 88rpx;
height: 88rpx;
border-radius: 50%;
}
.teacher-list .item .line{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
line-height: 30rpx;
font-size: 22rpx;
color: #999;
}
.teacher-list .item .nickname{
font-size: 26rpx;
color: #222;
line-height: 37rpx;
padding: 12rpx 0 3rpx;
}
.section-ad{
width: 100%;
height: 180rpx;
padding: 0;
}
.section-ad .cover{
width: 100%;
height: 100%;
}
/* 编辑设置提示框 */
.modal-edit{
position: fixed;
......
src/pages/websiteindex/index.js
View file @ bfae5901
......@@ -42,7 +42,8 @@ import {
wxChooseLocation,
wxOpenSetting,
wxGetImageInfo,
wxLogin
wxLogin,
wxOpenLocation,
} from '../../../utilities/wxApi.js';
var app = getApp();
Page({
......@@ -1544,5 +1545,14 @@ Page({
default:
break;
}
},
makenavigate(){
let addressInfo = this.data.schoolInfo? this.data.schoolInfo: this.data.schoolDetail;
wxOpenLocation({
latitude: Number(addressInfo.latitude),
longitude: Number(addressInfo.longitude),
address: addressInfo.location_address,
name: addressInfo.address
})
}
})
\ No newline at end of file
src/pages/websiteindex/index.wxml
View file @ bfae5901
......@@ -88,7 +88,7 @@
<view class="icon-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/website_address.png?{{imageVersion}}"></image>
</view>
<view class="address" wx:if="{{schoolInfo.longitude}}">
<view class="address" wx:if="{{schoolInfo.longitude}}" bindtap="makenavigate">
<view class="main">{{schoolInfo.location_address}}</view>
<view class="other" wx:if="{{schoolInfo.address}}">{{schoolInfo.address}}</view>
</view>
......@@ -387,7 +387,7 @@
<image class="info-logo" src="{{filter.imagify(schoolDetail.logo, 'image/resize,w_160/format,jpg')}}" wx:if="{{schoolDetail.logo}}"></image>
<image class="info-logo" src="{{imageRoot}}2c/common/logologo.png?{{imageVersion}}" wx:else></image>
<view class="info-r">
<view class="info-title">{{schoolInfo.title?schoolInfo.title: schoolDetail.title}}</view>
<view class="info-title">{{schoolDetail.title? schoolDetail.title: '此处显示学校名称'}}</view>
<view class="info-num-box">
<view class="num-item" wx:for="{{egTag}}" wx:key="index">{{item}}</view>
</view>
......@@ -425,9 +425,6 @@
<view class="section-wrap business-instro">
<view class="box-title">
<view class="title">学校介绍</view>
<view class="right">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="desc-box">
......@@ -455,9 +452,6 @@
<view class="section-wrap section-teacher">
<view class="box-title">
<view class="title">名师风采<view class="text">（12）</view></view>
<view class="right">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="teacher-list">
<view class="item" wx:for="{{12}}" wx:key="index">
......@@ -472,10 +466,7 @@
<!-- 学生动态 -->
<view class="section-wrap student-clock-box">
<view class="box-title">
<view class="title">学生动态<view class="text"></view></view>
<view class="right">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
<view class="title">学生动态</view>
</view>
<view class="clock-list clock-list-disabled" style="padding-bottom: 0;">
<view class="clock-item" wx:for="{{egClockList}}" wx:key="index" >
......@@ -496,9 +487,6 @@
<view class="section-wrap section-brick">
<view class="box-title">
<view class="title">课堂瞬间</view>
<view class="right">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="brick-list">
<brick-layout
......@@ -511,9 +499,6 @@
<view class="section-wrap online-classroom">
<view class="box-title">
<view class="title">在线课堂</view>
<view class="right">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="content-box">
<view class="online-item" wx:for="{{4}}" wx:key="index">
......@@ -533,9 +518,6 @@
<view class="section-wrap section-subject">
<view class="box-title">
<view class="title">一起打卡</view>
<view class="right" >
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<view class="subject-list">
<view class="list-item" wx:for="{{3}}" wx:key="index">
......
src/pages/websiteindex/onlineclassroomplay.wxml
View file @ bfae5901
......@@ -91,7 +91,7 @@
<view class="coursecounttext">已更新{{coursesDetail.type==1?'1': coursesDetail.sub_courses_count}}期</view>
</view>
</view>
<image class="shareicon" bindtap="ShowShareDailog" src="{{imageRoot}}2c/onlineclass/shareicon.png?{{imageVersion}}"></image>
<image class="shareicon" bindtap="ShowShareDailog" src="{{imageRoot}}2c/onlineclass/shareicon.png?{{imageVersion}}" wx:if="{{coursesDetail.share_switch==1}}"></image>
</view>
</view>
<view class="divideline"></view>
......
src/pages/websiteindex/teacherdetail.wxss
View file @ bfae5901
......@@ -18,6 +18,7 @@
}
.list-box .list-item .avatar {
width: 88rpx;
min-width: 88rpx;
height: 88rpx;
margin-right: 14rpx;
border-radius: 50%;
......@@ -48,7 +49,10 @@
padding: 0 10rpx;
margin-left: 14rpx;
border-radius: 6rpx;
max-width: 150rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.list-box .list-item .main .line .bg {
font-size: 22rpx;
......
src/pages/websiteindex/teacherlist.wxss
View file @ bfae5901
......@@ -23,6 +23,7 @@ page {
}
.list-box .list-item .avatar {
width: 88rpx;
min-width: 88rpx;
height: 88rpx;
margin-right: 14rpx;
border-radius: 50%;
......@@ -40,7 +41,7 @@ page {
font-size: 32rpx;
color: #222;
line-height: 1;
max-width: 300rpx;
max-width: 200rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
......@@ -53,7 +54,10 @@ page {
padding: 0 10rpx;
margin-left: 14rpx;
border-radius: 6rpx;
max-width: 150rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.list-box .list-item .main .line .bg {
font-size: 22rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment