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.
51 lines
883 B
51 lines
883 B
<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>
|
|
|