details.wxml 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <van-tabs swipeable sticky color='var(--assist)' title-active-color='var(--assist)'>
  2. <van-tab title="详情">
  3. <view class="main">
  4. <view class="title multi-line">多三边定制家具7月新品政策sdfsdf多三边定制家具7月新品政策65464多三边定制家具7月新品政策sadas</view>
  5. <view class="incidental">
  6. <view class="incidental_l">
  7. <van-tag custom-class='tag' color="#FF3B30" plain>政策公告</van-tag>
  8. <view class="time">发布于:2022-10-12</view>
  9. </view>
  10. <view class="incidental_r">
  11. <view class="incidental_r_item">
  12. <text class="iconfont icon-a-tonggaoliulanliang" />
  13. 200
  14. </view>
  15. </view>
  16. </view>
  17. <view class="cut-off-rule" />
  18. </view>
  19. <My_card custom-class="evaluate" title="通告评价" hover>
  20. <view slot='title-r' class="title-r">112人评分</view>
  21. <view class="score">
  22. <text>总体</text>
  23. <van-rate custom-class='rate' value="{{ rate.nubmer }}" size="{{ 25 }}" color="#ffd21e" void-icon="star" void-color="#eee" bind:change="rateChange" />
  24. <text>{{rate.text}}</text>
  25. </view>
  26. <view class="but-box">
  27. <van-button custom-class='submit' color="var(--assist)">提交</van-button>
  28. </view>
  29. </My_card>
  30. <My_card title="建议与反馈">
  31. <view style="width: 100%; text-align: center;">
  32. <textarea placeholder="请输入您的建议与反馈"></textarea>
  33. <view class="but-box">
  34. <van-button custom-class='submit' color="var(--assist)">提交</van-button>
  35. </view>
  36. </view>
  37. </My_card>
  38. </van-tab>
  39. <van-tab title="数据">
  40. <!-- 头部数据 -->
  41. <My_card custom-class='head'>
  42. <view class="box">
  43. <view class="title">
  44. <text class="iconfont icon-a-tonggaoshujuliulanliang" />浏览量
  45. </view>
  46. <view class="data">
  47. <view class="subarea">
  48. <view class="nubmer">15</view>
  49. <view class="string">已浏览</view>
  50. </view>
  51. <view class="vertical" />
  52. <view class="subarea">
  53. <view class="nubmer">30</view>
  54. <view class="string">应浏览</view>
  55. </view>
  56. </view>
  57. </view>
  58. <view class="box">
  59. <view class="title">
  60. <text class="iconfont icon-a-tonggaoshujuxiazailiang" />下载量
  61. </view>
  62. <view class="data">
  63. <view class="subarea">
  64. <view class="nubmer">15</view>
  65. <view class="string">已下载</view>
  66. </view>
  67. <view class="vertical" />
  68. <view class="subarea">
  69. <view class="nubmer">30</view>
  70. <view class="string">应下载</view>
  71. </view>
  72. </view>
  73. </view>
  74. </My_card>
  75. <My_card custom-class='data-main'>
  76. <view class="tab">
  77. <view class="tab_item active">未浏览人员</view>
  78. <view class="tab_item">未下载人员</view>
  79. </view>
  80. <view class="data-content">
  81. <block wx:for="{{5}}">
  82. <view class="title">
  83. <view class="title_l">负责人:张三</view>
  84. <view class="title_r">
  85. 应浏览:3人 未浏览:2人
  86. </view>
  87. </view>
  88. <view class="user-list">
  89. <view class="user" wx:for="{{5}}">
  90. <view class="line-1">江苏省苏州市姑苏区 张三丰</view>
  91. <text class="iconfont icon-shujubodadianhua1" />
  92. </view>
  93. </view>
  94. <view class="line-between" />
  95. </block>
  96. </view>
  97. </My_card>
  98. </van-tab>
  99. </van-tabs>