You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
883 B
52 lines
883 B
3 months ago
|
<template>
|
||
|
<view v-if="shareInfoStatus" class="poster-first">
|
||
|
<view class="mask-share">
|
||
|
<image :src="imgHost + '/statics/images/share-info.png'"
|
||
|
@click="shareInfoClose"
|
||
|
@touchmove.stop.prevent="false"></image>
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import {HTTP_REQUEST_URL} from '@/config/app';
|
||
|
export default {
|
||
|
props: {
|
||
|
shareInfoStatus: {
|
||
|
type: Boolean,
|
||
|
default:false,
|
||
|
}
|
||
|
},
|
||
|
data: function() {
|
||
|
return {
|
||
|
imgHost:HTTP_REQUEST_URL,
|
||
|
};
|
||
|
},
|
||
|
mounted: function() {},
|
||
|
methods: {
|
||
|
shareInfoClose: function() {
|
||
|
this.$emit("setShareInfoStatus");
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
</script>
|
||
|
|
||
|
<style scoped lang="scss">
|
||
|
.poster-first {
|
||
|
overscroll-behavior: contain;
|
||
|
}
|
||
|
.mask-share {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
bottom: 0;
|
||
|
z-index: 99;
|
||
|
}
|
||
|
.mask-share image {
|
||
|
width: 100%;
|
||
|
height:100%;
|
||
|
}
|
||
|
</style>
|