54 lines
932 B
Vue
54 lines
932 B
Vue
<template>
|
|
<view class="a_h_home">
|
|
<view class="a_h_body" v-if="show">
|
|
<image @click="open()" class="a_h_bg" src="../static/images/f7.png"></image>
|
|
<image @click="close()" class="a_h_close" src="../static/images/guanbi.png"></image>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data(){
|
|
return {
|
|
show: true
|
|
}
|
|
},
|
|
methods:{
|
|
open(){
|
|
this.show
|
|
},
|
|
close(){
|
|
this.show = false;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.a_h_home{
|
|
position: fixed;
|
|
bottom: 150rpx;
|
|
right: 30rpx;
|
|
z-index: 9999999;
|
|
width: 150rpx;
|
|
height: 150rpx;
|
|
.a_h_bg{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.a_h_body{
|
|
width: 100%;
|
|
height: 100%;
|
|
// background-color: #eee;
|
|
position: relative;
|
|
.a_h_close{
|
|
position: absolute;
|
|
right: 5rpx;
|
|
top: 5rpx;
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |