jszjdy-regulatory-app/pages/notice/list.vue

94 lines
1.8 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view class="container">
<view
class="wrap"
@click="
$u.route({
url: '/pages/notice/detail',
})
"
>
<view class="title">系统升级公告</view>
<view class="info u-line-1"
>系统将于2023-1-13日进行升级敬请期待...</view
>
<view class="bottem">
<view class="fcb">查看详情</view>
<view>
<u-icon name="arrow-right" color="#999999"></u-icon>
</view>
</view>
</view>
<view
class="wrap"
@click="
$u.route({
url: '/pages/notice/detail',
})
"
>
<view class="title">系统升级公告</view>
<view class="info u-line-1"
>系统将于2023-1-13日进行升级敬请期待...</view
>
<view class="bottem">
<view class="fcb">查看详情</view>
<view>
<u-icon name="arrow-right" color="#999999"></u-icon>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style scoped lang="scss">
.container {
width: 100%;
height: calc(100vh - 95px);
background: #fafafa;
padding: 20upx;
box-sizing: border-box;
.wrap {
width: 100%;
background: #ffffff;
padding: 20upx;
border-radius: 8upx;
box-sizing: border-box;
margin-top: 20upx;
.title {
font-size: 32upx;
border-bottom: 1px solid #eeeeee;
line-height: 2.5;
}
.info {
color: #666;
margin: 20upx 0;
box-sizing: border-box;
}
.bottem {
width: 100%;
border-top: 1px solid #eeeeee;
display: flex;
justify-content: space-between;
padding: 20upx 0;
box-sizing: border-box;
.fcb {
color: #1d82fe;
}
}
}
}
</style>