120 lines
5.4 KiB
Plaintext
120 lines
5.4 KiB
Plaintext
<!-- 导师详情 -->
|
|
<view class="page">
|
|
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
|
<view class="nav-back" bindtap="goBack"><icon name="chevron-left" size="44" color="rgba(255,255,255,0.8)" customClass="back-icon"></icon></view>
|
|
<text class="nav-title">导师详情</text>
|
|
<view class="nav-placeholder-r"></view>
|
|
</view>
|
|
<view style="height: {{statusBarHeight + 44}}px;"></view>
|
|
|
|
<view class="loading" wx:if="{{loading}}">加载中...</view>
|
|
<block wx:else>
|
|
<view class="mentor-header" wx:if="{{mentor}}">
|
|
<view class="mentor-avatar-wrap">
|
|
<image wx:if="{{mentor.avatar}}" class="mentor-avatar" src="{{mentor.avatar}}" mode="aspectFill"></image>
|
|
<view wx:else class="mentor-avatar-placeholder">{{mentor.name ? mentor.name[0] : '?'}}</view>
|
|
</view>
|
|
<text class="mentor-name">{{mentor.name}}</text>
|
|
<text class="mentor-intro">{{mentor.intro}}</text>
|
|
<view class="mentor-quote" wx:if="{{mentor.quote}}">{{mentor.quote}}</view>
|
|
</view>
|
|
|
|
<view class="block" wx:if="{{mentor.whyFind}}">
|
|
<view class="block-header"><text class="block-num">01</text><text class="block-title">为什么找{{mentor.name}}?</text></view>
|
|
<text class="block-text">{{mentor.whyFind}}</text>
|
|
</view>
|
|
|
|
<view class="block" wx:if="{{mentor.offering}}">
|
|
<view class="block-header"><text class="block-num">02</text><text class="block-title">提供什么?</text></view>
|
|
<text class="block-text">{{mentor.offering}}</text>
|
|
</view>
|
|
|
|
<view class="block" wx:if="{{mentor.priceSingle || mentor.priceHalfYear || mentor.priceYear}}">
|
|
<view class="block-header"><text class="block-num">03</text><text class="block-title">收费标准</text></view>
|
|
<view class="price-table">
|
|
<view class="price-thead">
|
|
<text class="p-col-2">咨询项目</text>
|
|
<text class="p-col-center">时长</text>
|
|
<text class="p-col-right">价格</text>
|
|
</view>
|
|
<view class="price-row" wx:if="{{mentor.priceSingle}}">
|
|
<text class="p-col-2">单次咨询</text>
|
|
<text class="p-col-center">1小时</text>
|
|
<text class="p-col-right price-num">¥{{mentor.priceSingleFmt || mentor.priceSingle}}</text>
|
|
</view>
|
|
<view class="price-row price-row-alt" wx:if="{{mentor.priceHalfYear}}">
|
|
<text class="p-col-2">半年咨询</text>
|
|
<text class="p-col-center">-</text>
|
|
<view class="p-col-right">
|
|
<text class="price-original">98,000</text>
|
|
<text class="price-num">¥{{mentor.priceHalfYearFmt || mentor.priceHalfYear}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="price-row" wx:if="{{mentor.priceYear}}">
|
|
<text class="p-col-2">年度咨询</text>
|
|
<text class="p-col-center">-</text>
|
|
<view class="p-col-right">
|
|
<text class="price-original">196,000</text>
|
|
<text class="price-num">¥{{mentor.priceYearFmt || mentor.priceYear}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="block" wx:if="{{mentor.judgmentStyle}}">
|
|
<view class="block-header"><text class="block-num">04</text><text class="block-title">判断风格</text></view>
|
|
<view class="style-tags">
|
|
<text class="style-tag" wx:for="{{mentor.judgmentStyleArr}}" wx:key="*this">{{item}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="bottom-btn-area">
|
|
<view class="contact-btn" bindtap="onContactTap">
|
|
<icon name="message-circle" size="40" color="#00CED1" customClass="contact-icon"></icon>
|
|
<text>联系导师</text>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
|
|
<!-- v2 弹窗：选择咨询项目 -->
|
|
<view class="modal-overlay" wx:if="{{showConsultModal}}" bindtap="closeConsultModal">
|
|
<view class="modal-content" catchtap="">
|
|
<view class="modal-header">
|
|
<text class="modal-title">选择咨询项目</text>
|
|
<view class="modal-close" bindtap="closeConsultModal"><icon name="x" size="36" color="#8e8e93"></icon></view>
|
|
</view>
|
|
<view class="consult-options">
|
|
<view
|
|
wx:for="{{consultOptions}}"
|
|
wx:key="type"
|
|
class="consult-option {{selectedType === item.type ? 'option-selected' : ''}}"
|
|
data-item="{{item}}"
|
|
bindtap="onSelectOption"
|
|
>
|
|
<view class="option-row1">
|
|
<text class="option-label">{{item.label}}</text>
|
|
<text class="option-rec" wx:if="{{item.recommend}}">推荐</text>
|
|
<view class="option-radio {{selectedType === item.type ? 'radio-selected' : ''}}"></view>
|
|
</view>
|
|
<view class="option-row2">
|
|
<text class="option-desc">{{item.desc}}</text>
|
|
<view class="option-price-wrap">
|
|
<text class="option-price-old" wx:if="{{item.original}}">¥{{item.original}}</text>
|
|
<text class="option-price">¥{{item.priceFmt || item.price}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="modal-footer">
|
|
<view class="confirm-btn" bindtap="onConfirmConsult" disabled="{{creating}}">
|
|
<text>{{creating ? '处理中...' : '确认选择'}}</text>
|
|
<icon wx:if="{{!creating}}" name="chevron-right" size="28" color="#fff" customClass="confirm-arrow"></icon>
|
|
</view>
|
|
<text class="footer-hint">点击确认即代表同意 <text class="footer-link">服务协议</text></text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="bottom-space"></view>
|
|
</view>
|