my.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <template>
  2. <view class="page" :style="{'height':sysHeight}">
  3. <view>
  4. <image class="bgImage" src="/static/my/bg1.png"></image>
  5. </view>
  6. <view class="page1" :style="{'height':sysHeight}">
  7. <view class="useInfo flex-row">
  8. <view class="profileView">
  9. <image class="profile" src="/static/my/fuwuNmber.png"></image>
  10. </view>
  11. <view class="usermsg flex-col">
  12. <view class="name">
  13. <text>脱离老师</text>
  14. </view>
  15. <view class="other flex-row">
  16. <text>脱离老师脱离老师脱离老师脱离</text>
  17. <u-icon name="arrow-right" color="#333333" size="18"></u-icon>
  18. </view>
  19. </view>
  20. </view>
  21. <view class="statistics flex-col">
  22. <view class="statisticsTitle">
  23. <text >今日业绩统计</text>
  24. </view>
  25. <view class="flex-row justify-center ">
  26. <view class="statisticsItem flex-col ">
  27. <view class="flex-row justify-center">
  28. <u-icon name="/static/my/fuwuNmber.png" size="28"></u-icon>
  29. </view>
  30. <view class="flex-row justify-center statisticsKey">
  31. <text>服务次数(次)</text>
  32. </view>
  33. <view class="flex-row justify-center statisticsValue">
  34. <text>12</text>
  35. </view>
  36. </view>
  37. <view class="statisticsItem flex-col ">
  38. <view class="flex-row justify-center">
  39. <u-icon name="/static/my/fuwuTimeLong.png" size="28"></u-icon>
  40. </view>
  41. <view class="flex-row justify-center statisticsKey">
  42. <text>服务时长(分)</text>
  43. </view>
  44. <view class="flex-row justify-center statisticsValue">
  45. <text>12</text>
  46. </view>
  47. </view>
  48. </view>
  49. </view>
  50. <view class="list">
  51. <uni-list>
  52. <uni-list-item :to="item.to" :title="item.title" showArrow :thumb="item.thumb" thumb-size="sm" :rightText="item.rightText" v-for="(item,index) in group1" :key="index"/>
  53. </uni-list>
  54. </view>
  55. </view>
  56. </view>
  57. </template>
  58. <script>
  59. export default {
  60. data() {
  61. return {
  62. sysHeight:'',
  63. group1: [
  64. {thumb: '/static/my/idcard.png', title: '个人信息', rightText: '', to: '/myPages/aboutOur/index'}
  65. ],
  66. }
  67. },
  68. onLoad(){
  69. let sysInfo = uni.getSystemInfoSync()
  70. this.sysHeight = sysInfo.windowHeight + 'px'
  71. console.log(this.sysHeight)
  72. },
  73. methods: {
  74. }
  75. }
  76. </script>
  77. <style lang="scss" scoped>
  78. @import './index.rpx.css';
  79. </style>