8 changed files with 111 additions and 26 deletions
@ -0,0 +1,67 @@ |
|||
<template> |
|||
<view class="bg"> |
|||
<view class="item" v-for="(item,index) in list" :key="index"> |
|||
<view class="title"> |
|||
{{item.title}} <span v-if="!item.isRead"></span> |
|||
</view> |
|||
<view class="time">{{item.time}}</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
list: [ |
|||
{ |
|||
title: '导游信息审核通知', |
|||
time: '2024-11-23', |
|||
isRead: false |
|||
}, |
|||
{ |
|||
title: '导游信息审核通知', |
|||
time: '2024-11-23', |
|||
isRead: true |
|||
} |
|||
] |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
.bg { |
|||
min-height: 100vh; |
|||
background: #F5F5F5; |
|||
padding-top: 50rpx; |
|||
} |
|||
|
|||
.item { |
|||
padding: 26rpx 20rpx 20rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 13rpx; |
|||
width: 697rpx; |
|||
margin: 0 auto 21rpx; |
|||
|
|||
.title { |
|||
font-weight: 500; |
|||
font-size: 32rpx; |
|||
color: #000000; |
|||
|
|||
span { |
|||
width: 11rpx; |
|||
height: 11rpx; |
|||
background: #E5131B; |
|||
border-radius: 50%; |
|||
} |
|||
} |
|||
|
|||
.time { |
|||
font-weight: 500; |
|||
font-size: 25rpx; |
|||
color: #717171; |
|||
margin-top: 22rpx; |
|||
} |
|||
} |
|||
</style> |
Loading…
Reference in new issue