<template> <view> <view v-if="messList == '' " class="mart60 fotct font14 fcor666"> <image mode="widthFix" style="width: 70vw;" src="../../../static/img/noorder.png"></image> </view> <view class="width100 height80 backcorfff" v-for="(item,index) in messList" :key="index"> <view class="width94 bor-botm1"> <view class="width80p flleft font14"> <view class="width100 fcor333 text2 paddtop10"> <text class="fcor089 marglerig">[重要]</text> 更新项目通知 </view> <view class="width100 fcor999 paddtop5"> <text class="fcor666 font12 bordercs marglerig">功能变更</text> 2020-12-12 </view> </view> <view class="width20 flright alijusend"> <text class="laby"></text> <image src="../../../static/img/jtg.png" mode="widthFix" class="iconw mart32"></image> </view> </view> </view> </view> </template> <script> export default { data() { return { messList: [] } }, methods: { } } </script> <style lang="scss"> page { background-color: #F8F8F8; } .bordercs { border: 1px solid #dfdfdf; padding: 1px 2px; border-radius: 4px; } .laby { margin-top: 32px; margin-right: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #eb5823; } .mart32 { margin-top: 32px; } </style>