| | |
| | | <template> |
| | | <view class="activity-container"> |
| | | <u-navbar :is-back="true" title="我的活动" title-color="#333" back-icon-color="#333"></u-navbar> |
| | | |
| | | <!-- 顶部 Tab 导航 --> |
| | | <view class="tab-nav"> |
| | |
| | | > |
| | | <!-- 封面区域 --> |
| | | <view class="cover-container"> |
| | | <block v-if="item.coverType === '图片' || item.coverType === '视频'"> |
| | | <image :src="getPreviewUrl(item.cover)" mode="aspectFill" class="activity-cover" /> |
| | | <block v-if="item.coverType === 'image' || item.coverType === 'video'"> |
| | | <image :src="item.url" mode="aspectFill" class="activity-cover" /> |
| | | </block> |
| | | <block v-if="item.coverType === '文字'"> |
| | | <block v-if="item.coverType === 'text'"> |
| | | <view class="activity-cover text-cover">{{ item.cover }}</view> |
| | | </block> |
| | | </view> |
| | |
| | | class="activity-item card" |
| | | > |
| | | <view class="cover-container"> |
| | | <block v-if="item.coverType === '图片' || item.coverType === '视频'"> |
| | | <image :src="getPreviewUrl(item.cover)" mode="aspectFill" class="activity-cover" /> |
| | | <block v-if="item.coverType === 'image' || item.coverType === 'video'"> |
| | | <image :src="item.url" mode="aspectFill" class="activity-cover" /> |
| | | </block> |
| | | <block v-if="item.coverType === '文字'"> |
| | | <block v-if="item.coverType === 'text'"> |
| | | <view class="activity-cover text-cover">{{ item.cover }}</view> |
| | | </block> |
| | | </view> |
| | |
| | | class="activity-item card" |
| | | > |
| | | <view class="cover-container"> |
| | | <block v-if="item.coverType === '图片' || item.coverType === '视频'"> |
| | | <image :src="getPreviewUrl(item.cover)" mode="aspectFill" class="activity-cover" /> |
| | | <block v-if="item.coverType === 'image' || item.coverType === 'video'"> |
| | | <image :src="item.url" mode="aspectFill" class="activity-cover" /> |
| | | </block> |
| | | <block v-if="item.coverType === '文字'"> |
| | | <block v-if="item.coverType === 'text'"> |
| | | <view class="activity-cover text-cover">{{ item.cover }}</view> |
| | | </block> |
| | | </view> |
| | |
| | | |
| | | <script> |
| | | import {getMyActivityList,collectCancel,activityCancel} from '@/api/activity.js' |
| | | import {getPreviewUrl} from '@/api/common.js' |
| | | import {getFilePreviewUrl} from '@/api/common.js' |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | } |
| | | }) |
| | | }, |
| | | getPreviewUrl(params){ |
| | | return getPreviewUrl(params); |
| | | getUrl(params){ |
| | | getFilePreviewUrl(params).then(res =>{ |
| | | return res.data.data |
| | | }) |
| | | }, |
| | | switchTab(index) { |
| | | if (this.currentTab !== index) { |