channel-video.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <block v-if="type === 'channelVideoQrCode'">
  3. <view class="channel-video-qrcode">
  4. <view>
  5. <image style="width: 240rpx; height: 240rpx" :src="src"></image>
  6. <view>扫码查看视频内容</view>
  7. </view>
  8. </view>
  9. </block>
  10. <block v-else>
  11. <view class="channel-video">
  12. <channel-video :feed-id="feedId" :finder-user-name="finderUserName"></channel-video>
  13. <view style="color: var(--uni-color-primary)">点击观看视频</view>
  14. </view>
  15. </block>
  16. </template>
  17. <script>
  18. import { handle, request } from "@kasite/uni-app-base";
  19. import { REQUEST_CONFIG } from "@kasite/uni-app-base/config";
  20. export default {
  21. props: {
  22. type: {
  23. type: String,
  24. default: "",
  25. },
  26. src: {
  27. type: String,
  28. default: "",
  29. },
  30. feedId: {
  31. type: String,
  32. default: "",
  33. },
  34. finderUserName: {
  35. type: String,
  36. default: "",
  37. },
  38. },
  39. data() {
  40. return {};
  41. },
  42. methods: {},
  43. mounted() {},
  44. };
  45. </script>
  46. <style>
  47. .channel-video {
  48. display: flex;
  49. justify-content: center;
  50. }
  51. .channel-video-qrcode {
  52. display: flex;
  53. justify-content: center;
  54. }
  55. .channel-video-qrcode > view {
  56. display: flex;
  57. flex-direction: column;
  58. align-items: center;
  59. }
  60. </style>