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.

49 lines
856 B

3 months ago
  1. <template>
  2. <view v-if="shareInfoStatus" class="poster-first">
  3. <view class="mask-share">
  4. <image :src="urlDomain+'crmebimage/perset/staticImg/share-info.png'" @click="shareInfoClose" @touchmove.stop.prevent="false"></image>
  5. </view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. props: {
  11. shareInfoStatus: {
  12. type: Boolean,
  13. default:false,
  14. }
  15. },
  16. data: function() {
  17. return {
  18. urlDomain: this.$Cache.get("imgHost"),
  19. };
  20. },
  21. mounted: function() {},
  22. methods: {
  23. shareInfoClose: function() {
  24. this.$emit("setShareInfoStatus");
  25. }
  26. }
  27. };
  28. </script>
  29. <style scoped lang="scss">
  30. .poster-first {
  31. overscroll-behavior: contain;
  32. }
  33. .mask-share {
  34. position: fixed;
  35. top: 0;
  36. left: 0;
  37. right: 0;
  38. bottom: 0;
  39. z-index: 99;
  40. }
  41. .mask-share image {
  42. width: 100%;
  43. height:100%;
  44. }
  45. </style>