ChairMan.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <view class='com-chair-man' v-if="info">
  3. <view class="title" v-if="type==1">当家主持人</view>
  4. <view class="title" v-if="type==2">主理人</view>
  5. <view class="content" @click="onViewChair">
  6. <view class="header">
  7. <image :src="info.headerImg" mode="aspectFill" class="icon"></image>
  8. </view>
  9. <view class="intro">
  10. <view class="name">{{info.name}}</view>
  11. <view class="tags">
  12. <block v-for="(it,index) in info.tags">
  13. <uni-tag :text="it" :inverted="true" :circle="true" type="error" style="margin-right:10px;"></uni-tag>
  14. </block>
  15. </view>
  16. <view class="point">
  17. <uni-rate color="#CCCCCC" activeColor="#b11b1c" :value="info.point" readonly/>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. name:"ChairMan",
  26. props:{
  27. type:{
  28. type:Number,
  29. default:1,
  30. },
  31. info:{
  32. type:Object,
  33. default:()=>{
  34. return null;
  35. }
  36. },
  37. },
  38. watch:{
  39. 'info':{
  40. handler(val){
  41. },
  42. deep:true,
  43. immediate:true,
  44. }
  45. },
  46. data() {
  47. return {
  48. };
  49. },
  50. methods:{
  51. onViewChair(e){
  52. uni.navigateTo({
  53. url:'/pages/theater/chair-man/chair-man?id='+this.info.id
  54. })
  55. }
  56. }
  57. }
  58. </script>
  59. <style lang="scss">
  60. @import './ChairMan.scss'
  61. </style>