提交 dda24297 编写于 作者: gjyang's avatar gjyang

Merge branch 'dev-app-home-1029' into Branch_tag-app

<template> <template>
<div class="cource-teach" id="adjust-u"> <div class="cource-teach" id="adjust-u">
<div :class="isFixed ? 'cource-header fixed' : 'cource-header'" :style="{height:menuHeight}"> <div :class="isFixed ? 'cource-header fixed' : 'cource-header'" :style="{height:menuptop}">
<div class="font-title" :style="{paddingTop:ptop}">
{{title}} <div class="fixBox">
<div class="bgFill" :style="{height:ptop}"></div>
<div class="font-title">
{{title}}
</div>
</div> </div>
</div> </div>
<div> <div class="couse-cont">
<div class="couse-list" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10" :style="'height:'+clientHeight"> <div class="couse-list" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10" :style="'height:'+clientHeight">
<div :class="index%2==1 ? 'course-item end-left' : 'course-item'" :key="index" v-for="(item,index) in list"> <div :class="index%2==1 ? 'course-item end-left' : 'course-item'" :key="index" v-for="(item,index) in list">
<div class="course-pic" @click="goToPage(item)"> <div class="course-pic" @click="goToPage(item)">
...@@ -57,8 +59,9 @@ export default { ...@@ -57,8 +59,9 @@ export default {
clientHeight:'auto', clientHeight:'auto',
isShowLoading:true, isShowLoading:true,
menuHeight:0, menuHeight:0,
ptop:0, ptop:20,
popHeight:0 popHeight:27,
menuptop:45,
} }
}, },
props:{ props:{
...@@ -82,21 +85,42 @@ export default { ...@@ -82,21 +85,42 @@ export default {
mounted(){ mounted(){
this.list = this.parmData; this.list = this.parmData;
if(window.__isAndroid){ // if(window.__isAndroid){
this.popHeight = this.statusBarHeight/2 // this.popHeight = this.statusBarHeight/2
}else{ // }else{
this.popHeight = this.statusBarHeight // this.popHeight = this.statusBarHeight
} // }
this.menuHeight = this.popHeight + 7 + 40 + "px"; // this.menuHeight = this.popHeight + 7 + 40 + "px";
this.ptop = this.popHeight + "px"; // this.ptop = this.popHeight + "px";
// this.getData(); // this.getData();
},
created(){
let _this = this;
window.__getStatusBarHeight = function(parm){
if(window.__isAndroid){
_this.popHeight = parm.statusBarHeight/2
}else{
_this.popHeight = parm.statusBarHeight
}
_this.ptop = _this.popHeight+7+'px';
_this.menuptop = _this.popHeight+7+36+'px'
// alert(parm.statusBarHeight+'kkkkk');
}
this.getStatusHight()
},
watch:{
}, },
components:{ components:{
// LOADING // LOADING
}, },
methods: { methods: {
getStatusHight(){ getStatusHight(){
rocNative.getStatusBarHeight({ rocNative.getStatusBarHeight({
__funcName: '__getStatusBarHeight' __funcName: '__getStatusBarHeight'
...@@ -278,16 +302,28 @@ export default { ...@@ -278,16 +302,28 @@ export default {
overflow: hidden; overflow: hidden;
} }
.cource-teach{ .bgFill{
background: inherit;
height: px2rem(20px);
}
.cource-teach .cource-header,.couse-cont{
padding:0 px2rem(15px); padding:0 px2rem(15px);
}
.couse-cont{
}
.fixBox{
} }
.cource-header{ .cource-header{
/* margin: 0 0 px2rem(11px) 0;*/ /* margin: 0 0 px2rem(11px) 0;*/
overflow: hidden;
/*height: px2rem(45px);*/
margin-bottom: px2rem(15px);
.font-title{ .font-title{
line-height: px2rem(40px); line-height: px2rem(36px);
/*height: px2rem(40px);*/ height: px2rem(36px);
background: #fff; background: #fff;
} }
} }
...@@ -316,16 +352,23 @@ export default { ...@@ -316,16 +352,23 @@ export default {
} }
} }
.fixed{ .fixed{
background: #fff;
.font-title{ .fixBox{
position: fixed; position: fixed;
top:0; top:0;
left: 0; left: 0;
width: 100%; width: 100%;
background: #fff;
z-index: 112; z-index: 112;
padding: 0 px2rem(15px);; .font-title{
background: #fff;
padding:0 px2rem(15px);
}
}
.bgFill{
background: #ddd
} }
} }
.course-item{ .course-item{
float: left; float: left;
...@@ -404,7 +447,7 @@ export default { ...@@ -404,7 +447,7 @@ export default {
.font-title{ .font-title{
font-size: px2rem(18px); font-size: px2rem(18px);
font-weight: bold; font-weight: bold;
} }
.title{ .title{
font-size: px2rem(16px); font-size: px2rem(16px);
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
更多<img src="../../images/right-throw.png" class="thorw-icon"/> 更多<img src="../../images/right-throw.png" class="thorw-icon"/>
</div> </div>
</div> </div>
<div class="teacher-item" :key="index" v-for="(item,index) in list" @click="goToPage(item)"> <div :class="index>1 && (index+1 == list.length)?'teacher-item item-end' : 'teacher-item'" :key="index" v-for="(item,index) in list" @click="goToPage(item)">
<div class="teacher-itemimg"> <div class="teacher-itemimg">
<img :src="item.appImageUrl"/> <img :src="item.appImageUrl"/>
</div> </div>
...@@ -72,7 +72,7 @@ export default { ...@@ -72,7 +72,7 @@ export default {
}, },
mounted(){ mounted(){
console.log(this.parmData); //console.log(this.parmData);
this.list = this.parmData; this.list = this.parmData;
}, },
methods: { methods: {
...@@ -217,8 +217,10 @@ export default { ...@@ -217,8 +217,10 @@ export default {
} }
.five-more{ .five-more{
border: 1px solid RGBA(169, 174, 183, 1); border: 1px solid RGBA(169, 174, 183, 1);
border-radius: px2rem(9px); border-radius: px2rem(16px);
padding: px2rem(3px) px2rem(5px) px2rem(2px) px2rem(6px); height: px2rem(16px);
line-height: px2rem(16px);
padding: 0 px2rem(5px) 0 px2rem(6px);
vertical-align: middle; vertical-align: middle;
} }
.teacher-item{ .teacher-item{
...@@ -362,5 +364,8 @@ export default { ...@@ -362,5 +364,8 @@ export default {
} }
} }
} }
.item-end{
height: px2rem(60px);
}
} }
</style> </style>
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<img v-if="searchFix" class="search-img" src='../../images/search-grey.png'> <img v-if="searchFix" class="search-img" src='../../images/search-grey.png'>
<img v-else class="search-img" src='../../images/search-white.png'> <img v-else class="search-img" src='../../images/search-white.png'>
</div> --> </div> -->
<div class="bgFill"></div> <div class="bgFill" :style="{height:ptop}"></div>
<div class="fixBox"> <div class="fixBox">
<div class="header-right" @click="goToPage"> <div class="header-right" @click="goToPage">
<img v-if="searchFix" class="info" src='../../images/msg2.png'> <img v-if="searchFix" class="info" src='../../images/msg2.png'>
...@@ -49,23 +49,33 @@ export default { ...@@ -49,23 +49,33 @@ export default {
default:false, default:false,
} }
}, },
watch:{
// searchFix:function(n){
// if(n){
// alert(this.searchFix)
// }
// }
},
created(){ created(){
let _this = this; let _this = this;
window.__getStatusBarHeight = function(parm){ window.__getStatusBarHeight = function(parm){
if(window.__isAndroid){ if(window.__isAndroid){
_this.popHeight = parm.statusBarHeight/2 _this.popHeight = parm.statusBarHeight/2
}else{ }else{
_this.popHeight = parm.statusBarHeight _this.popHeight = parm.statusBarHeight
} }
_this.ptop = _this.popHeight+7+'px'; _this.ptop = _this.popHeight+7+'px';
_this.menuptop = _this.popHeight+7+'px' _this.menuptop = _this.popHeight+7+'px'
// alert(parm.statusBarHeight); // alert(parm.statusBarHeight);
} }
this.getStatusHight()
}, },
mounted(){ mounted(){
// this.getStatusHight(); // this.getStatusHight();
// if(window.__isAndroid){ // if(window.__isAndroid){
// this.popHeight = this.statusBarHeight/2 // this.popHeight = this.statusBarHeight/2
...@@ -144,7 +154,7 @@ html,body{ ...@@ -144,7 +154,7 @@ html,body{
} }
} }
.bgFill{ .bgFill{
background: #ddd; background: inherit;
height: 20px; height: 20px;
} }
.fs30{ .fs30{
...@@ -179,6 +189,9 @@ html,body{ ...@@ -179,6 +189,9 @@ html,body{
padding-top: px2rem(7px) padding-top: px2rem(7px)
} }
.bgFill{
background: #ddd;
}
.search-transparent::-webkit-input-placeholder{ .search-transparent::-webkit-input-placeholder{
color:#666; color:#666;
} }
......
...@@ -237,10 +237,10 @@ export function jumpEvaluatPage(){ ...@@ -237,10 +237,10 @@ export function jumpEvaluatPage(){
// const apiUrl = 'https://dev-api.yunqueyi.com/' // const apiUrl = 'https://dev-api.yunqueyi.com/'
// test1地址 // test1地址
// const baseUrl = 'https://test1-sc.yunqueyi.com/' const baseUrl = 'https://test1-sc.yunqueyi.com/'
// const apiUrl = 'https://test1-api.yunqueyi.com/' const apiUrl = 'https://test1-api.yunqueyi.com/'
// const evaluatPageUrl = 'https://test1-phome.yunqueyi.com/gpr/#/home' const evaluatPageUrl = 'https://test1-phome.yunqueyi.com/gpr/#/home'
// export const jumpWebPageUrl = 'https://test1-phome.yunqueyi.com/appl/#/' export const jumpWebPageUrl = 'https://test1-phome.yunqueyi.com/appl/#/'
......
...@@ -130,7 +130,7 @@ export default { ...@@ -130,7 +130,7 @@ export default {
msgCount:'', msgCount:'',
userToken:'', userToken:'',
searchFix:false, searchFix:false,
statusBarHeight:20, statusBarHeight:0,
userMobile:'', userMobile:'',
userToken:'', userToken:'',
isHeightFromApp:false, isHeightFromApp:false,
...@@ -158,6 +158,7 @@ export default { ...@@ -158,6 +158,7 @@ export default {
}, },
created () { created () {
let _this = this; let _this = this;
_this.initAll()
_this.getUserInfo(); _this.getUserInfo();
window.__nativeCallMsg = function(params){ window.__nativeCallMsg = function(params){
...@@ -175,7 +176,8 @@ export default { ...@@ -175,7 +176,8 @@ export default {
window.__refresh = function(params){ window.__refresh = function(params){
//__getToken() //__getToken()
// alert('__refresh');
//alert(JSON.stringify(params))
//返回 //返回
if(_this.isRefreshFromBack){ if(_this.isRefreshFromBack){
...@@ -188,23 +190,28 @@ export default { ...@@ -188,23 +190,28 @@ export default {
_this.isIntStyle = 'font-style pull-down'; _this.isIntStyle = 'font-style pull-down';
_this.fiveTimePull(); _this.fiveTimePull();
} else { } else {
//alert("000")
_this.isIntStyle = '';
_this.isShowEvluat = false;
_this.getUserInfo(); _this.getUserInfo();
} }
} }
window.__getStatusBarHeight = function(parm){ // window.__getStatusBarHeight = function(parm){
// alert(JSON.stringify(parm))
_this.statusBarHeight = parm.statusBarHeight; // _this.statusBarHeight = parm.statusBarHeight;
_this.isHeightFromApp = true; // _this.isHeightFromApp = true;
// alert(parm.statusBarHeight); // // alert(parm.statusBarHeight);
} // }
// alert("token之前"); // alert("token之前");
window.__getUserInfo = function(parm){ window.__getUserInfo = function(parm){
// alert("token:"+parm.userToken); // alert("__getUserInfo");
// alert(JSON.stringify(parm))
_this.systemType = parm.systemType; _this.systemType = parm.systemType;
_this.appVersion = parm.appVersion; _this.appVersion = parm.appVersion;
_this.token = parm.userToken; _this.token = parm.userToken;
...@@ -218,19 +225,20 @@ export default { ...@@ -218,19 +225,20 @@ export default {
_this.initByToken(parm.userToken); _this.initByToken(parm.userToken);
} }
_this.getStatusHight();
_this.initAll() //_this.getStatusHight();
// _this.token = 'BE1D60CAE8F24649B4F72D47E964A58B'; // _this.token = 'BE1D60CAE8F24649B4F72D47E964A58B';
// _this.msgCount = '2' // _this.msgCount = '2'
// _this.isShowKeep = true; // _this.isShowKeep = true;
// _this.isHeightFromApp = true; // _this.isHeightFromApp = true;
// _this.getKeepData(_this.userToken); // _this.getKeepData(_this.userToken);
// _this.initByToken(_this.token); // _this.initByToken(_this.token);
// _this.getIconData(_this.token); // _this.getIconData(_this.token);
// _this.isIntStyle = 'font-style pull-down'; // _this.isIntStyle = 'font-style pull-down';
// _this.fiveTimePull(); // _this.fiveTimePull();
//_this.getUserInfo(); //_this.getUserInfo();
...@@ -240,6 +248,7 @@ export default { ...@@ -240,6 +248,7 @@ export default {
mounted(){ mounted(){
this.wrapperHeight =document.documentElement.clientHeight - this.$refs.wrapper.getBoundingClientRect().top; this.wrapperHeight =document.documentElement.clientHeight - this.$refs.wrapper.getBoundingClientRect().top;
window.addEventListener('scroll', this.scrollFun);
}, },
beforeDestroyed(){ beforeDestroyed(){
...@@ -304,7 +313,7 @@ export default { ...@@ -304,7 +313,7 @@ export default {
this.getAdjustData(userToken); this.getAdjustData(userToken);
this.getNewsData(userToken); this.getNewsData(userToken);
this.getEvaluctData(userToken); this.getEvaluctData(userToken);
window.addEventListener('scroll', this.scrollFun);
}, },
initAll(){ initAll(){
...@@ -670,7 +679,7 @@ export default { ...@@ -670,7 +679,7 @@ export default {
} }
var searchBox = document.querySelector('#search-top').offsetParent.offsetTop; var searchBox = document.querySelector('#search-top').offsetParent.offsetTop;
//console.log(newCourseTop); //console.log(searchBox);
if(scrollTop +clientHeight/2 >= newCourseTop){ if(scrollTop +clientHeight/2 >= newCourseTop){
//alert('scrollTop:'+scrollTop+'newCourseTop:'+newCourseTop); //alert('scrollTop:'+scrollTop+'newCourseTop:'+newCourseTop);
//this.showNewCorse = false; //this.showNewCorse = false;
...@@ -678,12 +687,7 @@ export default { ...@@ -678,12 +687,7 @@ export default {
}else{ }else{
this.isShowBackTop = false; this.isShowBackTop = false;
} }
if(scrollTop > searchBox){
///console.log(scrollTop,searchBox);
this.searchFix = true;
}else{
this.searchFix = false;
}
if(scrollTop+30 >= adjustTop){ if(scrollTop+30 >= adjustTop){
this.isFixed = true; this.isFixed = true;
this.searchFix = false; this.searchFix = false;
...@@ -691,6 +695,14 @@ export default { ...@@ -691,6 +695,14 @@ export default {
this.isFixed = false; this.isFixed = false;
} }
if(scrollTop > searchBox){
//alert("000");
///console.log(scrollTop,searchBox);
this.searchFix = true;
}else{
this.searchFix = false;
}
}, },
//五秒之后收起 //五秒之后收起
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册