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