123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- <template>
- <view class='com-chair-man' v-if="info">
- <view class="title" v-if="type==1">当家主持人</view>
- <view class="title" v-if="type==2">主理人</view>
- <view class="content" @click="onViewChair">
- <view class="header">
- <image :src="info.headerImg" mode="aspectFill" class="icon"></image>
- </view>
- <view class="intro">
- <view class="name">{{info.name}}</view>
- <view class="tags">
- <block v-for="(it,index) in info.tags">
- <uni-tag :text="it" :inverted="true" :circle="true" type="error" style="margin-right:10px;"></uni-tag>
- </block>
- </view>
- <view class="point">
- <uni-rate color="#CCCCCC" activeColor="#b11b1c" :value="info.point" readonly/>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- name:"ChairMan",
- props:{
- type:{
- type:Number,
- default:1,
- },
- info:{
- type:Object,
- default:()=>{
- return null;
- }
- },
- },
- watch:{
- 'info':{
- handler(val){
-
- },
- deep:true,
- immediate:true,
- }
- },
- data() {
- return {
-
- };
- },
- methods:{
- onViewChair(e){
-
- uni.navigateTo({
- url:'/pages/theater/chair-man/chair-man?id='+this.info.id
- })
- }
- }
- }
- </script>
- <style lang="scss">
- @import './ChairMan.scss'
- </style>
|