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

90 lines
1.9 KiB

1 year ago
  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. .card {
  44. width: 100%;
  45. padding: 0 24rpx 10rpx 24rpx;
  46. .borderTop {
  47. border-bottom: 1px dashed #E8E9EC;
  48. height: 88rpx;
  49. display: flex;
  50. align-items: center;
  51. .tit {
  52. font-size: 28rpx;
  53. font-weight: 600;
  54. }
  55. }
  56. .li {
  57. display: flex;
  58. align-items: center;
  59. padding:20rpx 0;
  60. .cover {
  61. width: 184rpx;
  62. height: 148rpx;
  63. border-radius: 6rpx;
  64. overflow: hidden;
  65. }
  66. .rightCon {
  67. padding: 0 0 0 30rpx;
  68. display: flex;
  69. height: 148rpx;
  70. flex-direction: column;
  71. justify-content: space-between;
  72. .h2 {
  73. font-size: 24rpx;
  74. margin-top: 4rpx;
  75. }
  76. .date {
  77. font-size: 20rpx;
  78. color: #686B73;
  79. text-align: right;
  80. }
  81. }
  82. }
  83. }
  84. }
  85. </style>