AI销管
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

dailyList.vue 2.9 KiB

2 vuotta sitten
2 vuotta sitten
2 vuotta sitten
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <template>
  2. <view class="dailyList">
  3. <view class="listItem">
  4. <view class="tit">
  5. <view class="notRead">
  6. <view class="red"></view>
  7. </view>
  8. <text>
  9. 01月27日接待指标概览
  10. </text>
  11. </view>
  12. <view class="Introduction">
  13. 指标总计9个,其中3个明显上涨,2个明显下单,5个小幅波动。
  14. </view>
  15. <view class="tag">
  16. <u-tag text="最大波动指标" plain type="warning"></u-tag>
  17. </view>
  18. <view class="details">
  19. <view class="statusIcon down"></view>
  20. <text class="textInfo">
  21. 01月27日接待的平均执行率明显上涨,环比26日上涨<text class="upText">120%</text>,同比上周上涨<text class="downText">10%</text>
  22. </text>
  23. </view>
  24. <view class="goDetail">
  25. 详细报告
  26. </view>
  27. </view>
  28. <view class="listItem">
  29. <view class="tit">
  30. <!-- <view class="notRead">
  31. <view class="red"></view>
  32. </view> -->
  33. <text>
  34. 01月27日接待指标概览
  35. </text>
  36. </view>
  37. <view class="Introduction">
  38. 指标总计9个,其中3个明显上涨,2个明显下单,5个小幅波动。
  39. </view>
  40. <view class="tag">
  41. <u-tag text="最大波动指标" plain type="warning"></u-tag>
  42. </view>
  43. <view class="details">
  44. <view class="statusIcon up"></view>
  45. <text class="textInfo">
  46. 01月27日接待的平均执行率明显上涨,环比26日上涨<text class="upText">120%</text>,同比上周上涨<text class="downText">10%</text>
  47. </text>
  48. </view>
  49. <view class="goDetail" @click="goDetail">
  50. 详细报告
  51. </view>
  52. </view>
  53. </view>
  54. </template>
  55. <script>
  56. export default {
  57. name:"dailyList",
  58. data() {
  59. return {
  60. }
  61. },
  62. methods: {
  63. goDetail(){
  64. uni.navigateTo({
  65. url:"./dailyDetail"
  66. })
  67. }
  68. }
  69. }
  70. </script>
  71. <style lang="scss" scoped>
  72. .dailyList{
  73. padding: 0 20rpx;
  74. .listItem{
  75. border: 0.5px solid #868686;
  76. border-radius: 16rpx;
  77. padding: 22rpx;
  78. margin-bottom: 20rpx;
  79. .tit{
  80. display: flex;
  81. align-items: center;
  82. .notRead{
  83. width: 14rpx;
  84. height: 14rpx;
  85. margin-right: 10rpx;
  86. .red{
  87. background: #FF0000;
  88. width: 100%;
  89. height: 100%;
  90. border-radius: 100%;
  91. }
  92. }
  93. text{
  94. font-size: 36rpx;
  95. font-weight: bold;
  96. }
  97. margin-bottom: 20rpx;
  98. }
  99. .Introduction{
  100. font-size: 28rpx;
  101. font-weight: bold;
  102. display: -webkit-box;
  103. -webkit-box-orient: vertical;
  104. -webkit-line-clamp: 2;
  105. overflow: hidden;
  106. }
  107. .tag{
  108. margin: 10rpx 0 20rpx;
  109. }
  110. .details{
  111. display: flex;
  112. .statusIcon{
  113. width: 70rpx;
  114. height: 40rpx;
  115. }
  116. .up{
  117. background: url(img/up.png) no-repeat;
  118. background-size: 100%;
  119. }
  120. .down{
  121. background: url(img/down.png) no-repeat;
  122. background-size: 100%;
  123. }
  124. .textInfo{
  125. font-size: 26rpx;
  126. .upText{
  127. color: red;
  128. }
  129. .downText{
  130. color: green;
  131. }
  132. }
  133. }
  134. .goDetail{
  135. font-size: 28rpx;
  136. color: #3A8EED;
  137. text-align: right;
  138. }
  139. }
  140. }
  141. </style>