江西小程序管理端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

85 lines
1.6 KiB

1 year ago
  1. <template>
  2. <view class="info_row">
  3. <view class="avatar">
  4. <image src="@/static/images/coach/avatar.png" mode=""></image>
  5. </view>
  6. <view class="info" @click="$goPage('/pages/userCenter/personaInfo/personaInfo')">
  7. <view class="name_row">
  8. <view class="name">大乔教练</view>
  9. <view class="icon">
  10. <image src="@/static/images/coach/ic_gengduo.png" mode=""></image>
  11. </view>
  12. </view>
  13. <view class="school_row">
  14. <view class="icon">
  15. <image src="@/static/images/index/ic_jiaxiao_cli.png" mode=""></image>
  16. </view>
  17. <view class="schoolName">翔力驾校</view>
  18. <view class="tag">合作教练</view>
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. </script>
  25. <style lang="scss" scoped>
  26. .info_row {
  27. display: flex;
  28. align-items: center;
  29. .avatar {
  30. width: 144rpx;
  31. height: 144rpx;
  32. border-radius: 50%;
  33. overflow: hidden;
  34. }
  35. .info {
  36. padding-left: 20rpx;
  37. .name_row {
  38. display: flex;
  39. align-items: center;
  40. padding: 6rpx 20rpx 22rpx 0;
  41. .name {
  42. font-size: 48rpx;
  43. font-weight: 500;
  44. }
  45. .icon {
  46. width: 40rpx;
  47. height: 40rpx;
  48. margin-left: 20rpx;
  49. }
  50. }
  51. .school_row {
  52. display: flex;
  53. align-items: center;
  54. .icon {
  55. width: 28rpx;
  56. height: 28rpx;
  57. }
  58. .schoolName {
  59. font-size: 28rpx;
  60. padding: 0rpx 20rpx;
  61. }
  62. .tag {
  63. width: 112rpx;
  64. height: 44rpx;
  65. background: rgba(25, 137, 250, 0.1);
  66. border-radius: 22rpx;
  67. font-size: 20rpx;
  68. line-height: 44rpx;
  69. text-align: center;
  70. color: $themC;
  71. }
  72. }
  73. }
  74. }
  75. </style>