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

54 lines
1006 B

1 year ago
  1. <template>
  2. <view class="userInfo">
  3. <view class="tit">Hi,大乔教练</view>
  4. <view class="flex userRow">
  5. <view class="schoolIcon">
  6. <image src="@/static/images/index/ic_jiaxiao.png" mode=""></image>
  7. </view>
  8. <view class="schoolName oneRowText">翔力驾校</view>
  9. <view class="tag">合作教练</view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. </script>
  15. <style lang="scss" scoped>
  16. .userInfo {
  17. .tit {
  18. font-size: 48rpx;
  19. color: #fff;
  20. font-weight: 500;
  21. }
  22. .userRow {
  23. align-items: center;
  24. margin-bottom: 20rpx;
  25. .schoolIcon {
  26. width: 28rpx;
  27. height: 28rpx;
  28. }
  29. .schoolName {
  30. font-size: 28rpx;
  31. padding: 20rpx;
  32. max-width: 220rpx;
  33. color: #fff;
  34. }
  35. .tag {
  36. min-width: 112rpx;
  37. height: 44rpx;
  38. background: #82AFDD;
  39. border-radius: 22rpx;
  40. font-size: 20rpx;
  41. color: #fff;
  42. line-height: 44rpx;
  43. text-align: center;
  44. white-space: nowrap;
  45. width: fit-content;
  46. }
  47. }
  48. }
  49. </style>