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.
92 lines
2.0 KiB
92 lines
2.0 KiB
<template>
|
|
<view>
|
|
<view class="status_bar"></view>
|
|
<uni-nav-bar left-icon="left" title="Message" color="#000000" rightIcon="info" @clickLeft="back" @clickRight="isDelete=!isDelete" :border="false"/>
|
|
<view class="body">
|
|
<view class="msg_item">
|
|
<view class="msg_time">21/04/2022 14:42:31</view>
|
|
<view class="msg_title">Message heading</view>
|
|
<view class="msg_content">
|
|
estimated to be deliverd on estimated to be deliverd on estim
|
|
ated to be deliverd on estimated to be deliverd on
|
|
</view>
|
|
<view class="msg_img"></view>
|
|
</view>
|
|
<view class="msg_item">
|
|
<view class="msg_time">21/04/2022 14:42:31</view>
|
|
<view class="msg_title">Message heading</view>
|
|
<view class="msg_content">
|
|
estimated to be deliverd on estimated to be deliverd on estim
|
|
ated to be deliverd on estimated to be deliverd on
|
|
</view>
|
|
</view>
|
|
<view class="msg_item">
|
|
<view class="msg_time">21/04/2022 14:42:31</view>
|
|
<view class="msg_title">Message heading</view>
|
|
<view class="msg_content">
|
|
estimated to be deliverd on estimated to be deliverd on estim
|
|
ated to be deliverd on estimated to be deliverd on
|
|
</view>
|
|
<view class="msg_img"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods:{
|
|
back(){
|
|
uni.navigateBack()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.uni-navbar{
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
}
|
|
.body{
|
|
border-top: 13.33rpx #F7F7F7 solid;
|
|
padding:0 26.67rpx;
|
|
}
|
|
.msg_item{
|
|
padding-top: 42.67rpx;
|
|
padding-bottom: 28rpx;
|
|
border-bottom: 1px solid #E2E2E2;
|
|
|
|
.msg_time{
|
|
font-size: 25.33rpx;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
margin-bottom: 41.33rpx;
|
|
}
|
|
.msg_title{
|
|
font-size: 28rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.msg_content{
|
|
color: #555555;
|
|
font-size: 25.33rpx;
|
|
font-weight: 400;
|
|
|
|
}
|
|
.msg_img{
|
|
margin-top: 37.33rpx;
|
|
background-color: #FEF6F4;
|
|
width: 100%;
|
|
height: 281.33rpx;
|
|
}
|
|
}
|
|
.msg_item:last-child{
|
|
border-bottom: none;
|
|
}
|
|
</style>
|