my.vue 2.2 KB

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