|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="home-box">
|
|
|
- <scroller>
|
|
|
+ <div class="h-box">
|
|
|
<!--banner-->
|
|
|
<div class="banner">
|
|
|
<img :src="banner" alt="">
|
|
@@ -9,7 +9,7 @@
|
|
|
<div class="home">
|
|
|
<img :src="yuesao" alt="" @click='demand(1)'>
|
|
|
<img src="http://odulvej8l.bkt.clouddn.com/2018-01-08-3.jpg" alt="">
|
|
|
- <img src="http://odulvej8l.bkt.clouddn.com/2018-01-08-4.jpg" alt="" @click='demand(2)'>
|
|
|
+ <img style="width: 99.99%;" src="http://odulvej8l.bkt.clouddn.com/2018-01-08-4.jpg" alt="" @click='demand(2)'>
|
|
|
<div class="category">
|
|
|
<div>
|
|
|
<img src="http://odulvej8l.bkt.clouddn.com/2018-01-08-5.jpg" alt="" @click='demand(0)'>
|
|
@@ -22,7 +22,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </scroller>
|
|
|
+ </div>
|
|
|
<!--导航-->
|
|
|
<div class="footer">
|
|
|
<img :src="footer" alt="">
|
|
@@ -43,7 +43,7 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- demand(type){
|
|
|
+ demand(type) {
|
|
|
config.serviceType = null;
|
|
|
config.serviceType = type;
|
|
|
},
|
|
@@ -60,14 +60,25 @@
|
|
|
},
|
|
|
created() {
|
|
|
// console.log(config)
|
|
|
+ init()
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ function init() {
|
|
|
+ setTimeout(function () {
|
|
|
+ let hBox = document.querySelector('.h-box').clientHeight;
|
|
|
+ let footer = document.querySelector('.footer');
|
|
|
+ let clientHeight = document.documentElement.clientHeight;
|
|
|
+ if (clientHeight - hBox < footer.clientHeight) {
|
|
|
+ footer.style.position = 'static';
|
|
|
+ }
|
|
|
+ }, 200)
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
|
<style scoped lang="less">
|
|
|
.home-box {
|
|
|
- padding-bottom: 15%;
|
|
|
}
|
|
|
|
|
|
.banner {
|