Showing
1 changed file
with
10 additions
and
12 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-09-20 15:39:37 | 2 | * @Date: 2022-09-20 15:39:37 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2022-10-26 17:20:34 | 4 | + * @LastEditTime: 2022-10-28 13:32:41 |
| 5 | * @FilePath: /swx/src/components/activity-card.vue | 5 | * @FilePath: /swx/src/components/activity-card.vue |
| 6 | * @Description: 活动卡片组件 | 6 | * @Description: 活动卡片组件 |
| 7 | --> | 7 | --> |
| ... | @@ -9,10 +9,10 @@ | ... | @@ -9,10 +9,10 @@ |
| 9 | <view class="activity-card-page"> | 9 | <view class="activity-card-page"> |
| 10 | <view class="card-main"> | 10 | <view class="card-main"> |
| 11 | <van-row> | 11 | <van-row> |
| 12 | - <van-col :span="10"> | 12 | + <van-col :span="10" offset="0"> |
| 13 | <van-image @tap="goTo(data.id, formatStatus(data))" width="100%" height="5rem" fit="cover" :src="data.cover" /> | 13 | <van-image @tap="goTo(data.id, formatStatus(data))" width="100%" height="5rem" fit="cover" :src="data.cover" /> |
| 14 | </van-col> | 14 | </van-col> |
| 15 | - <van-col :span="14"> | 15 | + <van-col :span="14" offset="0"> |
| 16 | <view @tap="goTo(data.id, formatStatus(data))" class="card-main-text"> | 16 | <view @tap="goTo(data.id, formatStatus(data))" class="card-main-text"> |
| 17 | <view style="font-size: 1.1rem;">{{ data.name }}</view> | 17 | <view style="font-size: 1.1rem;">{{ data.name }}</view> |
| 18 | <view class="status-text"> | 18 | <view class="status-text"> |
| ... | @@ -36,21 +36,21 @@ | ... | @@ -36,21 +36,21 @@ |
| 36 | </view> | 36 | </view> |
| 37 | <view class="card-sub"> | 37 | <view class="card-sub"> |
| 38 | <van-row v-if="data.address"> | 38 | <van-row v-if="data.address"> |
| 39 | - <van-col :span="24"> | 39 | + <van-col :span="24" offset="0"> |
| 40 | <view> | 40 | <view> |
| 41 | <van-icon :name="icon_address" size="0.95rem" color="" /> {{ data.address }} | 41 | <van-icon :name="icon_address" size="0.95rem" color="" /> {{ data.address }} |
| 42 | </view> | 42 | </view> |
| 43 | </van-col> | 43 | </van-col> |
| 44 | </van-row> | 44 | </van-row> |
| 45 | <van-row> | 45 | <van-row> |
| 46 | - <van-col :span="19"> | 46 | + <van-col :span="19" offset="0"> |
| 47 | <view style="line-height: 2;"> | 47 | <view style="line-height: 2;"> |
| 48 | <text>浏览:{{ data.view_count }}</text> | 48 | <text>浏览:{{ data.view_count }}</text> |
| 49 | <text>报名:{{ data.reg_count }}/<text v-if="data.reg_max === 0">无限</text><text v-else>{{ data.reg_max }}</text></text> | 49 | <text>报名:{{ data.reg_count }}/<text v-if="data.reg_max === 0">无限</text><text v-else>{{ data.reg_max }}</text></text> |
| 50 | <text v-if="data.extend.length">岗位:{{ data.extend && data.extend.join(',') }}</text> | 50 | <text v-if="data.extend.length">岗位:{{ data.extend && data.extend.join(',') }}</text> |
| 51 | </view> | 51 | </view> |
| 52 | </van-col> | 52 | </van-col> |
| 53 | - <van-col v-if="status === 'join'" :span="5"> | 53 | + <van-col v-if="status === 'join'" :span="5" offset="0"> |
| 54 | <view @tap="goTo(data.id)" class="status-button"> | 54 | <view @tap="goTo(data.id)" class="status-button"> |
| 55 | <text>我要报名</text> | 55 | <text>我要报名</text> |
| 56 | </view> | 56 | </view> |
| ... | @@ -59,7 +59,7 @@ | ... | @@ -59,7 +59,7 @@ |
| 59 | <view v-if="status === 'creator' && formatStatus(data) !== '已结束'" @tap="copyActivity(data.id)" class="copy-button">复制</view> | 59 | <view v-if="status === 'creator' && formatStatus(data) !== '已结束'" @tap="copyActivity(data.id)" class="copy-button">复制</view> |
| 60 | </view> | 60 | </view> |
| 61 | </view> | 61 | </view> |
| 62 | - <van-toast id="van-toast" /> | 62 | + <!-- <van-toast id="van-toast" /> --> |
| 63 | </template> | 63 | </template> |
| 64 | 64 | ||
| 65 | <script setup> | 65 | <script setup> |
| ... | @@ -67,17 +67,15 @@ import { ref, defineProps, computed } from 'vue' | ... | @@ -67,17 +67,15 @@ import { ref, defineProps, computed } from 'vue' |
| 67 | import icon_address from '@/images/icon/address@2x.png' | 67 | import icon_address from '@/images/icon/address@2x.png' |
| 68 | import Taro from '@tarojs/taro' | 68 | import Taro from '@tarojs/taro' |
| 69 | import * as dayjs from 'dayjs' | 69 | import * as dayjs from 'dayjs' |
| 70 | -import Toast from '@/components/vant-weapp/toast/toast'; | ||
| 71 | -import Dialog from '@/components/vant-weapp/dialog/dialog'; | ||
| 72 | 70 | ||
| 73 | const props = defineProps({ | 71 | const props = defineProps({ |
| 74 | data: Object, | 72 | data: Object, |
| 75 | status: String | 73 | status: String |
| 76 | }); | 74 | }); |
| 77 | 75 | ||
| 78 | -const register = computed(() => { // 报名中状态显示 | 76 | +// const register = computed(() => { // 报名中状态显示 |
| 79 | - return false | 77 | +// return false |
| 80 | -}) | 78 | +// }) |
| 81 | 79 | ||
| 82 | const formatDate = (date) => { | 80 | const formatDate = (date) => { |
| 83 | return dayjs(date).format('YYYY-MM-DD HH:mm') | 81 | return dayjs(date).format('YYYY-MM-DD HH:mm') | ... | ... |
-
Please register or login to post a comment