|
@@ -138,8 +138,14 @@ export default {
|
|
|
},
|
|
|
// 设置scroll高度
|
|
|
setScrollHeight() {
|
|
|
- console.log(this.$store.state.windowHeight)
|
|
|
- this.scrollHeight = this.$store.state.windowHeight - 100 - 40 + 'px'
|
|
|
+ console.log(this.$store.state.isIphoneX);
|
|
|
+ // 如果是苹果手机
|
|
|
+ if(this.$store.state.isIphoneX){
|
|
|
+ this.scrollHeight = this.$store.state.windowHeight - 100 - 44 + 'px'
|
|
|
+ }else{
|
|
|
+ this.scrollHeight = this.$store.state.windowHeight - 100 + 'px'
|
|
|
+ }
|
|
|
+ console.log(this.scrollHeight)
|
|
|
},
|
|
|
async searchClubList() {
|
|
|
// 如果搜索框为空
|
|
@@ -150,10 +156,13 @@ export default {
|
|
|
this.searchKeyWords()
|
|
|
},
|
|
|
async searchKeyWords() {
|
|
|
+ console.log(this.searchInputVal);
|
|
|
this.pageNum = 1
|
|
|
this.clubList = await this.getClubList()
|
|
|
if (this.clubList.length <= 0) {
|
|
|
this.isEmpty = true
|
|
|
+ }else{
|
|
|
+ this.isEmpty = false
|
|
|
}
|
|
|
},
|
|
|
// 初始化机构列表
|
|
@@ -316,6 +325,14 @@ page,
|
|
|
background: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
+.empty-container{
|
|
|
+ background: #f7f7f7;
|
|
|
+ justify-content: flex-start;
|
|
|
+ .club-empty-image{
|
|
|
+ margin-top: 400rpx;
|
|
|
+ margin-bottom: 36rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
.club-main {
|
|
|
position: relative;
|
|
|
padding-top: 57px;
|
|
@@ -362,7 +379,7 @@ page,
|
|
|
justify-content: flex-start;
|
|
|
.list-name {
|
|
|
font-size: $font-size-30;
|
|
|
- width: 400rpx;
|
|
|
+ width: 100%;
|
|
|
display: block;
|
|
|
float: left;
|
|
|
text-align: left;
|
|
@@ -414,6 +431,10 @@ page,
|
|
|
&.border-btn {
|
|
|
color: #333;
|
|
|
}
|
|
|
+ &:last-child{
|
|
|
+ background: rgb(25,25,25);
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|