123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778 |
- <template>
- <view class="event-content">
- <view class="com-event-item" v-if="info">
- <view class="event-img" @click="onViewTheater">
- <image :src="info.imageUrl" class="img"/>
- </view>
- <view class="event-info">
- <view class="name" @click="onViewTheater">{{info.name}}</view>
- <view class="tip">时间:
- <block v-if="info.plan && info.plan.startTime"> {{info.plan.startDate}} 至 {{info.plan.endDate}}</block>
- <block v-else>暂无时间按排</block>
- </view>
- <view class="header" style=" height: 30px; width:100%; ">
- <view class="tags">
- <block v-for="(it,index) in info.tags">
- <view class="tag">{{it}}</view>
- </block>
- </view>
- </view>
- <view class="part_area" >
- <view class="parttip" >已报名:{{info.userList.length+info.underLineQty}} 人 </view>
-
- <!-- 报名会员头像 -->
- <!-- <view class="partic" v-if="info.userList.length > 0 && index < 6" v-for="(it,index) in info.userList " >
- <view><img :src="it.user.headerImg"></view>
-
- </view><view v-if="info.userList.length>6">...</view> -->
-
-
-
-
- </view>
- </view>
- <view class="event-btn">
- <view class="btn" @click="onViewTheater"><button class="btn-yy">{{ info.type === 1 ? '拼场' : (info.type === 2 ? '预约' : '') }}</button></view>
- <view class="qty">
- ¥{{info.price}}元/人
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- name:"EventItem",
- props:{
- info:{
- type:Object,
- default:()=>{
- return null;
- }
- }
- },
- data() {
- return {
-
- };
- },
- methods:{
- onViewPerformer(e){
- uni.navigateTo({
- url:'/pages/theater/chair-man/chair-man?id='+e
- })
- },
-
- onViewTheater(e){
- uni.navigateTo({
- url:'/pages/theater/movie/movie?id='+this.info.id
- })
- },
- }
- }
- </script>
- <style lang="scss">
- @import './EventItem.scss'
- </style>
|