From af2cf237c9506f0cb9db8185c96e546bb9a73b63 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 29 Jul 2021 08:47:21 +0800
Subject: [PATCH] 部分页面搭建配置等
---
pages/message/message.vue | 92 ++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 88 insertions(+), 4 deletions(-)
diff --git a/pages/message/message.vue b/pages/message/message.vue
index 4b1bf4f..3db7420 100644
--- a/pages/message/message.vue
+++ b/pages/message/message.vue
@@ -1,11 +1,95 @@
<template>
- <div>
- 123
- </div>
+ <view class="container">
+ <u-tabs :list="list" :is-scroll="false" :current="current" active-color="#14B9C8" inactive-color="#595959"
+ height="100" @change="change"></u-tabs>
+ <u-search v-model="keyword" shape="round" class="u-search" input-align="center" height="70" :show-action="false"></u-search>
+ <view class="inTmain" v-for="(item,index) in dataList">
+ <u-card :title="item.title" v-show="item.category == current + 1">
+ <view class="" slot="body">
+ <view>
+ <view style="margin-bottom: 10px;" class="u-body-item-title u-line-1">
+ 通知类型：{{item.category == 1 ? '单位公告' : '公安公告'}}</view>
+ </view>
+ <view>
+ <view class="u-body-item-title u-line-1">通知日期：{{item.releaseTime}}</view>
+ </view>
+ </view>
+ <view class="" slot="foot">
+ </u-icon>发布单位：{{item.depName}}</view>
+ </u-card>
+ </view>
+ </view>
</template>
<script>
+ export default {
+ data() {
+ return {
+ dataList: [],
+ list: [{
+ name: '单位公告'
+ },
+ {
+ name: '公安公告'
+ }
+ ],
+ current: 0,
+ };
+ },
+ onLoad() {
+
+ },
+ onReachBottom() {
+
+ },
+ mounted() {
+ this.getCompany();
+ },
+ methods: {
+ getCompany() {
+ var that = this;
+ uni.request({
+ url: this.$store.state.piAPI + "/blade-desk/notice/page",
+ method: "get",
+ data: {
+
+ },
+ success: (res) => {
+ var resdata = res.data.data.records;
+ that.dataList = resdata;
+ }
+ });
+ },
+ change(index) {
+ this.current = index;
+ }
+ }
+ };
</script>
-<style>
+<style lang="scss">
+ .u-card-wrap {
+ background-color: $u-bg-color;
+ padding: 1px;
+ }
+
+ .u-body-item {
+ font-size: 32rpx;
+ color: #333;
+ padding: 20rpx 10rpx;
+ }
+
+ .u-body-item image {
+ width: 120rpx;
+ flex: 0 0 120rpx;
+ height: 120rpx;
+ border-radius: 8rpx;
+ margin-left: 12rpx;
+ }
+
+ .u-search {
+ padding: 20rpx 30rpx 0 30rpx;
+ }
+
+ .inTmain {}
</style>
--
Gitblit v1.9.3