1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- <template>
- <view class="com-video-item" v-if="item" @click="onViewVideo">
- <view class="left">
- <image :src="item.imageUrl" class="img"></image>
- </view>
- <view class="right">
- <view class="title">
- <view class="name">{{item.name}}</view>
- <view class="price"><text class="sign">¥</text>{{item.price}}</view>
- </view>
- <view class="tip">时间:
- <block v-if="item.plan && item.plan.startTime "> {{item.plan.startDate}} 至 {{item.plan.endDate}}</block>
- <block v-else> 暂无时间按排</block>
-
-
- </view>
- <view class="tags">
- <block v-for="(it,index) in item.tags">
- <view class="tag">{{it}}</view>
- </block>
- </view>
-
- <view class="part_area" >
- <view class="parttip" >已报名:{{item.userList.length}} 人 </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>
- </template>
- <script>
- export default {
- name:"VideoItem",
- props:{
- item:{
- type:Object,
- default:()=>{
- return null;
- }
- }
- },
- data() {
- return {
-
- };
- },
- methods:{
- onViewVideo(e){
- uni.navigateTo({
- url:'/pages/theater/movie/movie?id='+this.item.id
- })
- }
- },
-
- }
- </script>
- <style lang="scss">
- @import './VideoItem.scss'
- </style>
|