Browse Source

网格风采,志愿风采

jly/task002
井乐禹 2 years ago
parent
commit
0052ea4e47
  1. 12
      miniprogram/app.json
  2. 225
      miniprogram/subpages/redGrider/components/demeanor/index.js
  3. 3
      miniprogram/subpages/redGrider/components/demeanor/index.json
  4. 23
      miniprogram/subpages/redGrider/components/demeanor/index.wxml
  5. 75
      miniprogram/subpages/redGrider/components/demeanor/index.wxss
  6. 4
      miniprogram/subpages/redGrider/pages/redGrider/redGrider.wxml
  7. 210
      miniprogram/subpages/volunteer/components/demeanor/index.js
  8. 3
      miniprogram/subpages/volunteer/components/demeanor/index.json
  9. 23
      miniprogram/subpages/volunteer/components/demeanor/index.wxml
  10. 75
      miniprogram/subpages/volunteer/components/demeanor/index.wxss
  11. BIN
      miniprogram/subpages/volunteer/images/text.jpg
  12. 5
      miniprogram/subpages/volunteer/pages/volunteer/volunteer.js

12
miniprogram/app.json

@ -20,8 +20,7 @@
"pages/gridLeaderRegister/gridLeaderRegister", "pages/gridLeaderRegister/gridLeaderRegister",
"pages/navigatetoApp/navigatetoApp" "pages/navigatetoApp/navigatetoApp"
], ],
"subPackages": [ "subPackages": [{
{
"root": "subpages/redSail", "root": "subpages/redSail",
"name": "redSail", "name": "redSail",
"pages": [ "pages": [
@ -43,7 +42,8 @@
"root": "subpages/redGrider", "root": "subpages/redGrider",
"name": "redGrider", "name": "redGrider",
"pages": [ "pages": [
"pages/redGrider/redGrider" "pages/redGrider/redGrider",
"components/demeanor/index"
] ]
}, },
{ {
@ -66,7 +66,8 @@
"name": "volunteer", "name": "volunteer",
"pages": [ "pages": [
"pages/volunteer/volunteer", "pages/volunteer/volunteer",
"components/recruitOrder/index" "components/recruitOrder/index",
"components/demeanor/index"
] ]
}, },
{ {
@ -257,8 +258,7 @@
"backgroundColor": "#FFFFFF", "backgroundColor": "#FFFFFF",
"borderStyle": "white", "borderStyle": "white",
"custom": true, "custom": true,
"list": [ "list": [{
{
"pagePath": "pages/home/home", "pagePath": "pages/home/home",
"text": "首页", "text": "首页",
"iconPath": "images/main/icon01.png", "iconPath": "images/main/icon01.png",

225
miniprogram/subpages/redGrider/components/demeanor/index.js

@ -0,0 +1,225 @@
// subpages/volunteer/components/demeanor/index.js
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
statusHeight: app.globalData.deviceInfo.statusHeight, // 自定义头部状态栏高度
navigationHeight: app.globalData.deviceInfo.navigationHeight,
list: [{
"title": "嘉善社区“迎新年联欢”网格活动",
"createTime": "2023-01-04",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化社区新春茶话会",
"createTime": "2023-01-10",
"address": "山东省青岛市市北区金华路22号",
"imgUrl": "../../images/01.png"
}, {
"title": "建国村社区“利民惠民 修理行动”主题修理活动",
"createTime": "2023-01-18",
"address": "山东省青岛市市北区宁化路33号",
"imgUrl": "../../images/01.png"
}, {
"title": "建国村社区“写福送福”网格活动",
"createTime": "2023-01-20",
"address": "山东省青岛市市北区宁化路33号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善社区“垃圾分类 从我做起”网格活动",
"createTime": "2023-01-29",
"address": "山东省青岛市市北区嘉善路82号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区学雷锋,当先锋,我与城市共提升网格活动",
"createTime": "2023-02-01",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区开展家庭教育网格活动",
"createTime": "2023-02-01",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉兴路社区“心连心”网格活动",
"createTime": "2023-02-17",
"address": "山东省青岛市市北区嘉兴路32号",
"imgUrl": "../../images/01.png"
}, {
"title": "瑞昌路社区第一网格开展党的理论政策宣讲活动",
"createTime": "2023-02-20",
"address": "山东省青岛市市北区人民路299号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区开展学雷锋网格活动",
"createTime": "2023-03-02",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区第五网格开展党的二十大理论专题学习和教育宣讲",
"createTime": "2023-03-09",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "上四方社区“移风易俗”网格活动",
"createTime": "2023-04-04",
"address": "山东省青岛市市北区人民路58号",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化路社区“宜居靓家园 健康新生活”网格活动",
"createTime": "2023-04-08",
"address": "山东省青岛市市北区金华路22号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区开展环境整治活动",
"createTime": "2023-04-11",
"address": "山东省青岛市市北区嘉善路33号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善社区免费注射狂犬疫苗网格活动",
"createTime": "2023-04-17",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "上四方社区“人人动手 洁净家园”网格活动",
"createTime": "2023-04-17",
"address": "山东省青岛市市北区人民路58号",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化路社区网格连心送温暖 组团服务进家门",
"createTime": "2023-05-09",
"address": "山东省青岛市市北区金华路22号",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化路社区“走清廉之路 忆初心使命”网格活动",
"createTime": "2023-05-11",
"address": "山东省威海市荣成市",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区开展“清洁我们的家园”",
"createTime": "2023-05-12",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善社区金融安全知识活动",
"createTime": "2023-05-14",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "上四方社区第6网格开展实践科学理论宣讲活动",
"createTime": "2023-05-21",
"address": "山东省青岛市市北区人民路58号",
"imgUrl": "../../images/01.png"
}, {
"title": "上四方社区“洁净家园”网格活动",
"createTime": "2023-05-25",
"address": "山东省青岛市市北区人民一路58号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善社区为学习保驾护航网格活动",
"createTime": "2023-06-08",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善社区开展民族宗教宣讲活动",
"createTime": "2023-06-13",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "上四方第一网格开展二十大理论宣讲活动",
"createTime": "2023-06-15",
"address": "山东省青岛市市北区人民路58号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善社区开展“端午粽飘香”网格活动活动 ",
"createTime": "2023-06-20",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化路社区连心广场送服务网格活动",
"createTime": "2023-06-21",
"address": "山东省青岛市市北区金华路22号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区“垃圾分一分 环境美十分”网格活动",
"createTime": "2023-06-23",
"address": "山东省青岛市市北区嘉善路35号",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化社区开展七一活动",
"createTime": "2023-06-27",
"address": "山东省青岛市海岸路22号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区“庆七一光荣在党50年”网格活动",
"createTime": "2023-06-29",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
},
back() {
//返回上一级,关闭当前页面
wx.navigateBack({
delta: 1
})
},
})

3
miniprogram/subpages/redGrider/components/demeanor/index.json

@ -0,0 +1,3 @@
{
"navigationStyle": "custom"
}

23
miniprogram/subpages/redGrider/components/demeanor/index.wxml

@ -0,0 +1,23 @@
<view class="header">
<image src="../../images/back.png" class="back" style=" top: {{statusHeight}}px;" bindtap="back"></image>
<!-- <image class="header-bg" src="../../images/volunteer/redSail_bg.png" mode="widthFix" /> -->
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">
网格风采
</view>
</view>
<view class="list">
<view wx:for="{{list}}" wx:key="index" class="listItme">
<view>
<image src="{{item.imgUrl}}" class="icon"></image>
</view>
<view style="display: flex;flex-direction: column;justify-content: space-between;">
<view style="font-size:28rpx;font-weight: 600;">{{item.title}}</view>
<view style="color:#ccc;font-size:20rpx;display: flex;flex-direction: row;justify-content: space-between;">
<view style="width: 60%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{item.address}}</view>
<view>
{{item.createTime}}
</view>
</view>
</view>
</view>
</view>

75
miniprogram/subpages/redGrider/components/demeanor/index.wxss

@ -0,0 +1,75 @@
page {
width: 100%;
height: auto;
overflow-y: auto;
background: #f7f7f7;
font-family: PingFang SC;
background: linear-gradient(180deg, #E82C19 0%, #F7F7F9 30%);
}
.header {
width: 100%;
height: 250rpx;
/* position: fixed;
top: 0;
left: 0;
z-index: 1000; */
}
.header .header-bg {
width: 100%;
height: 100%;
/* position: absolute;
z-index: 10;
left: 0;
top: 0; */
position: absolute;
height: 100%;
z-index: -999;
}
.header .navigation {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.9);
font-size: 32rpx;
position: relative;
z-index: 1;
}
.back {
width: 20rpx;
height: 20rpx;
margin-left: 20rpx;
position: absolute;
margin-top: 20rpx;
border-radius: 0rpx;
z-index: 2;
}
.list {
background-color: #f5f5f5;
margin-top: -80rpx;
padding: 20rpx;
max-height: 100vh;
overflow-y: auto;
}
.listItme {
background-color: #fff;
border-radius: 12rpx;
margin-top: 20rpx;
padding: 20rpx;
display: flex;
flex-direction: row;
}
.icon {
width: 200rpx;
height: 160rpx;
}

4
miniprogram/subpages/redGrider/pages/redGrider/redGrider.wxml

@ -43,7 +43,7 @@
<image src="../../images/03r.png" class="go"></image> <image src="../../images/03r.png" class="go"></image>
</view> </view>
</view> --> </view> -->
<view class="item color04"> <navigator class="item color04" url="/subpages/redGrider/components/demeanor/index">
<image src="../../images/04.png" class="icon"></image> <image src="../../images/04.png" class="icon"></image>
<view class="vcenter flex1"> <view class="vcenter flex1">
<view class="h1">网格风采</view> <view class="h1">网格风采</view>
@ -54,7 +54,7 @@
<view class="vcenter w20"> <view class="vcenter w20">
<image src="../../images/04r.png" class="go"></image> <image src="../../images/04r.png" class="go"></image>
</view> </view>
</view> </navigator>
</view> </view>
</view> </view>

210
miniprogram/subpages/volunteer/components/demeanor/index.js

@ -0,0 +1,210 @@
// subpages/volunteer/components/demeanor/index.js
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
statusHeight: app.globalData.deviceInfo.statusHeight, // 自定义头部状态栏高度
navigationHeight: app.globalData.deviceInfo.navigationHeight,
list: [{
"title": "海嘉社区文明实践站---安全教育宣讲",
"createTime": "2023-01-03",
"address": "山东省青岛市市北区嘉善路5号-3",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉兴路社区新时代文明实践站开展居民预防一氧化碳中毒宣传",
"createTime": "2023-01-04",
"address": "山东省青岛市市北区嘉兴路32号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区新时代文明实践站开展“寒冬送温暖 欢乐迎新春”活动",
"createTime": "2023-01-10",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "建国村社区新时代文明实践站开展“学习强国”线下学习宣讲活动",
"createTime": "2023-01-12",
"address": "山东省青岛市市北区宁化路33号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善路社区新时代文明实践站开展衍纸制作活动",
"createTime": "2023-01-12",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "下四方社区垃圾分类知识讲座",
"createTime": "2023-01-13",
"address": "山东省青岛市市北区杭州路28号-49号网点",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化路社区新时代文明实践站“邻里情”编织活动",
"createTime": "2023-01-16",
"address": "山东省青岛市市北区金华路22号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉兴路社区新时代文明实践站开展“春风润万家 群众阅读忙”全民阅读活动--丰富群众文化供给",
"createTime": "2023-01-28",
"address": "山东省青岛市市北区嘉兴路32号",
"imgUrl": "../../images/01.png"
}, {
"title": "瑞昌路社区新时代文明实践站开展弘扬社会主义核心价值观系列活动",
"createTime": "2023-01-29",
"address": "山东省青岛市市北区人民路299号",
"imgUrl": "../../images/01.png"
}, {
"title": "海嘉社区文明实践站---移风易俗专题宣讲",
"createTime": "2023-01-31",
"address": "山东省青岛市市北区嘉善路5号-3",
"imgUrl": "../../images/01.png"
}, {
"title": "海嘉社区文明实践站---开工后家庭事物安全宣讲",
"createTime": "2023-02-01",
"address": "山东省青岛市市北区嘉善路5号-3",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉兴路社区新时代文明实践站开展“我们的节日--全民健身进社区、邻里趣味猜灯谜”活动",
"createTime": "2023-02-03",
"address": "山东省青岛市市北区嘉兴路32号",
"imgUrl": "../../images/01.png"
}, {
"title": "建国村社区新时代文明实践站开展“崇尚运动 分享健康”柔力球比赛",
"createTime": "2023-02-07",
"address": "山东省青岛市市北区宁化路33号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区新时代文明实践站开展“长寿时代如何重塑老年生活”家庭教育指导活动",
"createTime": "2023-02-08",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "嘉善社区新时代文明实践站开展敬老爱亲一家人宣讲活动",
"createTime": "2023-02-08",
"address": "山东省青岛市市北区重庆南路6号",
"imgUrl": "../../images/01.png"
}, {
"title": "建国村社区新时代文明实践站开展“学国学 悟国学”宣讲活动",
"createTime": "2023-02-11",
"address": "山东省青岛市市北区宁化路33号",
"imgUrl": "../../images/01.png"
}, {
"title": "下四方社区珐琅彩绘画活动",
"createTime": "2023-02-11",
"address": "山东省青岛市市北区杭州路28号-49号网点",
"imgUrl": "../../images/01.png"
}, {
"title": "瑞昌路社区新时代文明实践站开展弘扬社会主义核心价值观系列活动",
"createTime": "2023-02-16",
"address": "山东省青岛市市北区人民路299号",
"imgUrl": "../../images/01.png"
}, {
"title": "宣化路社区新时代文明实践站开展垃圾分类宣传活动",
"createTime": "2023-02-20",
"address": "山东省青岛市市北区金华路22号",
"imgUrl": "../../images/01.png"
}, {
"title": "北岭社区携手红色合伙人开展关爱老人行动",
"createTime": "2023-02-24",
"address": "山东省青岛市市北区瑞昌路141号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区新时代文明实践站开展“学雷锋,当先锋,我与城市共提升系列—小小雏鹰暖空巢 我当楼道长”活动",
"createTime": "2023-02-27",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "海嘉社区携手红色合伙人开展“学雷锋当先锋我与城市共提升”活动",
"createTime": "2023-03-03",
"address": "山东省青岛市市北区嘉善路5号-3",
"imgUrl": "../../images/01.png"
}, {
"title": "北岭社区开展“不忘初心学雷锋,爱心捐赠暖人心”的衣物捐赠活动",
"createTime": "2023-03-03",
"address": "山东省青岛市市北区瑞昌路141号",
"imgUrl": "../../images/01.png"
}, {
"title": "上四方社区学雷锋日活动",
"createTime": "2023-03-03",
"address": "山东省青岛市市北区人民一路58-3",
"imgUrl": "../../images/01.png"
}, {
"title": "北岭社区携手红色合伙人庆三八妇女节主题活动",
"createTime": "2023-03-08",
"address": "山东省青岛市市北区瑞昌路141号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区携手红色合伙人开展益路同行公益活动",
"createTime": "2023-05-09",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}, {
"title": "四机社区端午节活动",
"createTime": "2023-05-10",
"address": "山东省青岛市市北区鞍山一路121号",
"imgUrl": "../../images/01.png"
}]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
},
back() {
//返回上一级,关闭当前页面
wx.navigateBack({
delta: 1
})
},
})

3
miniprogram/subpages/volunteer/components/demeanor/index.json

@ -0,0 +1,3 @@
{
"navigationStyle": "custom"
}

23
miniprogram/subpages/volunteer/components/demeanor/index.wxml

@ -0,0 +1,23 @@
<view class="header">
<image src="../../images/back.png" class="back" style=" top: {{statusHeight}}px;" bindtap="back"></image>
<!-- <image class="header-bg" src="../../images/volunteer/redSail_bg.png" mode="widthFix" /> -->
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">
志愿风采
</view>
</view>
<view class="list">
<view wx:for="{{list}}" wx:key="index" class="listItme">
<view>
<image src="{{item.imgUrl}}" class="icon"></image>
</view>
<view style="display: flex;flex-direction: column;justify-content: space-between;">
<view style="font-size:28rpx;font-weight: 600;">{{item.title}}</view>
<view style="color:#ccc;font-size:20rpx;display: flex;flex-direction: row;justify-content: space-between;">
<view style="width: 60%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{item.address}}</view>
<view>
{{item.createTime}}
</view>
</view>
</view>
</view>
</view>

75
miniprogram/subpages/volunteer/components/demeanor/index.wxss

@ -0,0 +1,75 @@
page {
width: 100%;
height: auto;
overflow-y: auto;
background: #f7f7f7;
font-family: PingFang SC;
background: linear-gradient(180deg, #E82C19 0%, #F7F7F9 30%);
}
.header {
width: 100%;
height: 250rpx;
/* position: fixed;
top: 0;
left: 0;
z-index: 1000; */
}
.header .header-bg {
width: 100%;
height: 100%;
/* position: absolute;
z-index: 10;
left: 0;
top: 0; */
position: absolute;
height: 100%;
z-index: -999;
}
.header .navigation {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.9);
font-size: 32rpx;
position: relative;
z-index: 1;
}
.back {
width: 20rpx;
height: 20rpx;
margin-left: 20rpx;
position: absolute;
margin-top: 20rpx;
border-radius: 0rpx;
z-index: 2;
}
.list {
background-color: #f5f5f5;
margin-top: -80rpx;
padding: 20rpx;
max-height: 100vh;
overflow-y: auto;
}
.listItme {
background-color: #fff;
border-radius: 12rpx;
margin-top: 20rpx;
padding: 20rpx;
display: flex;
flex-direction: row;
}
.icon {
width: 200rpx;
height: 160rpx;
}

BIN
miniprogram/subpages/volunteer/images/text.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

5
miniprogram/subpages/volunteer/pages/volunteer/volunteer.js

@ -8,8 +8,7 @@ Page({
data: { data: {
statusHeight: app.globalData.deviceInfo.statusHeight, // 自定义头部状态栏高度 statusHeight: app.globalData.deviceInfo.statusHeight, // 自定义头部状态栏高度
navigationHeight: app.globalData.deviceInfo.navigationHeight, navigationHeight: app.globalData.deviceInfo.navigationHeight,
list:[ list: [{
{
id: 0, id: 0,
url: '/subpages/volunteer/components/recruitOrder/index', url: '/subpages/volunteer/components/recruitOrder/index',
firstText: "招募令", firstText: "招募令",
@ -19,7 +18,7 @@ Page({
}, },
{ {
id: 1, id: 1,
url:'', url: '/subpages/volunteer/components/demeanor/index',
firstText: "志愿风采", firstText: "志愿风采",
secondTetx: "XXXXXXXXXXXXXXXXXXXX···", secondTetx: "XXXXXXXXXXXXXXXXXXXX···",
src: '../../images/03.png', src: '../../images/03.png',

Loading…
Cancel
Save