12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <template>
- <view class="activity-analysis">
- <image src="https://static.caimei365.com/app/img/icon/icon-club@3x.png" class="analysis-img" mode=""></image>
- <view class="analysis-content">
- <view class="analysis-club">
- {{clubInfo.name}}
- </view>
- <view class="analysis-tab">
- <view class="tab-item" @click.stop="$api.navigateTo('/pages/service/service?id=1041&title=标签说明')">
- {{clubInfo.activeState}}
- <text class="iconfont icon-xiayibu"></text>
- </view>
- <view class="tab-item" @click.stop="$api.navigateTo('/pages/service/service?id=1041&title=标签说明')">
- {{clubInfo.customerValue}}
- <text class="iconfont icon-xiayibu"></text>
- </view>
- </view>
- <view class="analysis-info">
- <view>
- {{ clubInfo.linkMan }}
- </view>
- <view>
- {{ clubInfo.contractMobile }}
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- export default {
- props: {
- clubInfo: {
- type: Object,
- default: () => ({})
- }
- },
- }
- </script>
- <style lang="scss">
- .activity-analysis {
- padding: 30rpx 0;
- display: flex;
- border-bottom: 1px solid #E5E5E5;
- .analysis-img {
- width: 140rpx;
- height: 140rpx;
- background: #FFF2E6;
- border-radius: 16rpx 16rpx 16rpx 16rpx;
- opacity: 1;
- }
- .analysis-content {
- margin-left: 16rpx;
- .analysis-club {
- color: #333333;
- font-size: 30rpx;
- margin-bottom: 16rpx;
- }
- .analysis-tab {
- display: flex;
- margin-bottom: 16rpx;
- .tab-item {
- margin-right: 16rpx;
- width: 136rpx;
- height: 40rpx;
- background: #FAEDE5;
- border-radius: 8rpx 8rpx 8rpx 8rpx;
- opacity: 1;
- text-align: center;
- line-height: 40rpx;
- font-size: 22rpx;
- color: #FF5B00;
- .icon-xiayibu {
- font-size: 20rpx;
- margin-left: 10rpx;
- }
- }
- }
- .analysis-info {
- display: flex;
- align-items: center;
- font-size: 26rpx;
- color: #333333;
- view:nth-child(2) {
- margin-left: 32rpx;
- }
- }
- }
- }
- </style>
|