| | |
| | | <template> |
| | | <view class="box"> |
| | | <view class="item" v-if="item"> |
| | | <view class="box" v-if="item"> |
| | | <view class="item"> |
| | | <view class="item-tx"> |
| | | <image :src="item.fullImgurl" mode="widthFix"></image> |
| | | </view> |
| | |
| | | <view class="card-title-xian"></view> |
| | | <text>擅长领域</text> |
| | | </view> |
| | | <view class="card-list"> |
| | | <view class="card-list" v-if="item.fieldList && item.fieldList.length > 0"> |
| | | <view class="card-list-item" v-for="(child, index) in item.fieldList" :key="index"> |
| | | <view class="card-list-item-title">{{child.name}}:</view> |
| | | <view class="card-list-item-text">{{child.remark}}</view> |
| | |
| | | </view> |
| | | <view class="left-info">{{child.detail}}</view> |
| | | </view> |
| | | <view class="right"> |
| | | <image src="/static/logo.png" mode="widthFix"></image> |
| | | <view class="right" v-if="child.fileList && child.fileList.length > 0" @click="yulan"> |
| | | <image :src="child.fileList[0].url" mode="widthFix"></image> |
| | | <view class="right-num">共{{child.fileList.length}}张</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | this.getDetails() |
| | | }, |
| | | methods: { |
| | | zhankai() { |
| | | this.item.zhankai = !this.item.zhankai |
| | | }, |
| | | getDetails() { |
| | | this.$u.api.memberDetail({ |
| | | id: this.id |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | console.log(res) |
| | | res.data.isShow = false |
| | | if (res.data.content && res.data.content.length > 30) { |
| | | res.data.isShow = true |
| | |
| | | overflow: hidden; |
| | | border-radius: 8rpx; |
| | | margin-left: 20rpx; |
| | | position: relative; |
| | | .right-num { |
| | | position: absolute; |
| | | bottom: 0; |
| | | right: 0; |
| | | z-index: 9; |
| | | padding: 0 10rpx; |
| | | box-sizing: border-box; |
| | | height: 32rpx; |
| | | line-height: 32rpx; |
| | | background: rgba(0,0,0,0.5); |
| | | font-weight: 400; |
| | | font-size: 20rpx; |
| | | color: #FFFFFF; |
| | | border-radius: 20rpx 0rpx 8rpx 0rpx; |
| | | } |
| | | image { |
| | | width: 100%; |
| | | } |