学员端小程序
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.

93 lines
2.0 KiB

  1. <template>
  2. <view class="pageBgImg">
  3. <topNavbar title="行业资讯"></topNavbar>
  4. <view class="pad">
  5. <view class="card" @click="$goPage('/pages/indexEntry/iIndustryInfo/detail/detail')">
  6. <view class="borderTop flex-b">
  7. <view class="tit">三年驾龄交通违法和事故通报</view>
  8. <moreRight text="更多"></moreRight>
  9. </view>
  10. <view class="li">
  11. <view class="cover">
  12. <image src="@/static/images/logo.png" mode=""></image>
  13. </view>
  14. <view class="rightCon">
  15. <view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view>
  16. <view class="date">2023/07/16</view>
  17. </view>
  18. </view>
  19. <view class="li">
  20. <view class="cover">
  21. <image src="@/static/images/logo.png" mode=""></image>
  22. </view>
  23. <view class="rightCon">
  24. <view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view>
  25. <view class="date">2023/07/16</view>
  26. </view>
  27. </view>
  28. </view>
  29. </view>
  30. </view>
  31. </template>
  32. <script>
  33. export default {
  34. data() {
  35. return {
  36. }
  37. }
  38. }
  39. </script>
  40. <style lang="scss" scoped>
  41. .pageBgImg {
  42. min-height: 100vh;
  43. .pad {
  44. margin-top: 24rpx;
  45. }
  46. .card {
  47. width: 100%;
  48. padding: 0 24rpx 10rpx 24rpx;
  49. .borderTop {
  50. border-bottom: 1px dashed #E8E9EC;
  51. height: 88rpx;
  52. display: flex;
  53. align-items: center;
  54. .tit {
  55. font-size: 28rpx;
  56. font-weight: 600;
  57. }
  58. }
  59. .li {
  60. display: flex;
  61. align-items: center;
  62. padding:20rpx 0;
  63. .cover {
  64. width: 184rpx;
  65. height: 148rpx;
  66. border-radius: 6rpx;
  67. overflow: hidden;
  68. }
  69. .rightCon {
  70. padding: 0 0 0 30rpx;
  71. display: flex;
  72. height: 148rpx;
  73. flex-direction: column;
  74. justify-content: space-between;
  75. .h2 {
  76. font-size: 24rpx;
  77. margin-top: 4rpx;
  78. }
  79. .date {
  80. font-size: 20rpx;
  81. color: #686B73;
  82. text-align: right;
  83. }
  84. }
  85. }
  86. }
  87. }
  88. </style>