activity-analysis.vue 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <view class="activity-analysis">
  3. <image src="https://static.caimei365.com/app/img/icon/icon-club@3x.png" class="analysis-img" mode=""></image>
  4. <view class="analysis-content">
  5. <view class="analysis-club">
  6. {{clubInfo.name}}
  7. </view>
  8. <view class="analysis-tab">
  9. <view class="tab-item" @click.stop="$api.navigateTo('/pages/service/service?id=1041&title=标签说明')">
  10. {{clubInfo.activeState}}
  11. <text class="iconfont icon-xiayibu"></text>
  12. </view>
  13. <view class="tab-item" @click.stop="$api.navigateTo('/pages/service/service?id=1041&title=标签说明')">
  14. {{clubInfo.customerValue}}
  15. <text class="iconfont icon-xiayibu"></text>
  16. </view>
  17. </view>
  18. <view class="analysis-info">
  19. <view>
  20. {{ clubInfo.linkMan }}
  21. </view>
  22. <view>
  23. {{ clubInfo.contractMobile }}
  24. </view>
  25. </view>
  26. </view>
  27. </view>
  28. </template>
  29. <script>
  30. export default {
  31. props: {
  32. clubInfo: {
  33. type: Object,
  34. default: () => ({})
  35. }
  36. },
  37. }
  38. </script>
  39. <style lang="scss">
  40. .activity-analysis {
  41. padding: 30rpx 0;
  42. display: flex;
  43. border-bottom: 1px solid #E5E5E5;
  44. .analysis-img {
  45. width: 140rpx;
  46. height: 140rpx;
  47. background: #FFF2E6;
  48. border-radius: 16rpx 16rpx 16rpx 16rpx;
  49. opacity: 1;
  50. }
  51. .analysis-content {
  52. margin-left: 16rpx;
  53. .analysis-club {
  54. color: #333333;
  55. font-size: 30rpx;
  56. margin-bottom: 16rpx;
  57. }
  58. .analysis-tab {
  59. display: flex;
  60. margin-bottom: 16rpx;
  61. .tab-item {
  62. margin-right: 16rpx;
  63. width: 136rpx;
  64. height: 40rpx;
  65. background: #FAEDE5;
  66. border-radius: 8rpx 8rpx 8rpx 8rpx;
  67. opacity: 1;
  68. text-align: center;
  69. line-height: 40rpx;
  70. font-size: 22rpx;
  71. color: #FF5B00;
  72. .icon-xiayibu {
  73. font-size: 20rpx;
  74. margin-left: 10rpx;
  75. }
  76. }
  77. }
  78. .analysis-info {
  79. display: flex;
  80. align-items: center;
  81. font-size: 26rpx;
  82. color: #333333;
  83. view:nth-child(2) {
  84. margin-left: 32rpx;
  85. }
  86. }
  87. }
  88. }
  89. </style>