<template>
  <!-- #ifdef MP-WEIXIN -->
  <block v-if="type === 'channelVideoQrCode'">
    <view class="channel-video-qrcode">
      <view>
        <image style="width: 240rpx; height: 240rpx" :src="src"></image>
        <view>扫码查看视频内容</view>
      </view>
    </view>
  </block>
  <block v-else>
    <view class="channel-video">
      <channel-video :feed-id="feedId" :finder-user-name="finderUserName"></channel-video>
      <view style="color: var(--uni-color-primary)" :data-feed-id="feedId" :data-finder-user-name="finderUserName" @click="toPlayChannelVideo"
        >点击观看视频</view
      >
    </view>
  </block>
  <!-- #endif -->
  <!-- #ifndef MP-WEIXIN -->
  <view class="channel-video-qrcode">
    <view>
      <image style="width: 240rpx; height: 240rpx" :src="src"></image>
      <view>扫码查看视频内容</view>
    </view>
  </view>
  <!-- #endif -->
</template>

<script>
import { handle, request } from "@kasite/uni-app-base";
import { REQUEST_CONFIG } from "@kasite/uni-app-base/config";
export default {
  props: {
    type: {
      type: String,
      default: "",
    },
    src: {
      type: String,
      default: "",
    },
    feedId: {
      type: String,
      default: "",
    },
    finderUserName: {
      type: String,
      default: "",
    },
  },
  data() {
    return {};
  },
  methods: {
    toPlayChannelVideo(e) {
      const { feedId, finderUserName } = e.currentTarget.dataset;
      uni.openChannelsActivity({ finderUserName, feedId });
    },
  },
  mounted() {},
};
</script>

<style>
.channel-video {
  display: flex;
  justify-content: center;
}
.channel-video-qrcode {
  display: flex;
  justify-content: center;
}
.channel-video-qrcode > view {
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>
