Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 

222 rindas
6.5 KiB

  1. <template>
  2. <view class="message_list">
  3. <u-tabs :list="list" :show-bar="false" :is-scroll="false" :current="current" @change="change"></u-tabs>
  4. <view class="listMain">
  5. <view class="systemList" v-if="current==0">
  6. <view class="sysItem">
  7. <image class="headpic" src="../../static/images/function1.png"></image>
  8. <view class="right">
  9. <view class="headInfo">
  10. <view class="title">优秀案例</view>
  11. <view class="info">恭喜你,你的接待记录被设为了优秀案例!</view>
  12. </view>
  13. <view class="content">
  14. 我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充
  15. </view>
  16. <view class="time">
  17. 2021-01-12 12:23:01
  18. </view>
  19. </view>
  20. </view>
  21. <view class="sysItem">
  22. <image class="headpic" src="../../static/images/function1.png"></image>
  23. <view class="right">
  24. <view class="headInfo">
  25. <view class="title">优秀案例</view>
  26. <view class="info">赞了你的接待</view>
  27. </view>
  28. <view class="content">
  29. 我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充
  30. </view>
  31. <view class="time">
  32. 2021-01-12 12:23:01
  33. </view>
  34. </view>
  35. </view>
  36. <view class="sysItem">
  37. <image class="headpic" src="../../static/images/function1.png"></image>
  38. <view class="right">
  39. <view class="headInfo">
  40. <view class="title">优秀案例</view>
  41. <view class="info">评价你:非常好,品牌价值观还需要补充</view>
  42. </view>
  43. <view class="content">
  44. 我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充
  45. </view>
  46. <view class="time">
  47. 2021-01-12 12:23:01
  48. </view>
  49. </view>
  50. </view>
  51. <view class="sysItem">
  52. <image class="headpic" src="../../static/images/function1.png"></image>
  53. <view class="right">
  54. <view class="headInfo">
  55. <view class="title">优秀案例</view>
  56. <view class="info">回复你:非常好,品牌价值观还需要补充</view>
  57. </view>
  58. <view class="content">
  59. 我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充
  60. </view>
  61. <view class="time">
  62. 2021-01-12 12:23:01
  63. </view>
  64. </view>
  65. </view>
  66. <view class="sysItem">
  67. <image class="headpic" src="../../static/images/function1.png"></image>
  68. <view class="right">
  69. <view class="headInfo">
  70. <view class="title">优秀案例</view>
  71. <view class="info">赞了你的接待</view>
  72. </view>
  73. <view class="content">
  74. 我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充
  75. </view>
  76. <view class="time">
  77. 2021-01-12 12:23:01
  78. </view>
  79. </view>
  80. </view>
  81. <view class="sysItem">
  82. <image class="headpic" src="../../static/images/function1.png"></image>
  83. <view class="right">
  84. <view class="headInfo">
  85. <view class="title">优秀案例</view>
  86. <view class="info">评价你:非常好,品牌价值观还需要补充</view>
  87. </view>
  88. <view class="content">
  89. 我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充我的评论:非常好,品牌价值观还需要补充
  90. </view>
  91. <view class="time">
  92. 2021-01-12 12:23:01
  93. </view>
  94. </view>
  95. </view>
  96. </view>
  97. <view class="upgradeList" v-if="current==1">
  98. <view class="upgradeItem">
  99. <view class="notRead">
  100. <!-- <view class="red"></view> -->
  101. </view>
  102. <view class="right">
  103. <view class="title">智控管家(2022-01-22)升级公告</view>
  104. <view class="time">2021-01-12 12:23:01</view>
  105. </view>
  106. </view>
  107. <view class="upgradeItem">
  108. <view class="notRead">
  109. <view class="red"></view>
  110. </view>
  111. <view class="right">
  112. <view class="title">智控管家(2022-01-11)升级公告</view>
  113. <view class="time">2021-01-12 12:23:01</view>
  114. </view>
  115. </view>
  116. </view>
  117. </view>
  118. </view>
  119. </template>
  120. <script>
  121. export default {
  122. data() {
  123. return {
  124. list: [{
  125. name: '系统消息'
  126. },{
  127. name: `升级公告`,
  128. count:20,
  129. }],
  130. current: 0
  131. };
  132. },
  133. methods:{
  134. change(index) {
  135. this.current = index;
  136. }
  137. }
  138. }
  139. </script>
  140. <style lang="scss">
  141. .message_list{
  142. .u-tab-item{
  143. border: 0.5rpx solid #dedede;
  144. }
  145. .listMain{
  146. margin-top: 20rpx;
  147. .systemList{
  148. .sysItem{
  149. padding: 20rpx;
  150. border: 1rpx solid #ccc;
  151. display: flex;
  152. margin: 16rpx 0;
  153. .headpic{
  154. width: 70rpx;
  155. height: 70rpx;
  156. border-radius: 100%;
  157. margin-right: 30rpx;
  158. }
  159. .right{
  160. .headInfo{
  161. .title{
  162. font-size: 32rpx;
  163. font-weight: bold;
  164. margin-bottom: 8rpx;
  165. }
  166. }
  167. .content{
  168. width: 600rpx;
  169. background: #e6e6e6;
  170. padding: 10rpx;
  171. margin: 14rpx 0;
  172. overflow: hidden;
  173. text-overflow: ellipsis;
  174. white-space: nowrap;
  175. }
  176. .time{
  177. color: #6f6f6f;
  178. font-size: 24rpx;
  179. }
  180. }
  181. }
  182. }
  183. .upgradeList{
  184. .upgradeItem{
  185. padding: 20rpx;
  186. border: 1rpx solid #ccc;
  187. margin: 16rpx 0;
  188. display: flex;
  189. .notRead{
  190. width: 14rpx;
  191. height: 14rpx;
  192. margin-right: 20rpx;
  193. margin-top: 16rpx;
  194. .red{
  195. background: #FF0000;
  196. width: 100%;
  197. height: 100%;
  198. border-radius: 100%;
  199. }
  200. }
  201. .right{
  202. .title{
  203. font-size: 32rpx;
  204. font-weight: bold;
  205. margin-bottom: 8rpx;
  206. }
  207. .time{
  208. color: #6f6f6f;
  209. font-size: 24rpx;
  210. }
  211. }
  212. }
  213. }
  214. }
  215. }
  216. </style>