江西小程序管理端
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.

91 lines
1.8 KiB

1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
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 oneRowText">{{ vuex_userInfo.user.nickname}}</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 oneRowText">没有返回字段</view>
  18. <!-- <view class="tag" v-if="identity=='校长'">驾校校长</view>
  19. <view class="tag" v-else>合作教练</view> -->
  20. </view>
  21. <view class="tag" >{{identity}}</view>
  22. </view>
  23. </view>
  24. </template>
  25. <script>
  26. </script>
  27. <style lang="scss" scoped>
  28. .info_row {
  29. display: flex;
  30. align-items: center;
  31. .avatar {
  32. width: 144rpx;
  33. height: 144rpx;
  34. border-radius: 50%;
  35. overflow: hidden;
  36. }
  37. .info {
  38. padding-left: 20rpx;
  39. .name_row {
  40. display: flex;
  41. align-items: center;
  42. padding: 6rpx 20rpx 0rpx 0;
  43. .name {
  44. font-size: 48rpx;
  45. font-weight: 500;
  46. width: 300rpx;
  47. }
  48. .icon {
  49. width: 40rpx;
  50. height: 40rpx;
  51. margin-left: 20rpx;
  52. }
  53. }
  54. .school_row {
  55. display: flex;
  56. align-items: center;
  57. padding: 16rpx 0;
  58. .icon {
  59. width: 28rpx;
  60. height: 28rpx;
  61. }
  62. .schoolName {
  63. font-size: 28rpx;
  64. padding: 0rpx 20rpx;
  65. width: 0;
  66. flex: 1;
  67. }
  68. }
  69. .tag {
  70. height: 44rpx;
  71. padding: 0 20rpx;
  72. background: rgba(25, 137, 250, 0.1);
  73. border-radius: 22rpx;
  74. font-size: 24rpx;
  75. line-height: 44rpx;
  76. text-align: center;
  77. color: $themC;
  78. white-space: nowrap;
  79. width: fit-content;
  80. }
  81. }
  82. }
  83. </style>