Skip to content

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

微官网首页

parent 80a0d76d
Hide whitespace changes
Inline Side-by-side
Showing with 735 additions and 893 deletions
business/pages/organizationalmgt/newinfo.js
View file @ cd9033c3
......@@ -165,37 +165,35 @@ Page({
// })
// },
updateAvatar(e) {
let access = {};
let tempFiles = null;
let filename = '';
bOssAccess({
school_id: this.data.sid != 0 ? this.data.sid : this.data.school_id
}).then((acc) => {
access = acc.data;
return wxChooseImage({})
}).then((res) => {
const { tempFiles } = res;
filename = `${access.dir}${getRandomFilename(tempFiles[0].path)}`;
wx.showLoading({
title: '图片上传中'
wxChooseImage({}).then((res) => {
tempFiles = res.tempFiles;
const path = tempFiles[0].path;
const fileType = path.substr(path.lastIndexOf('.') + 1);
return bOssAccess({
school_id: this.data.sid != 0 ? this.data.sid : this.data.school_id,
ext: fileType
})
}).then((data) => {
const acc = data.data;
filename = acc.path;
return wxUploadFile({
url: "https://cdn.s.shangjiadao.cn",
url: acc.host,
formData: {
key: filename,
policy: access.policy,
OSSAccessKeyId: access.accessid,
signature: access.signature,
callback: access.callback,
policy: acc.policy,
OSSAccessKeyId: acc.accessid,
signature: acc.signature,
callback: acc.callback,
success_action_status: '200'
},
filePath: tempFiles[0].path,
name: 'file',
})
}).then((res) => {
const { data } = res;
const {data} = res;
if (data == '{"status":"ok"}') {
// wx.showToast({
// title: '上传成功'
// })
this.setData({
'avatarUrl': filename
},()=>{
......@@ -221,10 +219,9 @@ Page({
})
}
}).catch((err) => {
});
},
//选择学科
selectSubject(event) {
const subject = event.currentTarget.dataset.activeItem;
......@@ -261,54 +258,57 @@ Page({
.catch(e => {});
},
proMainImgUpload(e) {
let access = {};
let filename = "";
let tempFiles = null;
let filename = '';
const { type } = e.currentTarget.dataset;
bOssAccess({
school_id: this.data.sid
})
.then(acc => {
access = acc.data;
return wxChooseImage({});
wxChooseImage({}).then((res) => {
tempFiles = res.tempFiles;
const path = tempFiles[0].path;
const fileType = path.substr(path.lastIndexOf('.') + 1);
return bOssAccess({
school_id: this.data.sid,
ext: fileType
})
.then(res => {
const { tempFiles } = res;
filename = `${access.dir}${getRandomFilename(tempFiles[0].path)}`;
return wxUploadFile({
url: access.host,
formData: {
key: filename,
policy: access.policy,
OSSAccessKeyId: access.accessid,
signature: access.signature,
callback: access.callback,
success_action_status: "200"
},
filePath: tempFiles[0].path,
name: "file"
});
})
.then(res => {
const { data } = res;
if (data == '{"status":"ok"}') {
this.setData({
uploadType: type,
cropperSrc: imagify(filename, "image/resize,w_1280/format,jpg"),
"cropperOpt.width": 300,
"cropperOpt.height": 300,
showCropper: true,
containerheight: "100vh"
});
} else {
wx.hideLoading();
wx.showModal({
title: "提示",
content: "上传失败",
showCancel: false
});
}
}).then((data) => {
const acc = data.data;
filename = acc.path;
return wxUploadFile({
url: acc.host,
formData: {
key: filename,
policy: acc.policy,
OSSAccessKeyId: acc.accessid,
signature: acc.signature,
callback: acc.callback,
success_action_status: '200'
},
filePath: tempFiles[0].path,
name: 'file',
})
.catch(err => {});
}).then((res) => {
const {data} = res;
console.log(data, 'data')
if (data == '{"status":"ok"}') {
this.setData({
// uploadType: type,
cropperSrc: imagify(filename, 'image/resize,w_1280/format,jpg'),
showCropper: true,
"cropperOpt.width": 300,
"cropperOpt.height": 300,
containerheight: "100vh"
})
} else {
wx.hideLoading();
wx.showModal({
title: '提示',
content: '上传失败',
showCancel: false
})
}
}).catch((err) => {
});
},
surecropper() {
this.cropper = this.selectComponent("#image-cropper");
......@@ -323,60 +323,57 @@ Page({
},
clickcut(e) {
let filepath = e.detail.url;
const fileType = filepath.substr(filepath.lastIndexOf('.') + 1);
let fileName = '';
this.setData({
showCropper: false,
cropperSrc: "",
containerheight: ""
});
let filename = "";
bOssAccess({
school_id: this.data.sid
})
.then(acc => {
return acc.data;
school_id: this.data.sid,
ext: fileType
}).then((res) => {
const access = res.data;
wx.showLoading({
title: '图片上传中'
})
.then(access => {
filename = `${access.dir}${getRandomFilename(filepath)}`;
wx.showLoading({
title: "图片上传中"
fileName = access.path;
return wxUploadFile({
url: access.host,
formData: {
key: access.path,
policy: access.policy,
OSSAccessKeyId: access.accessid,
signature: access.signature,
callback: access.callback,
success_action_status: "200"
},
filePath: filepath,
name: "file"
});
}).then(res => {
const { data } = res;
if (data == '{"status":"ok"}') {
wx.showToast({
title: "上传成功"
});
return wxUploadFile({
url: access.host,
formData: {
key: filename,
policy: access.policy,
OSSAccessKeyId: access.accessid,
signature: access.signature,
callback: access.callback,
success_action_status: "200"
},
filePath: filepath,
name: "file"
this.setData({
showCropper: false
});
})
.then(res => {
const { data } = res;
if (data == '{"status":"ok"}') {
wx.showToast({
title: "上传成功"
});
this.setData({
showCropper: false
});
this.mycropper = null;
this.setData({
"params.logo": filename
});
} else {
wx.hideLoading();
wx.showModal({
title: "提示",
content: "上传失败",
showCancel: false
});
}
})
.catch(err => {});
this.mycropper = null;
this.setData({
"params.logo": fileName
});
} else {
wx.hideLoading();
wx.showModal({
title: "提示",
content: "上传失败",
showCancel: false
});
}
}).catch(err => {});
},
titleInput(e) {
const { value } = e.detail;
......
components/sjdmediaeditor/index.js
View file @ cd9033c3
......@@ -89,6 +89,7 @@ Component({
uploadingIndex: 0,
imageArrBox: [],
iosPhoneWarn: false,
imageUploaded: true,
},
created () {
console.log(this.data.content, 'this.data.content')
......@@ -132,86 +133,153 @@ Component({
})
})
},
addImg (tempFiles) { // 添加图片的操作
if (this.data.maxImgBoxLength == this.data.imgBoxLength) { // 当等于10条了不能继续添加
addImg (tempFiles1) { // 添加图片的操作
// let imgCount = this.data.imageArrBox.filter(ele => ele.type == 'img').length;
let imgCount = this.data.imageArrBox.length;
console.log(imgCount ,this.data.imageArrBox,this.data.maxImgBoxLength,this.data.imageUploaded)
if (imgCount >= this.data.maxImgBoxLength) { // 当等于10条了不能继续添加
return
} else {
if (!this.data.imageUploaded) {
this.setData({
showtip: true
}, () => {
setTimeout(() => {
this.setData({
showtip: false
})
}, 500)
})
return;
}
}
// if (this.data.maxImgBoxLength == this.data.imgBoxLength) { // 当等于10条了不能继续添加
// return
// }
let access = {};
let filename = '';
let fileNameArr = [];
bOssAccess({
school_id:this.data.sid
}).then((acc) => {
access = acc.data;
if(!tempFiles.currentTarget){
return {tempFiles,};
}
return wxChooseImage({
count: this.data.maxImgBoxLength - this.data.imgBoxLength > 9 ? 9 : this.data.maxImgBoxLength - this.data.imgBoxLength
})
this.setData({
imageUploaded: false
})
wxChooseImage({
count: this.data.maxImgBoxLength - this.data.imgBoxLength > 9 ? 9 : this.data.maxImgBoxLength - this.data.imgBoxLength
}).then((res) => {
const {tempFiles} = res;
let imageArrBox = this.data.imageArrBox;
tempFiles.forEach((ele, index) => {
imageArrBox.push(ele.path)
this.setData({
uploadingIndex: imageArrBox.length
})
tempFiles.forEach((ele) => {
console.log(ele,'元素')
if (this.data.imgBoxLength <= this.data.maxImgBoxLength) {
imageArrBox.push(ele.path)
}
})
console.log(imageArrBox,'imageArrBox')
return {
imageArrBox
}
}, () => {
this.setData({
imageUploaded: true
})
return imageArrBox;
}).then((res) => {
this.setData({
imageArrBox: res,
})
this.singleUploadFile(access);
}).catch((err) => {
this.setData({
imageArrBox: res.imageArrBox,
})
this.singleUploadFile()
}).catch((e) => {
wx.hideLoading()
})
// bOssAccess({
// school_id:this.data.sid
// }).then((acc) => {
// access = acc.data;
// if(!tempFiles.currentTarget){
// return {tempFiles,};
// }
// return wxChooseImage({
// count: this.data.maxImgBoxLength - this.data.imgBoxLength > 9 ? 9 : this.data.maxImgBoxLength - this.data.imgBoxLength
// })
// }).then((res) => {
// const {tempFiles} = res;
// let imageArrBox = this.data.imageArrBox;
// tempFiles.forEach((ele, index) => {
// imageArrBox.push(ele.path)
// })
// return imageArrBox;
// }).then((res) => {
// this.setData({
// imageArrBox: res,
// })
// this.singleUploadFile(access);
// }).catch((err) => {
});
// });
},
singleUploadFile(access) {
singleUploadFile() {
wx.showLoading({
title: `图片上传中`,
mask: true
})
let uploadingIndex = this.data.uploadingIndex;
if (uploadingIndex == this.data.imageArrBox.length) {
if (uploadingIndex >= this.data.imageArrBox.length) {
this.setData({
uploadingIndex: 0,
imageArrBox: []
imageArrBox: [],
imageUploaded: true
})
wx.showToast({
title: `上传成功`
})
return;
}
wx.showLoading({
title: `图片上传中`,
mask: true
})
let access = {};
let imageArrBox = JSON.parse(JSON.stringify(this.data.imageArrBox));
let filename = `${access.dir}${getRandomFilename(imageArrBox[uploadingIndex])}`;
wxUploadFile({
url: access.host,
formData: {
key: filename,
policy: access.policy,
OSSAccessKeyId: access.accessid,
signature: access.signature,
callback: access.callback,
success_action_status: '200'
},
filePath: imageArrBox[uploadingIndex],
name: 'file',
}).then((res) => {
const path = imageArrBox[this.data.uploadingIndex];
// console.log(imageArrBox,path,'path',this.data.uploadingIndex)
const fileType = path.substr(path.lastIndexOf('.') + 1);
bOssAccess({
school_id: this.data.sid,
ext: fileType
}).then((acc) => {
this.imageUploaded = true
access = acc.data;
return wxUploadFile({
url: access.host,
formData: {
key: access.path,
policy: access.policy,
OSSAccessKeyId: access.accessid,
signature: access.signature,
callback: access.callback,
success_action_status: '200'
},
filePath: imageArrBox[this.data.uploadingIndex],
name: 'file',
})
}).then((res) =>{
let data = JSON.parse(res.data);
console.log(res,'结果')
if (data.status == 'ok') { // 成功的处理
wx.showToast({
title: `上传成功`
})
let uploadingIndex = this.data.uploadingIndex + 1;
// wx.showToast({
// title: `上传成功`
// })
console.log(res,'resasasasdasdadsasd')
let content = JSON.parse(JSON.stringify(this.data.content));
let uploadingIndex = this.data.uploadingIndex + 1;
content.push({
type: 'img',
value: filename
value: access.path
})
console.log(content,'content')
this.setData({
content,
uploadingIndex,
}, () => {
this.setData({
imgBoxLength: this.countCaculate('img', this.data.content),
......@@ -238,6 +306,7 @@ Component({
})
this.singleUploadFile(access);
})
},
addVoice () { // 添加录音的操作
if (this.data.maxVoiceBoxLength == this.data.voiceBoxLength) { // 当等于10条了不能继续添加
......
constants/api.js
View file @ cd9033c3
......@@ -335,9 +335,8 @@ const apis = {
verifyCode: `${constants.host2}/v2/api/service/user/verify_code`,
resetPassword: `${constants.host2}/v2/api/service/user/reset_password`,
register: `${apiv2}member/register`,
memberOssAccess: `${api}member/oss/access`,
bOssAccess: `${api}member/clock/oss/access`,
bMediaOssAccess: `${api}member/media_access`,
bOssAccess: `${apiv4}member/oss/access`,
bMediaOssAccess: `${apiv4}member/media_access`,
generateBusinessQrcode: `${api}common/qr_code_unlimit`,
generateCustomerQrcode: `${api}common/qr_code_unlimit`,
updateUserinfo: `${api}member/clock/userinfo/edit`,
......
service/business/common.js
View file @ cd9033c3
......@@ -8,7 +8,7 @@ import apis from '../../constants/api.js';
function bOssAccess (data) {
return wxRequest({
role: '2b',
url: apis.business.common.memberOssAccess,
url: apis.business.common.bOssAccess,
data,
method: 'GET',
errorresolve: 1,
......
service/common.js
View file @ cd9033c3
......@@ -95,10 +95,11 @@ function lastReply({class_id}) {
function bOssAccess (data) {
return wxRequest({
role: '2b',
url: apis.business.common.memberOssAccess,
url: apis.business.common.bOssAccess,
data,
method: 'GET',
errorresolve: 1,
needToken: true
})
}
function bMediaOssAccess (data) {
......
src/components/brickLayout/index.js
View file @ cd9033c3
......@@ -46,7 +46,6 @@ Component({
if (!Array.isArray(newVal)) {
throw new Error('BrickLayout : dataSet is expecting a Array.')
}
newVal.forEach(item => {
if (!item['id']) {
throw new Error('BrickLayout : 错误的唯一索引。请检查数组中是否含有 id 作为唯一记录标识。')
......
src/components/brickLayout/index.wxml
View file @ cd9033c3
......@@ -5,13 +5,13 @@
<view wx:for="{{renderList}}" wx:key="index" wx:for-item="column" class="list-side-box">
<view wx:for="{{column}}" wx:key="item" class="list-item" id="card-{{item}}-type{{type}}">
<view class="list-item-inner" data-card-id="{{rawData[item].id}}" bindtap="onBrickItemTap">
<image class="video-image" src="{{filter.imagify(filter.jsonParse(rawData[item].content)[0])}}" wx:if="{{rawData[item].type==1}}" mode="widthFix"></image>
<image class="video-image" src="{{filter.gifvideoPoster(filter.jsonParse(rawData[item].content)[0])}}" wx:else mode="widthFix"></image>
<view class="top-fix" wx:if="{{rawData[item].type==1}}">
<image class="video-image" src="{{filter.gifvideoPoster(filter.jsonParse(rawData[item].content)[0].value)}}" wx:if="{{filter.jsonParse(rawData[item].content)[0].type=='video'}}" mode="widthFix"></image>
<image class="video-image" src="{{filter.imagify(filter.jsonParse(rawData[item].content)[0].value)}}" wx:else mode="widthFix" ></image>
<!-- <view class="top-fix" wx:if="{{rawData[item].type==1}}">
<image class="icon-imglabel" src="{{imageRoot}}2c/websiteindex/img.png?{{imageVersion}}"></image>
</view>
</view> -->
<view class="item-content">
<view class="item-title">{{rawData[item].title}}</view>
<view class="item-title">{{rawData[item].title}} {{filter.jsonParse(rawData[item].content)[0].type}}</view>
<view class="item-info" wx:if="{{type!=1}}">
<image class="avatar" src="{{filter.imagify(rawData[item].school_teacher.avatar, 'image/resize,w_160/format,jpg')}}" wx:if="{{rawData[item].school_teacher.avatar}}"></image>
<image class="avatar" src="https://cdn.img.shangjiadao.cn/qingxiao/biz/image/defaultavatar.png" wx:else></image>
......
src/components/brickLayout/index.wxss
View file @ cd9033c3
......@@ -14,18 +14,15 @@
.list-item {
break-inside: avoid;
box-sizing: border-box;
padding-bottom: 28rpx;
padding-bottom: 26rpx;
}
.list-item-inner {
position: relative;
border-radius: 10px;
box-shadow: 0 2rpx 20rpx 0 rgba(34,34,34,0.2);
background: #fff;
}
.list-item .video-image{
width: 100%;
border-radius: 10rpx 10rpx 0 0;
border-radius: 20rpx;
display: block;
}
.list-item .top-fix{
......@@ -45,36 +42,31 @@
height: 25rpx;
}
.list-item .item-content{
padding: 14rpx 19rpx 13rpx 15rpx;
}
.list-item .item-content .item-title{
font-size: 24rpx;
color: #333;
font-weight: 700;
line-height: 30rpx;
letter-spacing: 2rpx;
font-size: 26rpx;
color: #666;
line-height: 40rpx;
word-break: break-all;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding: 16rpx 0 10rpx;
}
.list-item .item-content .item-info{
display: flex;
align-items: center;
margin-top: 8rpx;
}
.list-item .item-content .item-info .avatar {
width: 54rpx;
height: 54rpx;
border-radius: 50%;
margin-right: 11rpx;
border: 4rpx solid orange;
margin-right: 9rpx;
}
.list-item .item-content .item-info .name {
font-size: 22rpx;
font-weight: 400;
color: #333;
color: #666;
}
\ No newline at end of file
src/pages/setting/userinfoupdate.js
View file @ cd9033c3
......@@ -214,7 +214,6 @@ Page({
cropperSrc: '',
containerheight: ''
})
let filename = '';
cOssAccess({
school_id: this.data.sid,
ext: fileType
......
src/pages/websiteindex/index.js
View file @ cd9033c3
......@@ -460,6 +460,7 @@ Page({
this.setData({
schoolInfoList: [data.list]
})
console.log(this.data.schoolInfoList,'schoolInfoList')
}
})
},
......
src/pages/websiteindex/index.wxml
View file @ cd9033c3
......@@ -2,7 +2,7 @@
<view class="getUserInfo-btn" wx:if="{{unauthorized}}">
<loginbtn loginCode="{{loginCode}}" type="{{2}}" sid="{{sid}}"/>
</view>
<view class="container" style="{{tabIndex == 2 ? 'background: #F7F4F8;' : ''}}">
<view class="container">
<view class="banner-box" id="banner">
<block wx:if="{{!websitehomeEmpty && !bannerEmpty}}">
<view class="video-box" bindtap="goBannerVideoPlay" wx:if="{{schoolInfo.banner.type=='video'}}">
......@@ -39,16 +39,15 @@
<image class="video-image" src="{{imageRoot}}2c/websiteindex/exabanner.png?{{imageVersion}}"></image>
</view>
</block>
<view class="notice-box">
<image class="icon-label" src="{{localImageRoot}}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" 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>
......@@ -56,13 +55,17 @@
<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.visitor_count || 0}} 名学员</view>
<view class="num-item">{{schoolInfo.recommend_count || 0}} 人访问过</view>
<view class="num-item">书法美术书法术</view>
<view class="num-item">因材施教</view>
</view>
</view>
<button open-type="share" class="page-share-btn">
<image class="icon" src="{{localImageRoot}}2c/common/icon_share.png?{{imageVersion}}"></image>
<view class="text">分享</view>
</button>
</view>
<view class="get-student" wx:if="{{websiteCourses && websiteCourses.switch==1 && noUserinfo}}">
<!-- <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 || 0}}人已预约）</text></view>
......@@ -71,8 +74,8 @@
<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> -->
<!-- <view class="part-box bullet-box">
<view class="icon-box">
<image class="icon" src="{{imageRoot}}2c/websiteindex/voice-icon.png?{{imageVersion}}"></image>
</view>
......@@ -82,217 +85,210 @@
</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="{{localImageRoot}}2c/websiteindex/website_address.png?{{imageVersion}}"></image>
</view>
<view class="address" wx:if="{{schoolInfo.distance}}">
<view class="main">{{schoolInfo.location_address}}</view>
<view class="other">自己设置的另外的</view>
</view>
<view class="address" wx:else>
<view class="other">暂未设置位置信息</view>
</view>
<view class="content" wx:if="{{schoolInfo.distance}}">距离{{schoolInfo.distance}}公里 {{schoolInfo.location_address}}</view>
<view class="content" wx:else>暂未设置位置信息</view>
<!-- <image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image> -->
<image class="icon-mobile" src="{{localImageRoot}}2c/websiteindex/website_phone.png?{{imageVersion}}"></image>
</view>
</view>
<!-- <view class="share-btn-wrapper">
<view class="share-btn {{shareBtnShow==1?'share-btn-hide':''}} {{shareBtnShow==2?'share-btn-show':''}}" >
<button open-type="share"></button>
<image class="icon" src="{{imageRoot}}2c/websiteindex/share.png?{{imageVersion}}"></image>分享
</view>
</view> -->
<view class="tab-box" bindtap="tabChange">
<view class="tab-item {{tabIndex == 1 ? 'act-tab' : ''}}" data-type="{{1}}">主页 <view wx:if="{{tabIndex == 1}}" class="act-line" data-type="{{1}}"></view></view>
<view class="tab-item {{tabIndex == 2 ? 'act-tab' : ''}}" data-type="{{2}}" >主题课<view wx:if="{{tabIndex == 2}}" class="act-line" data-type="{{2}}"></view></view>
<view class="section-wrap section-ad">
<swiper indicator-dots="{{false}}" autoplay="{{true}}" circular="{{true}}" style="height:180rpx;">
<swiper-item wx:for="{{3}}" wx:key="index">
<image class="cover" src="http://shangjiadao.oss-cn-hangzhou.aliyuncs.com/qingxiao/biz/image/common/defaultCourseImg.png" mode="widthFix"/>
</swiper-item>
</swiper>
</view>
<view class="index-box" wx:if="{{tabIndex == 1}}">
<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 && !noUserinfo}}">
<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>
<view class="section-wrap section-teacher">
<block wx:if="{{true}}">
<view class="box-title">
<view class="title">名师风采<view class="text">（12）</view></view>
<view class="right" bindtap="">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</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 wx:if="{{clockList.length > 0}}">
<view class="box-title">
<view class="title">学员动态</view>
<view class="desc">孩子在我们的课堂快乐的学习</view>
</view>
<view class="clock-list">
<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"
actionsPalyvalue="{{actPalyaudioValue}}"
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" 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>
<view class="teacher-list">
<view class="item">
<image class="avatar" src="https://cdn.img.shangjiadao.cn/clock/consumer/4296340/2019-09-03/ff415d032c8f3bc02aa63a3205ff4eeb.jpg"></image>
<view class="nickname">黄老师</view>
<view class="kind">书法</view>
<view class="desc">10年教龄</view>
</view>
<view wx:if="{{schoolInfoTotal>0}}">
<brick-layout
card="{{schoolInfoList}}"
bind:tapCard="tapCard"
type="{{1}}"
/>
</view>
<view class="list-box" wx:else>
<view class="list-item" wx:for="{{businessInstroEg}}" wx:key="index" >
<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>
</view>
<view class="item-content">
<view class="item-title">{{item.title}}</view>
</view>
</view>
</block>
<list-loading loading="{{listLoading}}"></list-loading>
</view>
<block wx:for="{{schoolInfo.sort?schoolInfo.sort:sort}}" wx:key="idx" wx:for-index="idx" wx:for-item="sortItem" >
<view class="section-wrap student-clock-box" id="student-clock" wx:if="{{sortItem.name=='clocklist'}}">
<block wx:if="{{clockList.length > 0}}">
<view class="box-title">
<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="btn-more" bindtap="toMoreList" data-type="businessInstro" wx:if="{{schoolInfoList.length>0}}">查看更多</view>
</view>
<view class="clock-list">
<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"
actionsPalyvalue="{{actPalyaudioValue}}"
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" bindtap="goclocklist" wx:if="{{clockList.length > 0}}">查看更多学员作品</view>
</view>
<view class="module-box" wx:if="{{freshTotal>0}}">
<view class="section-wrap business-instro" id="business-info" wx:if="{{sortItem.name=='orgdesc'}}">
<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="instro-swiper" wx:if="{{schoolInfoTotal>0}}">
<swiper indicator-dots="{{false}}" autoplay="{{false}}" circular="{{true}}" style="height:368rpx;" bindchange="swiperChange">
<swiper-item wx:for="{{schoolInfoList}}" wx:key="index">
<image class="cover" src="{{filter.imagify(filter.jsonParse(item.content)[0])}}" wx:if="{{item.type==1}}" mode="aspectFill"></image>
<image class="cover" src="{{filter.gifvideoPoster(filter.jsonParse(item.content)[0])}}" wx:else mode="aspectFill"></image>
<!-- <image src="{{filter.imagify(item)}}" class="slide-image" mode="widthFix"/> -->
</swiper-item>
</swiper>
</view>
<view class="instro-swiper" wx:else>
<view class="list-item" wx:for="{{businessInstroEg}}" wx:key="index" >
<image class="cover" src="{{imageRoot}}2c/websiteindex/exainfo{{index+1}}.png?{{imageVersion}}"></image>
</view>
</view>
<view class="btn-more" bindtap="toMoreList" data-type="fresh" wx:if="{{freshList.length>0}}">更多新鲜事动态</view>
</view>
<view class="module-box" wx:if="{{momentTotal>0}}">
<view class="box-title">
<view class="title">课堂瞬间</view>
<view class="desc">孩子在我们的课堂快乐的学习</view>
</block>
<view class="section-wrap section-brick" wx:if="{{freshTotal>0}}">
<view class="box-title">
<view class="title">新鲜事</view>
<view class="right" bindtap="toMoreList" data-type="fresh">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
<view>
<brick-layout
card="{{momentList}}"
bind:tapCard="tapCard"
type="{{2}}"
/>
</view>
<view class="brick-list">
<brick-layout
card="{{freshList}}"
bind:tapCard="tapCard"
type="{{3}}"
/>
</view>
<!-- <view class="btn-more" bindtap="toMoreList" data-type="fresh" wx:if="{{freshList.length>0}}">更多新鲜事动态</view> -->
</view>
<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 class="btn-more" bindtap="toMoreList" data-type="moment" wx:if="{{momentList.length>0}}">更多课堂瞬间</view>
</view>
<view class="module-box online-classroom" wx:if="{{onlineCoursesList.length>0}}">
<view class="box-title">
<view class="title">在线课堂</view>
<view class="desc">线上课堂好课不错过</view>
<view class="brick-list">
<brick-layout
card="{{momentList}}"
bind:tapCard="tapCard"
type="{{2}}"
/>
</view>
<!-- <view class="btn-more" bindtap="toMoreList" data-type="moment" wx:if="{{momentList.length>0}}">更多课堂瞬间</view> -->
</view>
<view class="section-wrap online-classroom" wx:if="{{onlineCoursesList.length>0}}">
<view class="box-title">
<view class="title">在线课堂</view>
<view class="right" bindtap="goOnlineclassroomlist">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</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_600/format,jpg')}}" 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>
</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')}}" 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>
<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.cover, 'image/resize,w_600/format,jpg')}}" mode="aspectFill" wx:if="{{item.cover}}" />
<image class="cover" src="{{filter.imagify('qingxiao/biz/image/course/courseDefaultImg.png')}}" mode="aspectFill" wx:else/>
<view class="count-box">
<image class="icon" src="{{localImageRoot}}2c/websiteindex/icon_eye.png?{{imageVersion}}"/>{{item.visit_pv_count+item.study_count}}人已学习
</view>
</block>
</view>
<view class="title-box">
<view class="title">{{item.title}}</view>
</view>
</view>
<view class="btn-more" bindtap="goOnlineclassroomlist" wx:if="{{onlineCoursesList.length>0}}">学习更多作品</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>
<sjdbottombar
showcontact="{{true}}"
keyword="website"
pagetitle="我是机构，我也要制作官网 >"
pagetitletip="立即制作"
sharetitle="我要制作官网"
coverimg="service/website.png"
></sjdbottombar>
</view>
<view class="subject-list-box" wx:if="{{tabIndex == 2}}">
<view class="list-item" wx:for="{{subjectList}}" wx:key="index" bindtap="goSharemoretheme" data-item="{{item}}">
<view class="title">{{item.title}}</view>
<view class="count-box">
<view class="item-box">{{item.invent_student_count}}人正在学习</view>
<view class="line"></view>
<view class="item-box">{{item.invent_clock_count}}次打卡</view>
</view>
<view class="banner-box">
<image class="" src="{{filter.imagify(item.banner)}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" />
<view class="section-wrap section-subject" wx:if="{{subjectList.length>0}}">
<view class="box-title">
<view class="title">一起打卡</view>
<view class="right" bindtap="">
更多<image class="icon-arr" src="{{imageRoot}}2b/organizationalmgt/right.png?{{imageVersion}}"></image>
</view>
</view>
<list-loading loading="{{subjectListLoading}}"></list-loading>
<view class="subjectEmptyPage" wx:if="{{subjectEmptyPage}}">
<empty-content text="学校暂未开设主题课，快去提醒学校设置更多主题课吧~" emptyimg="common/empty/empty_c_sraech.png"></empty-content>
<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.banner)}}" mode="aspectFill"/>
</view>
<view class="main">
<view class="title">{{item.title}}</view>
<view class="count-box">
<image class="icon" src="{{localImageRoot}}2c/websiteindex/icon_user.png?{{imageVersion}}"/>{{item.invent_student_count}}人参与
</view>
</view>
</view>
<list-loading loading="{{subjectListLoading}}"></list-loading>
</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>
<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 || !noUserinfo}}" data-flag="{{1}}">
<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>
......
src/pages/websiteindex/index.wxss
View file @ cd9033c3
page{
padding-bottom: 100rpx;
background: #F9F9F9;
}
@keyframes btnShow{
0% {
left: 80px;
}
100% {
left: 0rpx;
}
}
@keyframes btnHide{
0% {
left: 0rpx
}
100% {
left: 80px;
}
}
/* .scroll-container-box{
padding-bottom: env(safe-area-inset-bottom);
} */
.container-wrap{
width: 100%;
/* overflow-x: hidden; */
position: relative;
top: -80rpx;
/* padding: 0 24rpx; */
top: -56rpx;
z-index: 9;
padding: 0 24rpx;
}
.getUserInfo-btn{
width: 100%;
......@@ -37,65 +18,14 @@ page{
z-index: 1000;
opacity: 0;
}
.share-btn-wrapper {
position: fixed;
right: 24rpx;
width:146rpx;
height:54rpx;
overflow: hidden;
z-index: 200;
}
.share-btn-wrapper .share-btn{
display: flex;
align-items: center;
justify-content: center;
width:146rpx;
height:54rpx;
position: absolute;
left: 0;
top:0;
background:rgba(255,255,255,.8);
border:1px solid rgba(191,191,191,.2);
border-radius:27rpx;
font-size:24rpx;
font-weight:400;
color:rgba(0,0,0,1);
z-index: 200;
}
.share-btn image{
width: 36rpx;
height: 32rpx;
margin-right: 14rpx;
}
.share-btn button{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.share-btn-show {
animation: btnShow .5s forwards;
}
.share-btn-hide {
animation: btnHide .5s forwards;
}
.banner-box{
position: relative;
/* height: 100vh; */
}
.banner-box .video-box{
position: relative;
/* height: 100%; */
display: flex;
align-items: center;
justify-content: center;
/* background-size: 100% 100%; */
}
.banner-box swiper-item{
overflow: hidden;
......@@ -125,9 +55,7 @@ page{
}
.banner-box .video-box .video-image{
display: block;
/* width: 100%; */
width: 100%;
/* height: 100%; */
}
.banner-box .banner-numbox{
position: absolute;
......@@ -148,28 +76,73 @@ page{
height: 24rpx;
margin-right: 10rpx;
}
.index-box{
.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: 500rpx;
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: 80rpx 30rpx 0;
box-shadow: 0 0 32rpx 0 rgba(0, 0, 0, 0.1);
padding: 0 24rpx;
border-radius: 20rpx;
position: relative;
background: #fff;
margin: 0 32rpx 20rpx;
}
.page-share-btn{
width: 190rpx;
height: 205rpx;
width: 90rpx;
height: 90rpx;
position: absolute;
top: 25rpx;
right: -20rpx;
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-share{
width: 100%;
height: 100%;
.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%;
......@@ -179,117 +152,100 @@ page{
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{
margin-bottom: 20rpx;
}
.schoolinfo-box .info-box{
display: flex;
align-items: center;
margin-bottom: 30rpx;
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: 90rpx;
height: 90rpx;
width: 88rpx;
height: 88rpx;
border-radius: 50%;
margin-right: 26rpx;
}
.schoolinfo-box .info-box .info-r{
width: 400rpx;
}
.schoolinfo-box .info-box .info-r .info-title{
font-size: 42rpx;
color: #2F2F2F;
font-size: 32rpx;
color: #222;
font-weight: 600;
line-height: 48rpx;
line-height: 44rpx;
word-break: break-all;
width: 385rpx;
}
.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: 24rpx;
color: #606060;
font-size: 22rpx;
background: #FFF4EC;
line-height: 36rpx;
color: #FB7A28;
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;
padding: 0 10rpx;
margin: 5rpx;
}
.schoolinfo-box .part-box{
.schoolinfo-box .address-box{
padding: 25rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.schoolinfo-box .bullet-box{
height: 60rpx;
.schoolinfo-box .address-box .icon-box{
width: 35rpx;
}
.part-box .swiper-mask{
z-index: 2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
.schoolinfo-box .address-box .icon-box .icon{
width: 22rpx;
height: 29rpx;
}
.schoolinfo-box .address-box{
min-height: 90rpx;
padding: 20rpx 0;
.schoolinfo-box .address-box .address{
width: 520rpx;
position: relative;
}
.schoolinfo-box .address-box::before{
.schoolinfo-box .address-box .address::after{
content: '';
width: 702rpx;
height: 1px;
background: rgba(242,242,242,1);
width: 1px;
height: 58rpx;
background: #EEEEEE;
position: absolute;
top: 0;
left: -24rpx;
transform: scaleY(.5);
}
.schoolinfo-box .part-box .icon-box{
width: 41rpx;
display: flex;
align-items: center;
}
.schoolinfo-box .bullet-box .icon-box .icon{
width: 27rpx;
height: 23rpx;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.schoolinfo-box .address-box .icon-box .icon{
width: 20rpx;
height: 23rpx;
.schoolinfo-box .address-box .address .main{
font-size: 26rpx;
color: #666;
}
.schoolinfo-box .part-box .content{
height: 100%;
flex: 1;
color: #888888;
.schoolinfo-box .address-box .address .other{
font-size: 22rpx;
display: flex;
align-items: center;
color: #999;
padding-top: 15rpx;
}
.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;
......@@ -656,7 +612,6 @@ page{
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(234,235,181,1);
}
.score-get-feedback .text2{
position: absolute;
......@@ -794,7 +749,6 @@ page{
display: flex;
align-items: center;
font-size:26rpx;
font-weight:400;
color:rgba(58,58,58,1);
margin-right: 44rpx;
......@@ -806,32 +760,49 @@ page{
}
.form-box .tips-box .tips .text{
font-size:26rpx;
font-weight:400;
color:rgba(58,58,58,1);
}
.module-box{}
.section-wrap{
background: #fff;
border-radius: 20rpx;
padding: 36rpx 0;
margin-bottom: 20rpx;
overflow: hidden;
}
/* 模块的标题 */
.module-box .box-title {
line-height: 48rpx;
margin: 30rpx auto 14rpx;
.section-wrap .box-title {
line-height: 1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24rpx 36rpx;
}
.module-box .box-title .title{
font-size: 48rpx;
font-weight: 600;
color: #2F2F2F;
.section-wrap .box-title .title{
font-size: 32rpx;
font-weight: 500;
color: #222;
display: flex;
align-items: center;
}
.module-box .box-title .desc{
font-size: 24rpx;
color: #9D9D9D;
padding-top: 2rpx;
.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;
}
/* 查看更多 */
.module-box .btn-more{
.section-wrap .btn-more{
width: 497rpx;
height: 72rpx;
background: #F5F6F8;
......@@ -842,89 +813,24 @@ page{
font-size: 28rpx;
color: #4A4949;
position: relative;
margin: 22rpx auto 80rpx;
margin: 0 auto;
}
/* 课堂瞬间 新鲜事 列表 */
.list-box{
width: 100%;
position: relative;
column-count: 2;
column-gap: 18rpx;
}
.list-box .list-item{
width: 342rpx;
border-radius: 10rpx;
position: relative;
margin: 14rpx auto ;
box-shadow: 0 2rpx 20rpx 0 rgba(34,34,34,0.2);
background: #fff;
display: inline-block; /*内部卡片需要设置为inline-block,否则会截断显示，如图一*/
justify-content: center;
flex-direction: column;
align-items: center;
}
.list-box .list-item .video-image{
width: 100%;
display: block;
border-radius: 10rpx 10rpx 0 0;
}
.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%;
.section-brick{
padding-bottom: 10rpx;
}
.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;
word-break: break-all;
}
.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;
.brick-list{
padding: 0 24rpx;
}
/* 学员打卡动态 */
.student-clock-box{
margin: 0 8rpx;
}
.student-clock-box .box-title{
margin: 30rpx 0 15rpx;
}
.clock-list{
padding-bottom: 22rpx;
margin-top: -24rpx;
}
.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;
}
.clock-list .clock-item:last-of-type{
......@@ -932,317 +838,200 @@ page{
}
/* 机构介绍 */
.business-instro{}
/* 在线学堂 */
.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;
.business-instro .instro-swiper{
padding: 0 24rpx;
border-radius: 10rpx;
overflow: hidden;
}
.online-classroom .online-classroom-title .subtitle{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(118,118,118,1);
.business-instro .instro-swiper .cover{
width: 100%;
height: 100%;
border-radius: 10rpx;
}
/* 在线学堂 */
.online-classroom{}
.online-classroom .content-box{
padding-bottom: 28rpx;
padding: 0 24rpx;
display: flex;
flex-wrap: wrap;
}
.online-classroom .content-box .online-item{
margin-bottom: 28rpx;
width: 316rpx;
}
.online-classroom .content-box .online-item:last-of-type{
margin-bottom: 0;
.online-classroom .content-box .online-item:nth-child(2n-1){
margin-right: 21rpx;
}
.online-classroom .content-box .detail-box{
padding: 0 0rpx 20rpx 0rpx;
border-radius:16rpx 16rpx 0px 0px;
border-bottom: 2rpx solid rgba(245,246,248,1);
.online-classroom .content-box .online-item:nth-child(n+3){
margin-top: 26rpx;
}
.online-classroom .content-box .detail-box .cover-box{
width:100%;
height:380rpx;
background:rgba(255,184,121,1);
border-radius:16rpx 16rpx 0px 0px;
.online-classroom .content-box .online-item .cover-box{
width: 100%;
height: 236rpx;
overflow: hidden;
border-radius: 10rpx;
position: relative;
}
.online-classroom .content-box .detail-box .cover-box image{
width:100%;
height:380rpx;
border-radius:16rpx 16rpx 0px 0px;
.online-classroom .content-box .online-item .cover-box .cover{
width: 100%;
}
.online-classroom .content-box .detail-box .cover-box .count-man{
width:100%;
padding: 22rpx;
.online-classroom .content-box .online-item .cover-box .count-box{
width: 100%;
display: flex;
align-items: center;
height:45rpx;
background:rgba(0,0,0,.4);
/* opacity:0.4; */
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;
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-size:28rpx;
font-family:PingFang;
font-weight:bold;
color:rgba(70,70,70,1);
padding: 20rpx 0;
line-height: 1;
.online-classroom .content-box .online-item .cover-box .count-box .icon{
width: 24rpx;
height: 14rpx;
margin-right: 8rpx;
}
.online-classroom .content-box .detail-box .introduction{
.online-classroom .content-box .online-item .title-box{
height: 80rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 16rpx;
}
.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;
.online-classroom .content-box .online-item .title-box .title{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 26rpx;
color: #666;
line-height: 40rpx;
}
.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;
@keyframes light {
0% {
left: -74rpx;
}
70% {
left: calc(100% + 74rpx);
}
100% {
left: calc(100% + 74rpx);
}
}
.online-classroom .content-box .content-item{
display: flex;
justify-content: space-between;
/* 主题课 一起打卡 */
.subject-list{
padding: 0 24rpx;
}
.online-classroom .content-box .content-item .cover-box{
width:260rpx;
height:180rpx;
border-radius:10rpx;
.subject-list .list-item{
width: 100%;
padding: 24rpx 0;
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;
display: flex;
align-items: center;
}
.subject-list .list-item::after{
content: '';
width: 100%;
height: 1px;
background: #EEEEEE;
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;
transform: scaleY(.5);
}
.online-classroom .content-box .content-item .cover-box .man-count image{
width: 24rpx;
height: 30rpx;
margin-right: 12rpx;
.subject-list .list-item:first-of-type{
padding-top: 0;
}
.online-classroom .content-box .content-item .info-box{
flex: 1;
overflow: hidden;
position: relative;
.subject-list .list-item:last-of-type{
padding-bottom: 0;
}
.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;
.subject-list .list-item:last-of-type::after{
display: none;
}
.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;
.subject-list .list-item .cover-box{
min-width: 130rpx;
height: 130rpx;
margin-right: 20rpx;
border-radius: 20rpx;
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{
.subject-list .list-item .cover-box .cover{
width: 100%;
height: 100%;
}
.subject-list .list-item .main{
min-height: 130rpx;
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
position: absolute;
left: 0;
bottom: 10rpx;
}
.online-classroom .content-box .content-item .info-box .class-count .left{
.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:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(151,151,151,1);
line-height: 1;
font-size: 22rpx;
color: #999;
}
.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;
.subject-list .list-item .main .count-box .icon{
width: 20rpx;
height: 21rpx;
margin-right: 9rpx;
}
.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;
/* 名师列表 */
.teacher-list{
overflow-x: auto;
display: flex;
padding: 0 15rpx;
}
.gomore-btn{
width:497rpx;
height:72rpx;
background:rgba(245,246,248,1);
border-radius:36rpx;
.teacher-list .item{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(74,73,73,1);
margin: 20rpx auto;
}
@keyframes light {
0% {
left: -74rpx;
}
70% {
left: calc(100% + 74rpx);
}
100% {
left: calc(100% + 74rpx);
}
align-items: center;
width: 150rpx;
min-width: 150rpx;
max-width: 150rpx;
}
.tab-box{
display: flex;
padding: 0 24rpx;
z-index: 999;
position:sticky;
background: #fff;
top: 0;
padding-top: 60rpx;
.teacher-list .item .avatar{
width: 88rpx;
height: 88rpx;
border-radius: 50%;
}
.tab-box .tab-item{
width:115rpx;
font-size:30rpx;
font-family:PingFang SC;
font-weight:bold;
color:rgba(141,141,141,1);
margin-right: 65rpx;
padding-bottom: 20rpx;
.teacher-list .item>view{
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
position: relative;
}
.tab-box .act-tab{
font-size:36rpx;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
.teacher-list .item .nickname{
font-size: 26rpx;
color: #222;
line-height: 37rpx;
padding-top: 12rpx;
}
.tab-box .act-line{
width:115rpx;
height:6rpx;
background:rgba(255,206,36,1);
border-radius:3rpx;
position: absolute;
left: 0;
bottom: 0;
.teacher-list .item .kind{
font-size: 22rpx;
color: #999;
line-height: 30rpx;
padding: 3rpx 0 2rpx
}
.subject-list-box{
background: #F7F4F8;
padding: 42rpx 24rpx 110rpx 24rpx;
.teacher-list .item .desc{
font-size: 22rpx;
color: #999;
line-height: 30rpx;
}
.subject-list-box .list-item{
.section-ad{
width: 100%;
padding: 30rpx;
background:rgba(255,255,255,1);
border-radius:10rpx;
margin-bottom: 24rpx;
}
.subject-list-box .list-item .title{
font-size:30rpx;
font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
padding-bottom: 12rpx;
}
.subject-list-box .list-item .count-box{
display: flex;
align-items: center;
}
.subject-list-box .list-item .count-box .item-box{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(121,126,139,1);
line-height: 1;
}
.subject-list-box .list-item .count-box .line{
width:1px;
height:16rpx;
background:rgba(121,126,139,1);
margin: 0 20rpx;
}
.subject-list-box .list-item .banner-box{
padding-top: 40rpx;
}
.subject-list-box .list-item .banner-box image{
width:642rpx;
height:299rpx;
border-radius:10rpx;
height: 180rpx;
padding: 0;
}
.subjectEmptyPage{
padding-bottom: 400rpx;
position: relative;
.section-ad .cover{
width: 100%;
}
\ No newline at end of file
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