unknown
1 year ago
2 changed files with 95 additions and 1 deletions
@ -0,0 +1,94 @@ |
|||||
|
<template> |
||||
|
<view class="pageBgImg"> |
||||
|
<topNavbar title="行业资讯"></topNavbar> |
||||
|
<view class="pad"> |
||||
|
<view class="card" @click="$goPage('/pages/indexEntry/iIndustryInfo/detail/detail')"> |
||||
|
<view class="borderTop flex-b"> |
||||
|
<view class="tit">三年驾龄交通违法和事故通报</view> |
||||
|
<moreRight text="更多"></moreRight> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="cover"> |
||||
|
<image src="@/static/images/logo.png" mode=""></image> |
||||
|
</view> |
||||
|
<view class="rightCon"> |
||||
|
<view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view> |
||||
|
<view class="date">2023/07/16</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="li"> |
||||
|
<view class="cover"> |
||||
|
<image src="@/static/images/logo.png" mode=""></image> |
||||
|
</view> |
||||
|
<view class="rightCon"> |
||||
|
<view class="h2">2023年6月份江西省三年驾龄交通违法和事故通报</view> |
||||
|
<view class="date">2023/07/16</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.pageBgImg { |
||||
|
min-height: 100vh; |
||||
|
.pad { |
||||
|
margin-top: 24rpx; |
||||
|
} |
||||
|
.card { |
||||
|
width: 100%; |
||||
|
padding: 0 24rpx 10rpx 24rpx; |
||||
|
.borderTop { |
||||
|
border-bottom: 1px dashed #E8E9EC; |
||||
|
height: 88rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
.tit { |
||||
|
font-size: 28rpx; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.li { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
padding:20rpx 0; |
||||
|
.cover { |
||||
|
width: 184rpx; |
||||
|
height: 148rpx; |
||||
|
border-radius: 6rpx; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.rightCon { |
||||
|
padding: 0 0 0 30rpx; |
||||
|
display: flex; |
||||
|
height: 148rpx; |
||||
|
flex-direction: column; |
||||
|
justify-content: space-between; |
||||
|
.h2 { |
||||
|
font-size: 24rpx; |
||||
|
margin-top: 4rpx; |
||||
|
} |
||||
|
|
||||
|
.date { |
||||
|
font-size: 20rpx; |
||||
|
color: #686B73; |
||||
|
text-align: right; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue