Admin.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <div class="mobile-fix-content admin-info">
  3. <div class="info">
  4. <div class="line">
  5. <span>用户名:</span>
  6. <span v-text="info.userName"></span>
  7. </div>
  8. <div class="line">
  9. <span>手机:</span>
  10. <span v-text="info.userTel"></span>
  11. </div>
  12. <div class="line">
  13. <span>邮箱:</span>
  14. <span v-text="info.userEmail"></span>
  15. </div>
  16. </div>
  17. </div>
  18. </template>
  19. <script>
  20. export default {
  21. props: {
  22. info: {
  23. default: {},
  24. type: Object
  25. }
  26. }
  27. }
  28. </script>
  29. <style lang="scss" scoped>
  30. .mobile-fix-content {
  31. background: #f1f3f6;
  32. }
  33. .admin-info {
  34. .info {
  35. width: 7.1rem;
  36. background: #fff;
  37. margin: 0 auto;
  38. height: 3.5rem;
  39. padding: 0 .24rem;
  40. font-size: .28rem;
  41. border-radius: .05rem;
  42. margin-top: .3rem;
  43. .line {
  44. overflow: hidden;
  45. text-overflow: ellipsis;
  46. white-space: nowrap;
  47. height: 1.16rem;
  48. line-height: 1.16rem;
  49. border-bottom: .01rem solid #d9d9d9;
  50. &:last-child {
  51. border-bottom: none;
  52. }
  53. span {
  54. margin-left: .56rem;
  55. display: inline-block;
  56. width: 1.2rem;
  57. color:#666;
  58. &:first-child{
  59. color:#226ce7;
  60. text-align: right;
  61. }
  62. }
  63. }
  64. }
  65. }
  66. </style>