From d5f0a8d7329ecc183d83f4c01212ca6770f37f4a Mon Sep 17 00:00:00 2001 From: mk <2403457699@qq.com> Date: Mon, 16 Oct 2023 16:55:55 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B9=B2=E6=9D=AF=E8=AE=AE=E4=BA=8B=E5=8F=8C?= =?UTF-8?q?=E8=82=A9=E8=B5=B0=E6=A0=BC=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?= =?UTF-8?q?,=E9=9A=90=E8=97=8F=E9=99=A4=E6=A5=BC=E9=95=BF=E4=BB=A5?= =?UTF-8?q?=E5=A4=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../project.private.config.json | 9 +- .../fingertipYushan/pages/index/index.js | 72 ++- .../fingertipYushan/pages/index/index.wxml | 69 ++- .../fingertipYushan/pages/index/index.wxss | 377 ++++++++++++++++ .../fingertipYushan/utils/fingertipYushan.js | 10 + .../pages/categoryList/categoryList.wxml | 3 +- .../mediateHypermarket/page/index/index.js | 91 +++- .../mediateHypermarket/page/index/index.wxml | 72 ++- .../mediateHypermarket/page/index/index.wxss | 413 ++++++++++++++++++ .../utils/mediateHypermarket.js | 9 + 10 files changed, 1072 insertions(+), 53 deletions(-) diff --git a/epdc-resident-mp-yushan/project.private.config.json b/epdc-resident-mp-yushan/project.private.config.json index 8a43f4b..632ba79 100644 --- a/epdc-resident-mp-yushan/project.private.config.json +++ b/epdc-resident-mp-yushan/project.private.config.json @@ -3,6 +3,13 @@ "condition": { "miniprogram": { "list": [ + { + "name": "干杯议事", + "pathName": "subpages/fingertipYushan/pages/index/index", + "query": "", + "launchMode": "default", + "scene": null + }, { "name": "带参数二维码", "pathName": "pages/index/index", @@ -142,5 +149,5 @@ }, "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html", "projectname": "%252525E7%2525258E%252525B0%252525E4%252525BB%252525A3%252525E6%252525A6%25252586%252525E5%252525B1%252525B1-%252525E5%252525B1%25252585%252525E6%252525B0%25252591%252525E7%252525AB%252525AF", - "libVersion": "2.33.0" + "libVersion": "2.27.3" } \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.js b/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.js index 461534b..120781b 100644 --- a/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.js +++ b/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.js @@ -1,4 +1,5 @@ const api = require('../../utils/fingertipYushan') +import { getModuleList, contentList } from '../../utils/fingertipYushan' Page({ /** @@ -10,10 +11,14 @@ Page({ nodata: false, loadMoreType: 'none', loadMoreVisible: false, - isLoadMore: false, modulelist: [], pid: '1438320938730868737', - typeCode: 'GBYS' + typeCode: 'GBYS', + setlectVal:'left', + noticelist:[], + moduleInfo: { + style:'4' + }, }, /** @@ -25,6 +30,7 @@ Page({ // title: options.title // }) this.getModuleList() + this.getNoticelist() }, // modulelist() { // let that = this; @@ -66,6 +72,47 @@ Page({ console.log(err) }) }, + //获取通知列表 + getNoticelist(categoryCode='') { + let that = this + let params = { + pageIndex: this.data.pageIndex, + pageSize: this.data.pageSize, + typeId: this.data.typeId, + } + contentList(params).then(res => { + let list = [ ...res.data ] + console.log(list) + that.setData({ + noticelist: that.data.noticelist.concat(list), + loadMoreType: res.data.length === that.data.pageSize ? 'loading' : 'none', + loadMoreVisible: res.data.length === that.data.pageSize ? false : true, + preloadVisible: false + }) + console.log(this.data.noticelist); + if (that.data.noticelist.length == 0) { + that.setData({ + nodata: true, + loadMoreType: 'loading', + loadMoreVisible: false, + }) + }else{ + that.setData({ + nodata: false, + }) + } + + }).catch(err => { + that.setData({ + noticelist: [], + nodata: true, + loadMoreType: 'none', + loadMoreVisible: false, + preloadVisible: false + }) + console.log(err) + }) + }, /** * 页面上拉触底事件的处理函数 */ @@ -78,12 +125,29 @@ Page({ pageIndex: this.data.pageIndex + 1, pageSize: this.data.pageSize, }) - this.getModuleList() + this.getNoticelist() + } }, goDetails (e) { wx.navigateTo({ url: `/subpages/workTodo/pages/moduleList/moduleList?pid=${e.currentTarget.dataset.module.id}&typeCode=${e.currentTarget.dataset.module.typeCode}&name=${e.currentTarget.dataset.module.name}&style=${e.currentTarget.dataset.module.moduleStyle}`, }) - } + }, + handelTab(e){ + this.setData({ + setlectVal:e.currentTarget.dataset.value, + typeId:e.currentTarget.dataset.item.id, + pageIndex:1, + noticelist:[] + }) + this.getNoticelist() + console.log(this.data.noticelist.length); + }, + toDetail(e){ + const info = e.currentTarget.dataset + wx.navigateTo({ + url: `/subpages/communityNews/pages/detail/detail?id=${info.id}` + }) + }, }) \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxml b/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxml index c57e292..4f54eaa 100644 --- a/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxml +++ b/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxml @@ -1,15 +1,60 @@ - + + {{modulelist[0].name}} + {{modulelist[1].name}} + + + - + + + + + + + + {{item.name}} + + + + + + + + {{item.noticeTitle}} + + {{item.deptName}} + {{item.readingAmount}} + + + + + + + + + {{item.name}} + + + + + + + {{item.noticeTitle}} + + {{item.deptName}} + {{common.getTimeStr(item.releaseTime)}} + + + + + + module.exports.getStr = function(content) { + return content.replace(getRegExp('<\/?.+?\/?>|[ ]','g'),'') + } + module.exports.getTimeStr = function(time) { + return time.split(' ')[0].replace(getRegExp('-','g'),'.') + } + + \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxss b/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxss index 2ab2dc2..a6c22c9 100644 --- a/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxss +++ b/epdc-resident-mp-yushan/subpages/fingertipYushan/pages/index/index.wxss @@ -1,3 +1,7 @@ +page { + background: #f7f7f7; + height: auto; +} .index { width: calc(100% - 60rpx); /* margin-top: 28rpx; */ @@ -33,3 +37,376 @@ button::after { left: 0; z-index: 10; } +.tab{ + display: flex; + justify-content: space-around; + text-align: center; + position: relative; + color: #999; + font-family: PingFang SC; + font-size: 34rpx; + padding: 0 60rpx; + box-sizing: border-box; + margin-top: 20rpx; + height: 44rpx; +} +.tab .selectTab{ + width: 80rpx; + height: 6rpx; + background: #f95454; + border-radius: 4rpx; + position: absolute; + transition: left 0.5s ease; +} +.tab .selectTab_color{ + color: #f95454; +} + .tab_left{ + top: 50rpx; + left: 175rpx; +} + .tab_right{ + top: 50rpx; + left: 489rpx; +} + +/* 轮播图start */ +.altitle { + position: absolute; + width: 100%; + height: 66rpx; + background-color: black; + margin-top: 237rpx; + border-bottom-right-radius: 16rpx; + border-bottom-left-radius: 16rpx; + opacity: 0.5; + font-size: 22rpx; + font-weight: 500; + color: rgba(255, 255, 255, 1); +} + +.altitle-name { + margin: 10rpx 20rpx; +} + +.container { + width: 100vw; +} + +.page-body { + padding-top: 30rpx; + background: #fff; + height: 350rpx; +} + +.page-section { + width: 100%; + margin-bottom: 60rpx; +} + +.page-section_center { + display: flex; + flex-direction: column; + align-items: center; +} + +.page-section:last-child { + margin-bottom: 0; +} + +.page-section-gap { + box-sizing: border-box; + padding: 0 30rpx; +} + +.page-section-spacing { + box-sizing: border-box; + /* padding: 0 20rpx; */ + height: 350rpx; + background-color: #fff; +} + +.page-section-title { + font-size: 28rpx; + color: #999; + margin-bottom: 10rpx; + padding-left: 30rpx; + padding-right: 30rpx; +} + +.page-section-gap .page-section-title { + padding-left: 0; + padding-right: 0; +} + +.swiper-item { + display: block; + height: 350rpx; +} + +.banner { + overflow: hidden; + height: 350rpx; + display: flex; + width: 100%; + margin: 0 auto; + background-color: #FFF; + padding: 44rpx 0; +} + +.banner-item { + overflow: hidden; + height: 350rpx; + display: flex; + width: 100%; + border-radius: 16rpx; + margin-bottom: 8rpx; +} +.dots { + display: flex; + justify-content: center; + margin-top: -16rpx; + z-index: 999; + position: relative; +} + +.dots .dot { + width: 8rpx; + height: 8rpx; + border-radius: 8rpx; + margin-left: 10rpx; + background: #d2d5da; + transition: all 0.3s; +} + +.dots .dot.active { + width: 24rpx; + background: #fff; +} + +.page-section-title { + margin-top: 60rpx; + position: relative; +} + +swiper { + width: 710rpx; + height: 350rpx; + margin: 0 auto; + box-shadow: 0px 4px 29px 0px rgba(63, 63, 63, 0.1); + border-radius: 16rpx; + overflow: hidden; + -webkit-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); +} + +.video-title { + width: 100%; + height: 50rpx; + line-height: 50rpx; + padding-left: 40rpx; + color: white; + background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0)); + background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0)); + position: absolute; + top: 0; +} +/* 轮播图end */ + +/* type-1 start */ +.type-1 { + display: flex; + flex-wrap: wrap; + padding: 20rpx 40rpx; + background-color: #ffffff; + margin-top: 10rpx; +} +.type-1 .list-item { + width: 200rpx; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 20rpx 10rpx; +} +.type-1 .list-item .list-icon { + width: 60rpx; + height: 60rpx; +} +.type-1 .list-item .list-name { + font-size: 28rpx; + color: #333333; +} +/* type-1 end */ + +/* type-2 start */ +.type-2 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +.type-2 .list-item { + width: 710rpx; + display: flex; + align-items: center; + justify-content: space-between; + margin: 10rpx 0; + border-radius: 6rpx; + background-color: #ffffff; + padding: 20rpx; + box-sizing: border-box; +} +.type-2 .list-item .item-info { + width: 420rpx; + min-height: 160rpx; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.type-2 .list-item .item-info .item-info-title { + font-size: 32rpx; + color: #000000; + overflow: hidden; + text-overflow: ellipsis; + word-wrap:break-word; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + display: -webkit-box; +} +.type-2 .list-item .item-info .item-info-dept { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 20rpx; + font-size: 26rpx; + color: #aaaaaa; +} +.type-2 .list-item .item-info .item-info-dept .dept { + display: flex; + align-items: center; +} +.type-2 .list-item .item-info .item-info-dept .dept-icon-1{ + width: 30rpx; + height: 30rpx; + margin-right: 10rpx; +} +.type-2 .list-item .item-info .item-info-dept .read{ + display: flex; + align-items: center; + font-size: 24rpx; + color: #000000; +} +.type-2 .list-item .item-info .item-info-dept .dept-icon-2{ + width: 28rpx; + height: 24rpx; + margin-right: 10rpx; +} +.type-2 .list-item .list-img { + width: 220rpx; + height: 146rpx; + border-radius: 12rpx; +} +/* type-2 end */ + +/* type-3 start */ +.type-3 { + display: flex; + flex-wrap: wrap; + padding: 20rpx; + background-color: #ffffff; + margin-top: 10rpx; +} +.type-3 .list-item { + width: 330rpx; + height: 150rpx; + display: flex; + flex-direction: column; + justify-content: center; + margin: 20rpx 10rpx; + position: relative; + border-radius: 14rpx; +} +.type-3 .color-0 { + background-color: rgba(27, 171, 252, 0.13); +} +.type-3 .color-1 { + background-color: rgba(255, 100, 92, 0.13); +} +.type-3 .color-2 { + background-color: rgba(251, 128, 54, 0.13); +} +.type-3 .color-3 { + background-color: rgba(67, 204, 202, 0.13); +} +.type-3 .color-4 { + background-color: rgba(184, 159, 150, 0.13); +} +.type-3 .color-5 { + background-color: rgba(255, 213, 86, 0.13); +} +.type-3 .list-item .list-bg { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + border-radius: 12rpx; + opacity: 0.2; +} +.type-3 .list-item .title { + margin-left: 30rpx; + font-size: 32rpx; + color: #333333; +} +.type-3 .list-item .content { + margin-left: 30rpx; + margin-top: 8rpx; + font-size: 26rpx; + color: #666666; + overflow: hidden; + text-overflow:ellipsis; + white-space: nowrap; +} +/* type-3 end */ + +/* type-4 start */ +.type-4 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #ffffff; + margin-top: 10rpx; +} +.type-4 .list-item { + width: 690rpx; + min-height: 150rpx; + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 20rpx 0; + border-radius: 6rpx; + background-color: #f5f7fa; + padding: 20rpx; + box-sizing: border-box; +} +.type-4 .list-item .item-name { + font-size: 34rpx; + color: #333333; +} +.type-4 .list-item .item-info { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; +} +.type-4 .list-item .item-info .dept{ + font-size: 28rpx; + color: #fba84f; +} +.type-4 .list-item .item-info .time{ + font-size: 28rpx; + color: #999999; +} diff --git a/epdc-resident-mp-yushan/subpages/fingertipYushan/utils/fingertipYushan.js b/epdc-resident-mp-yushan/subpages/fingertipYushan/utils/fingertipYushan.js index dff046c..9c43b6d 100644 --- a/epdc-resident-mp-yushan/subpages/fingertipYushan/utils/fingertipYushan.js +++ b/epdc-resident-mp-yushan/subpages/fingertipYushan/utils/fingertipYushan.js @@ -3,3 +3,13 @@ var request = require('../../../utils/request') export function getModuleList(params) { return request.get('news/getModuleList', params) } + +// 社区资讯 - 资讯列表 +export function contentList(params) { + return request.get('news/contentList', params) +} + +// 社区资讯-资讯详情 +export function contentDetail(id) { + return request.get(`/news/contentDetail/${id}`) +} \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/gridArmy/pages/categoryList/categoryList.wxml b/epdc-resident-mp-yushan/subpages/gridArmy/pages/categoryList/categoryList.wxml index 52ff0ac..da2b2c4 100644 --- a/epdc-resident-mp-yushan/subpages/gridArmy/pages/categoryList/categoryList.wxml +++ b/epdc-resident-mp-yushan/subpages/gridArmy/pages/categoryList/categoryList.wxml @@ -7,8 +7,9 @@ + - + {{item.typeName}} diff --git a/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.js b/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.js index 683de8b..1a34b94 100644 --- a/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.js +++ b/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.js @@ -1,4 +1,5 @@ const api = require('../../utils/mediateHypermarket') +import { getModuleList, contentList } from '../../utils/mediateHypermarket' Page({ /** @@ -10,10 +11,14 @@ Page({ nodata: false, loadMoreType: 'none', loadMoreVisible: false, - isLoadMore: false, modulelist: [], pid: '1438320938730868737', - typeCode: 'SJZG' + typeCode: 'SJZG', + setlectVal:'left', + noticelist:[], + moduleInfo: { + style:'4' + }, }, /** @@ -25,6 +30,7 @@ Page({ // title: options.title // }) this.getModuleList() + this.getNoticelist() }, // modulelist() { // let that = this; @@ -43,10 +49,7 @@ Page({ typeCode: this.data.typeCode } api.getModuleList(params).then(res => { - const customOrder = ["有话说", "点将台", "联动轴", "闪光灯"]; - res.data.sort((a, b) => { - return customOrder.indexOf(a.name) - customOrder.indexOf(b.name); - }); + console.log(res.data) this.setData({ modulelist: this.data.modulelist.concat(res.data), loadMoreType: res.data.length === this.data.pageSize ? 'loading' : 'none', @@ -69,6 +72,47 @@ Page({ console.log(err) }) }, + //获取通知列表 + getNoticelist(categoryCode='') { + let that = this + let params = { + pageIndex: this.data.pageIndex, + pageSize: this.data.pageSize, + typeId: this.data.typeId, + } + contentList(params).then(res => { + let list = [ ...res.data ] + console.log(list) + that.setData({ + noticelist: that.data.noticelist.concat(list), + loadMoreType: res.data.length === that.data.pageSize ? 'loading' : 'none', + loadMoreVisible: res.data.length === that.data.pageSize ? false : true, + preloadVisible: false + }) + console.log(this.data.noticelist); + if (that.data.noticelist.length == 0) { + that.setData({ + nodata: true, + loadMoreType: 'loading', + loadMoreVisible: false, + }) + }else{ + that.setData({ + nodata: false, + }) + } + + }).catch(err => { + that.setData({ + noticelist: [], + nodata: true, + loadMoreType: 'none', + loadMoreVisible: false, + preloadVisible: false + }) + console.log(err) + }) + }, /** * 页面上拉触底事件的处理函数 */ @@ -81,24 +125,29 @@ Page({ pageIndex: this.data.pageIndex + 1, pageSize: this.data.pageSize, }) - this.getModuleList() + this.getNoticelist() + } }, goDetails (e) { - console.log(e); - if(e.currentTarget.dataset.module.typeCode == '01'){ - wx.redirectTo({ - url: '/pages/discussion/discussion', - }) - return - }else if(e.currentTarget.dataset.module.typeCode == 'DJT'){ - wx.navigateTo({ - url: '/subpages/mediateHypermarket/page/dotGeneral/dotGeneral', - }) - return - } wx.navigateTo({ url: `/subpages/workTodo/pages/moduleList/moduleList?pid=${e.currentTarget.dataset.module.id}&typeCode=${e.currentTarget.dataset.module.typeCode}&name=${e.currentTarget.dataset.module.name}&style=${e.currentTarget.dataset.module.moduleStyle}`, }) - } -}) \ No newline at end of file + }, + handelTab(e){ + this.setData({ + setlectVal:e.currentTarget.dataset.value, + typeId:e.currentTarget.dataset.item.id, + pageIndex:1, + noticelist:[] + }) + this.getNoticelist() + console.log(this.data.noticelist.length); + }, + toDetail(e){ + const info = e.currentTarget.dataset + wx.navigateTo({ + url: `/subpages/communityNews/pages/detail/detail?id=${info.id}` + }) + }, +}) diff --git a/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxml b/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxml index 3bacd01..4f54eaa 100644 --- a/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxml +++ b/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxml @@ -1,16 +1,60 @@ - - + + {{modulelist[0].name}} + {{modulelist[1].name}} + + + - + + + + + + + + {{item.name}} + + + + + + + + {{item.noticeTitle}} + + {{item.deptName}} + {{item.readingAmount}} + + + + + + + + + {{item.name}} + + + + + + + {{item.noticeTitle}} + + {{item.deptName}} + {{common.getTimeStr(item.releaseTime)}} + + + + + + module.exports.getStr = function(content) { + return content.replace(getRegExp('<\/?.+?\/?>|[ ]','g'),'') + } + module.exports.getTimeStr = function(time) { + return time.split(' ')[0].replace(getRegExp('-','g'),'.') + } + + - + \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxss b/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxss index 4c04048..8f13069 100644 --- a/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxss +++ b/epdc-resident-mp-yushan/subpages/mediateHypermarket/page/index/index.wxss @@ -1,4 +1,8 @@ /* subpages/mediateHypermarket/page/index/index.wxss */ +page { + background: #f7f7f7; + height: auto; +} .index { width: calc(100% - 60rpx); /* margin-top: 28rpx; */ @@ -34,4 +38,413 @@ left: 0; z-index: 10; } + + .index { + width: calc(100% - 60rpx); + /* margin-top: 28rpx; */ + height: 300rpx; + line-height: 300rpx; + margin-left: 30rpx; + border-radius: 10rpx; + position: relative; + margin-bottom: 28rpx; + padding: 0; + background: #fff; + box-shadow: 0rpx 4rpx 14rpx 0rpx rgba(5, 5, 5, 0.4); + } + + button::after { + border: none; + } + + .hover-btn { + box-shadow: 0 0 10rpx rgba(63, 63, 63, 0.1); + } + + .index.top { + margin-top: 28rpx; + } + + .index .img-bj { + border-radius: 10rpx; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 10; + } + .tab{ + display: flex; + justify-content: space-around; + text-align: center; + position: relative; + color: #999; + font-family: PingFang SC; + font-size: 34rpx; + padding: 0 60rpx; + box-sizing: border-box; + margin-top: 20rpx; + height: 44rpx; + } + .tab .selectTab{ + width: 80rpx; + height: 6rpx; + background: #f95454; + border-radius: 4rpx; + position: absolute; + transition: left 0.5s ease; + } + .tab .selectTab_color{ + color: #f95454; + } + .tab_left{ + top: 50rpx; + left: 175rpx; + } + .tab_right{ + top: 50rpx; + left: 489rpx; + } + + /* 轮播图start */ + .altitle { + position: absolute; + width: 100%; + height: 66rpx; + background-color: black; + margin-top: 237rpx; + border-bottom-right-radius: 16rpx; + border-bottom-left-radius: 16rpx; + opacity: 0.5; + font-size: 22rpx; + font-weight: 500; + color: rgba(255, 255, 255, 1); + } + + .altitle-name { + margin: 10rpx 20rpx; + } + + .container { + width: 100vw; + } + + .page-body { + padding-top: 30rpx; + background: #fff; + height: 350rpx; + } + + .page-section { + width: 100%; + margin-bottom: 60rpx; + } + + .page-section_center { + display: flex; + flex-direction: column; + align-items: center; + } + + .page-section:last-child { + margin-bottom: 0; + } + + .page-section-gap { + box-sizing: border-box; + padding: 0 30rpx; + } + + .page-section-spacing { + box-sizing: border-box; + /* padding: 0 20rpx; */ + height: 350rpx; + background-color: #fff; + } + + .page-section-title { + font-size: 28rpx; + color: #999; + margin-bottom: 10rpx; + padding-left: 30rpx; + padding-right: 30rpx; + } + + .page-section-gap .page-section-title { + padding-left: 0; + padding-right: 0; + } + + .swiper-item { + display: block; + height: 350rpx; + } + + .banner { + overflow: hidden; + height: 350rpx; + display: flex; + width: 100%; + margin: 0 auto; + background-color: #FFF; + padding: 44rpx 0; + } + + .banner-item { + overflow: hidden; + height: 350rpx; + display: flex; + width: 100%; + border-radius: 16rpx; + margin-bottom: 8rpx; + } + .dots { + display: flex; + justify-content: center; + margin-top: -16rpx; + z-index: 999; + position: relative; + } + + .dots .dot { + width: 8rpx; + height: 8rpx; + border-radius: 8rpx; + margin-left: 10rpx; + background: #d2d5da; + transition: all 0.3s; + } + + .dots .dot.active { + width: 24rpx; + background: #fff; + } + + .page-section-title { + margin-top: 60rpx; + position: relative; + } + + swiper { + width: 710rpx; + height: 350rpx; + margin: 0 auto; + box-shadow: 0px 4px 29px 0px rgba(63, 63, 63, 0.1); + border-radius: 16rpx; + overflow: hidden; + -webkit-backface-visibility: hidden; + -webkit-transform: translate3d(0, 0, 0); + } + + .video-title { + width: 100%; + height: 50rpx; + line-height: 50rpx; + padding-left: 40rpx; + color: white; + background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0)); + background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0)); + position: absolute; + top: 0; + } + /* 轮播图end */ + + /* type-1 start */ + .type-1 { + display: flex; + flex-wrap: wrap; + padding: 20rpx 40rpx; + background-color: #ffffff; + margin-top: 10rpx; + } + .type-1 .list-item { + width: 200rpx; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 20rpx 10rpx; + } + .type-1 .list-item .list-icon { + width: 60rpx; + height: 60rpx; + } + .type-1 .list-item .list-name { + font-size: 28rpx; + color: #333333; + } + /* type-1 end */ + + /* type-2 start */ + .type-2 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } + .type-2 .list-item { + width: 710rpx; + display: flex; + align-items: center; + justify-content: space-between; + margin: 10rpx 0; + border-radius: 6rpx; + background-color: #ffffff; + padding: 20rpx; + box-sizing: border-box; + } + .type-2 .list-item .item-info { + width: 420rpx; + min-height: 160rpx; + display: flex; + flex-direction: column; + justify-content: space-between; + } + .type-2 .list-item .item-info .item-info-title { + font-size: 32rpx; + color: #000000; + overflow: hidden; + text-overflow: ellipsis; + word-wrap:break-word; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + display: -webkit-box; + } + .type-2 .list-item .item-info .item-info-dept { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 20rpx; + font-size: 26rpx; + color: #aaaaaa; + } + .type-2 .list-item .item-info .item-info-dept .dept { + display: flex; + align-items: center; + } + .type-2 .list-item .item-info .item-info-dept .dept-icon-1{ + width: 30rpx; + height: 30rpx; + margin-right: 10rpx; + } + .type-2 .list-item .item-info .item-info-dept .read{ + display: flex; + align-items: center; + font-size: 24rpx; + color: #000000; + } + .type-2 .list-item .item-info .item-info-dept .dept-icon-2{ + width: 28rpx; + height: 24rpx; + margin-right: 10rpx; + } + .type-2 .list-item .list-img { + width: 220rpx; + height: 146rpx; + border-radius: 12rpx; + } + /* type-2 end */ + + /* type-3 start */ + .type-3 { + display: flex; + flex-wrap: wrap; + padding: 20rpx; + background-color: #ffffff; + margin-top: 10rpx; + } + .type-3 .list-item { + width: 330rpx; + height: 150rpx; + display: flex; + flex-direction: column; + justify-content: center; + margin: 20rpx 10rpx; + position: relative; + border-radius: 14rpx; + } + .type-3 .color-0 { + background-color: rgba(27, 171, 252, 0.13); + } + .type-3 .color-1 { + background-color: rgba(255, 100, 92, 0.13); + } + .type-3 .color-2 { + background-color: rgba(251, 128, 54, 0.13); + } + .type-3 .color-3 { + background-color: rgba(67, 204, 202, 0.13); + } + .type-3 .color-4 { + background-color: rgba(184, 159, 150, 0.13); + } + .type-3 .color-5 { + background-color: rgba(255, 213, 86, 0.13); + } + .type-3 .list-item .list-bg { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + border-radius: 12rpx; + opacity: 0.2; + } + .type-3 .list-item .title { + margin-left: 30rpx; + font-size: 32rpx; + color: #333333; + } + .type-3 .list-item .content { + margin-left: 30rpx; + margin-top: 8rpx; + font-size: 26rpx; + color: #666666; + overflow: hidden; + text-overflow:ellipsis; + white-space: nowrap; + } + /* type-3 end */ + + /* type-4 start */ + .type-4 { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background-color: #ffffff; + margin-top: 10rpx; + } + .type-4 .list-item { + width: 690rpx; + min-height: 150rpx; + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 20rpx 0; + border-radius: 6rpx; + background-color: #f5f7fa; + padding: 20rpx; + box-sizing: border-box; + } + .type-4 .list-item .item-name { + font-size: 34rpx; + color: #333333; + } + .type-4 .list-item .item-info { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + } + .type-4 .list-item .item-info .dept{ + font-size: 28rpx; + color: #fba84f; + } + .type-4 .list-item .item-info .time{ + font-size: 28rpx; + color: #999999; + } \ No newline at end of file diff --git a/epdc-resident-mp-yushan/subpages/mediateHypermarket/utils/mediateHypermarket.js b/epdc-resident-mp-yushan/subpages/mediateHypermarket/utils/mediateHypermarket.js index dff046c..6b3b62d 100644 --- a/epdc-resident-mp-yushan/subpages/mediateHypermarket/utils/mediateHypermarket.js +++ b/epdc-resident-mp-yushan/subpages/mediateHypermarket/utils/mediateHypermarket.js @@ -3,3 +3,12 @@ var request = require('../../../utils/request') export function getModuleList(params) { return request.get('news/getModuleList', params) } +// 社区资讯 - 资讯列表 +export function contentList(params) { + return request.get('news/contentList', params) +} + +// 社区资讯-资讯详情 +export function contentDetail(id) { + return request.get(`/news/contentDetail/${id}`) +} \ No newline at end of file