servantDetail.wxml 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <wxs src="../../../utils/formatFuc.wxs" module="formatFuc" />
  2. <view class="page-container">
  3. <view class="servant-top">
  4. <image src="/static/images/new/icon-jzsh.png"></image>
  5. <text>鲸品家政师</text>
  6. </view>
  7. <view class="servant-basic">
  8. <view class="basic-left">
  9. <image src="{{resumeInfo.headImage}}" class="servant-avatar" mode="aspectFill"></image>
  10. <image src="/static/images/new/icon-chapter.png" class="jz-chapter" mode="aspectFill"></image>
  11. </view>
  12. <view class="basic-right">
  13. <view class="servant-name">{{resumeInfo.serverName}}</view>
  14. <view class="age-zodiac">
  15. <text class="servant-age">{{resumeInfo.age}}岁</text>
  16. <text>{{resumeInfo.zodiac}}</text>
  17. </view>
  18. <text class="servant-model" wx:for="{{servicePatternList}}" wx:key="index">{{item}}</text>
  19. </view>
  20. </view>
  21. <view class="servant-info">
  22. <view class="block-title">
  23. <image src="/static/images/new/icon-basic.png" class="title-img" mode="aspectFit"></image>
  24. <text>基本信息</text>
  25. </view>
  26. <view class="info-detail">
  27. <view class="detail-item">
  28. <text>籍贯:{{resumeInfo.nativePlace}}</text>
  29. <text>民族:{{resumeInfo.nation}}</text>
  30. <text>学历:{{resumeInfo.education}}</text>
  31. </view>
  32. <view class="detail-item">
  33. <text>身高:{{resumeInfo.height}}</text>
  34. <text>体重:{{resumeInfo.weight}}</text>
  35. <text>宗教信仰:{{resumeInfo.religion}}</text>
  36. </view>
  37. <view class="detail-item">
  38. 擅长:{{resumeInfo.skillNames}}
  39. </view>
  40. </view>
  41. </view>
  42. <!-- 培训体系 -->
  43. <view class="servant-train">
  44. <view class="block-title">
  45. <image src="/static/images/new/icon-train.png" class="title-img" mode="aspectFit"></image>
  46. <text>培训体系</text>
  47. </view>
  48. <image src="/static/images/new/train-list.png" class="train-list" mode="widthFix"></image>
  49. <view class="comment-title">培训中心院长评语:</view>
  50. <view class="comment-content sub-color">{{resumeInfo.comments}}</view>
  51. </view>
  52. <view class="servant-skill">
  53. <view class="block-title">
  54. <image src="/static/images/new/icon-skill.png" class="title-img" mode="aspectFit"></image>
  55. <text>技能证书</text>
  56. </view>
  57. <view class="skill-text">{{resumeInfo.certificateName}}</view>
  58. </view>
  59. <!-- 技能展示 -->
  60. <view class="skill-show">
  61. <view class="block-title">
  62. <image src="/static/images/new/icon-show.png" class="title-img" mode="aspectFit"></image>
  63. <text>技能展示</text>
  64. </view>
  65. <view class="skill-swiper-wrapper">
  66. <scroll-view class="sroll-block" scroll-x="true" scroll-left="102" bindscroll="scroll" style="width: 666rpx">
  67. <image class="scroll-img" src="{{item}}" wx:for="{{skillList}}" wx:key="index" mode="aspectFill"></image>
  68. </scroll-view>
  69. </view>
  70. <!-- 指示器 -->
  71. <view class="indicator-wrapper">
  72. <view class="indicator-dot {{index==activeDot?'activeDot':''}}" wx:for="{{skillList}}" wx:key="index" ></view>
  73. </view>
  74. </view>
  75. <!-- 联系管家 -->
  76. <view class="operate-btn">
  77. <view class="contract-wrapper">
  78. <button style="opacity:0; width:322rpx;height:70rpx;position:absolute; left:34rpx; top:0rpx; z-index:999;" open-type="contact">
  79. </button>
  80. <view class="contract-btn">联系管家</view>
  81. </view>
  82. <view class="appoint-btn" bindtap="goAppoint">立即预约</view>
  83. </view>
  84. </view>