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