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.
|
|
<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>
|