51 lines
866 B
Vue
51 lines
866 B
Vue
|
<template>
|
||
|
|
<view v-if="shareInfoStatus" class="poster-first">
|
||
|
|
<view class="mask-share">
|
||
|
|
<image :src="`${domain}/static/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 {
|
||
|
|
domain: 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>
|