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.
 
 
 
 
xuan-pay-cweb/pages/index/message-center/message-center.vue

61 lines
1.3 KiB

<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>