Skip to content

W
wechatapp.shangjiadao.com
Commit 7c59be79 authored by sujie@126.com's avatar sujie@126.com
Browse files
Options

dd

parent a34be27b
Hide whitespace changes
Inline Side-by-side
Showing with 290 additions and 103 deletions
src/pages/clockdetail/newindex.wxss 0 → 100644
View file @ 7c59be79
/* src/pages/clockdetail/newindex.wxss */
.container .banner-box{
width:100%;
height:625rpx;
position: relative;
}
.container .banner-box .top-box{
width:100%;
height:80rpx;
background:rgba(0,0,0,.5);
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
z-index: 10;
}
.container .banner-box .top-box .avatar-box{
display: flex;
align-items: center;
padding-left: 18rpx
}
.container .banner-box .top-box .avatar-box .avatar{
width:50rpx;
height:50rpx;
border-radius:50%;
position: relative;
}
.container .banner-box .top-box .avatar-box .avatar2{
left: -12rpx;
}
.container .banner-box .top-box .avatar-box .avatar3{
left: -24rpx;
}
.container .banner-box .top-box .avatar-box .avatar4{
left: -36rpx;
}
.container .banner-box .top-box .avatar-box .icon{
width:50rpx;
height:50rpx;
border-radius:50%;
position: relative;
left: -48rpx;
}
.container .banner-box .top-box .title{
width:275rpx;
display: flex;
align-items: center;
font-size:24rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(255,255,255,1);
position: absolute;
left: 242rpx;
}
.container .banner-box .top-box .nav-btn{
display: flex;
align-items: center;
justify-content: center;
width:130rpx;
height:46rpx;
background:rgba(255,74,55,1);
border-radius:23rpx;
position: absolute;
left: 552rpx;
}
.container .banner-box .top-box .nav-btn .text{
font-size:24rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(255,255,255,1);
padding-right: 14rpx;
}
.container .banner-box .top-box .nav-btn .arrow{
width: 12rpx;
height: 21rpx;
}
.container .banner-box .top-box .close-btn{
width: 20rpx;
height: 20rpx;
position: absolute;
right: 22rpx;
bottom: 36rpx;
}
.container .banner-box .top-box .close-btn .close{
width: 20rpx;
height: 20rpx;
}
.container .banner-box .swiper-box{
width:100%;
height:625rpx;
position: relative;
}
.container .banner-box .swiper-box .progress{
width:92rpx;
height:44rpx;
background:rgba(0,0,0,1);
opacity:0.5;
border-radius:22rpx;
text-align: center;
line-height: 44rpx;
position: absolute;
bottom: 15rpx;
right: 25rpx;
font-size:24rpx;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
letter-spacing: 4rpx;
}
.container .banner-box .swiper-box .barrage-box{
display: flex;
align-items: center;
padding: 0 24rpx;
height:45rpx;
background:rgba(255,201,70,1);
box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.1);
border-radius:22px 0px 0px 22px;
font-size:24rpx;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(0,0,0,1);
position: absolute;
top:122rpx;
right: 0;
letter-spacing: 2rpx;
}
.container .banner-box .swiper-box swiper-item{
height:625rpx;
}
.container .banner-box .swiper-box swiper-item .imgbox .img{
width:100%;
height:625rpx;
position: relative;
}
.video-play-icon-box {
width: 118rpx;
height: 118rpx;
border-radius: 50%;
background-color: rgba(0,0,0,0.5);
position: absolute;
left: 50%;
top: 50%;
/* margin: -69rpx 0 0 -69rpx; */
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
transform:translate(-50%, -50%);
}
.video-play-icon-box .video-play-icon {
width: 31rpx;
height: 36rpx;
display: block;
}
.marketing-box{
width: 726rpx;
height: 175rpx;
margin: 48rpx 0 60rpx 12rpx;
position: relative;
}
.marketing-box .wrapper{
width: 726rpx;
height: 175rpx;
position: absolute;
left: 0;
top: 0;
}
.marketing-box .left{
position: absolute;
left: 52rpx;
top: 32rpx;
z-index: 2;
}
.marketing-box .left .title{
font-size:44rpx;
font-family:PingFang-SC-Regular;
font-weight:bold;
color:rgba(255,255,255,1);
text-shadow:0px 4px 0px rgba(202,117,0,1);
-webkit-text-stroke:2px undefined;
text-stroke:2px undefined;
}
.marketing-box .left .detail{
display: flex;
}
\ No newline at end of file
src/pages/websiteindex/index.js
View file @ 7c59be79
......@@ -94,7 +94,8 @@ Page({
websitehomeEmpty:false,
params:{
mobile:''
}
},
scrolltop:1
},
onLoad: function (options) { // Do some initialize when page load.
this.innerAudioContext = wx.createInnerAudioContext(); // 当前页面唯一的一个音频容器
......@@ -180,74 +181,74 @@ Page({
},
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
})
}
wx.createSelectorQuery().select('#get-student-box').boundingClientRect(function (rect) {
try {
if(-rect.top>0){
that.setData({
fixBottomBtn:true
})
}else{
that.setData({
fixBottomBtn:false
})
}
} catch (error) {
// 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
// })
// }
// wx.createSelectorQuery().select('#get-student-box').boundingClientRect(function (rect) {
// try {
// if(-rect.top>0){
// that.setData({
// fixBottomBtn:true
// })
// }else{
// that.setData({
// fixBottomBtn:false
// })
// }
// } catch (error) {
}
}).exec()
wx.createSelectorQuery().select('#student-clock').boundingClientRect(function (rect) {
if(studentclock<businessinfo){
return false;
}
try {
if(rect.top<200){
that.setData({
tabIndex: _tabList.indexOf('学员动态')
})
}else{
that.setData({
tabIndex: _tabList.indexOf('机构介绍')
})
}
} catch (error) {
// }
// }).exec()
// wx.createSelectorQuery().select('#student-clock').boundingClientRect(function (rect) {
// if(studentclock<businessinfo){
// return false;
// }
// try {
// if(rect.top<200){
// that.setData({
// tabIndex: _tabList.indexOf('学员动态')
// })
// }else{
// that.setData({
// tabIndex: _tabList.indexOf('机构介绍')
// })
// }
// } catch (error) {
}
}).exec()
wx.createSelectorQuery().select('#business-info').boundingClientRect(function (rect) {
if(studentclock>businessinfo){
return false;
}
try {
if(rect.top<200){
that.setData({
tabIndex: _tabList.indexOf('机构介绍')
})
}else{
that.setData({
tabIndex: _tabList.indexOf('学员动态')
})
}
} catch (error) {
// }
// }).exec()
// wx.createSelectorQuery().select('#business-info').boundingClientRect(function (rect) {
// if(studentclock>businessinfo){
// return false;
// }
// try {
// if(rect.top<200){
// that.setData({
// tabIndex: _tabList.indexOf('机构介绍')
// })
// }else{
// that.setData({
// tabIndex: _tabList.indexOf('学员动态')
// })
// }
// } catch (error) {
}
}).exec()
// }
// }).exec()
},
onShareAppMessage: function (option) { // return custom share data when user share.
const {
......@@ -925,28 +926,43 @@ Page({
studentclock,
businessinfo
} = this.data.boxTop;
switch (_tabList[index]) {
case '全部':
wx.pageScrollTo({
scrollTop: 0
})
break;
case '学员动态':
wx.pageScrollTo({
scrollTop: studentclock>businessinfo?1200:500
})
break;
case '机构介绍':
wx.pageScrollTo({
scrollTop: businessinfo>studentclock?1200:500
})
break;
default:
break;
var scrolltop = 0;
console.log(_tabList[index],'_tabList[index]')
// switch (_tabList[index]) {
// case '全部':
// this.data.scrolltop = 1;
// break;
// case '学员动态':
// this.data.scrollTop = studentclock>businessinfo?1200:500
// break;
// case '机构介绍':
// this.data.scrollTop = businessinfo>studentclock?1200:500
// break;
// default:
// break;
// }
if(_tabList[index] == "全部"){
console.log(1)
this.setData({
tabIndex:index,
scrollTop:0
})
}
this.setData({
tabIndex:index
})
if(_tabList[index] == "学员动态"){
console.log(2)
this.setData({
tabIndex:index,
scrollTop:studentclock>businessinfo?1300:500
})
}
if(_tabList[index] == "机构介绍"){
console.log(3)
this.setData({
tabIndex:index,
scrollTop:businessinfo>studentclock?1300:500
})
}
console.log(this.data.scrolltop,'this.data.scrolltop')
},
websiteintrosGet() {
websiteintros({
......@@ -1204,21 +1220,6 @@ Page({
tabshow: false
})
}
// wx.createSelectorQuery().select('#get-student-box').boundingClientRect(function (rect) {
// try {
// if(-rect.top>0){
// that.setData({
// fixBottomBtn:true
// })
// }else{
// that.setData({
// fixBottomBtn:false
// })
// }
// } catch (error) {
// }
// }).exec()
wx.createSelectorQuery().select('#student-clock').boundingClientRect(function (rect) {
if(studentclock<businessinfo){
return false;
......
src/pages/websiteindex/index.wxml
View file @ 7c59be79
<wxs src="../../../filter/index.wxs" module="filter" />
<scroll-view scroll-y class="scroll-container-box" bindscroll="scroll" >
<scroll-view scroll-y class="scroll-container-box" style="height: 100vh" bindscroll="scroll" scroll-top="{{scrollTop}}">
<view class="nav-custombox" style="padding-top: {{statusBarHeight}}px">
<view class="nav-title-box" style="height: {{titleBarHeight}}px">
<view class="title">{{schoolInfo.title?schoolInfo.title:schoolDetail.title}}</view>
......
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