xnzt/xnzt-h5/pages/mine/msg/listmsg.vue

82 lines
1.2 KiB
Vue
Raw Permalink Normal View History

2024-11-11 10:27:27 +08:00
<template>
<view class="container">
<view class="list">
<view class="item" v-for="(item,index) in 10" :key="index">
<view class="time">
08-03 08:00
</view>
<view class="con">
<view class="title">
公告通知标题
</view>
<view class="info">
最新消息详情xxxx 最新消息详情xxxx最新消息详情xxxx
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss" scoped>
$color: #FCAA30;
.container {
padding: 30rpx;
.list {
.item {
margin-bottom: 20rpx;
.time {
height: 60rpx;
line-height: 60rpx;
text-align: center;
font-size: 24rpx;
font-weight: 500;
color: #999999;
}
.con {
padding: 20rpx;
border-radius: 10rpx;
background-color: #fff;
.title {
font-size: 30rpx;
font-weight: bold;
color: #0D0D0D;
line-height: 40rpx;
}
.info {
margin-top: 10rpx;
line-height: 40rpx;
font-size: 26rpx;
font-weight: 500;
color: #999999;
}
}
}
}
}
</style>