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.

112 lines
2.3 KiB

<template>
<view class="container">
<view class="news-list">
<view class="item" v-for="(item,index) in newsList" :key="item.id">
<view class="msg">{{item.msg}}</view>
<view class="time">{{item.time}}</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
newsList: [{
id: 1,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 2,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 3,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 4,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 5,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 6,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 7,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 8,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 9,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 10,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
},
{
id: 11,
msg: '您有新的工序质检,请及时处理',
time: '2022-07-09 15:00:00'
}
]
}
},
methods: {
backClick() {
uni.switchTab({
url: '/pages/index/index'
});
}
}
}
</script>
<style lang="scss" scoped>
.container {
background: #f9f9f9;
.news-list {
.item {
margin: 10px 10px;
border-radius: 4px;
padding: 10px 10px 8px;
background-color: #ffffff;
box-sizing: border-box;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
.msg {
font-size: 14px;
color: #333333;
font-weight: 600;
}
.time {
color: #666;
font-size: 12px;
}
}
}
}
</style>