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({ ...@@ -94,7 +94,8 @@ Page({
websitehomeEmpty:false, websitehomeEmpty:false,
params:{ params:{
mobile:'' mobile:''
} },
scrolltop:1
}, },
onLoad: function (options) { // Do some initialize when page load. onLoad: function (options) { // Do some initialize when page load.
this.innerAudioContext = wx.createInnerAudioContext(); // 当前页面唯一的一个音频容器 this.innerAudioContext = wx.createInnerAudioContext(); // 当前页面唯一的一个音频容器
...@@ -180,74 +181,74 @@ Page({ ...@@ -180,74 +181,74 @@ Page({
}, },
onPageScroll: function (e) { // Do something when page scroll onPageScroll: function (e) { // Do something when page scroll
let that = this // let that = this
let scrollTop = e.scrollTop // let scrollTop = e.scrollTop
const _tabList = this.data.tabList; // const _tabList = this.data.tabList;
const { // const {
banner, // banner,
studentclock, // studentclock,
businessinfo // businessinfo
} = this.data.boxTop // } = this.data.boxTop
if (scrollTop > (this.data.titleBarHeight + this.data.statusBarHeight + 10)) { // if (scrollTop > (this.data.titleBarHeight + this.data.statusBarHeight + 10)) {
this.setData({ // this.setData({
tabshow: true // tabshow: true
}) // })
} else { // } else {
this.setData({ // this.setData({
tabshow: false // tabshow: false
}) // })
} // }
wx.createSelectorQuery().select('#get-student-box').boundingClientRect(function (rect) { // wx.createSelectorQuery().select('#get-student-box').boundingClientRect(function (rect) {
try { // try {
if(-rect.top>0){ // if(-rect.top>0){
that.setData({ // that.setData({
fixBottomBtn:true // fixBottomBtn:true
}) // })
}else{ // }else{
that.setData({ // that.setData({
fixBottomBtn:false // fixBottomBtn:false
}) // })
} // }
} catch (error) { // } catch (error) {
} // }
}).exec() // }).exec()
wx.createSelectorQuery().select('#student-clock').boundingClientRect(function (rect) { // wx.createSelectorQuery().select('#student-clock').boundingClientRect(function (rect) {
if(studentclock<businessinfo){ // if(studentclock<businessinfo){
return false; // return false;
} // }
try { // try {
if(rect.top<200){ // if(rect.top<200){
that.setData({ // that.setData({
tabIndex: _tabList.indexOf('学员动态') // tabIndex: _tabList.indexOf('学员动态')
}) // })
}else{ // }else{
that.setData({ // that.setData({
tabIndex: _tabList.indexOf('机构介绍') // tabIndex: _tabList.indexOf('机构介绍')
}) // })
} // }
} catch (error) { // } catch (error) {
} // }
}).exec() // }).exec()
wx.createSelectorQuery().select('#business-info').boundingClientRect(function (rect) { // wx.createSelectorQuery().select('#business-info').boundingClientRect(function (rect) {
if(studentclock>businessinfo){ // if(studentclock>businessinfo){
return false; // return false;
} // }
try { // try {
if(rect.top<200){ // if(rect.top<200){
that.setData({ // that.setData({
tabIndex: _tabList.indexOf('机构介绍') // tabIndex: _tabList.indexOf('机构介绍')
}) // })
}else{ // }else{
that.setData({ // that.setData({
tabIndex: _tabList.indexOf('学员动态') // tabIndex: _tabList.indexOf('学员动态')
}) // })
} // }
} catch (error) { // } catch (error) {
} // }
}).exec() // }).exec()
}, },
onShareAppMessage: function (option) { // return custom share data when user share. onShareAppMessage: function (option) { // return custom share data when user share.
const { const {
...@@ -925,28 +926,43 @@ Page({ ...@@ -925,28 +926,43 @@ Page({
studentclock, studentclock,
businessinfo businessinfo
} = this.data.boxTop; } = this.data.boxTop;
switch (_tabList[index]) { var scrolltop = 0;
case '全部': console.log(_tabList[index],'_tabList[index]')
wx.pageScrollTo({ // switch (_tabList[index]) {
scrollTop: 0 // case '全部':
}) // this.data.scrolltop = 1;
break; // break;
case '学员动态': // case '学员动态':
wx.pageScrollTo({ // this.data.scrollTop = studentclock>businessinfo?1200:500
scrollTop: studentclock>businessinfo?1200:500 // break;
}) // case '机构介绍':
break; // this.data.scrollTop = businessinfo>studentclock?1200:500
case '机构介绍': // break;
wx.pageScrollTo({ // default:
scrollTop: businessinfo>studentclock?1200:500 // break;
}) // }
break; if(_tabList[index] == "全部"){
default: console.log(1)
break; this.setData({
tabIndex:index,
scrollTop:0
})
} }
this.setData({ if(_tabList[index] == "学员动态"){
tabIndex: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() { websiteintrosGet() {
websiteintros({ websiteintros({
...@@ -1204,21 +1220,6 @@ Page({ ...@@ -1204,21 +1220,6 @@ Page({
tabshow: false 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) { wx.createSelectorQuery().select('#student-clock').boundingClientRect(function (rect) {
if(studentclock<businessinfo){ if(studentclock<businessinfo){
return false; return false;
......
src/pages/websiteindex/index.wxml
View file @ 7c59be79
<wxs src="../../../filter/index.wxs" module="filter" /> <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-custombox" style="padding-top: {{statusBarHeight}}px">
<view class="nav-title-box" style="height: {{titleBarHeight}}px"> <view class="nav-title-box" style="height: {{titleBarHeight}}px">
<view class="title">{{schoolInfo.title?schoolInfo.title:schoolDetail.title}}</view> <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