From 19a306d2b5f67860dd225fd85bd487211353e069 Mon Sep 17 00:00:00 2001 From: SelfRidicule Date: Fri, 26 Jul 2024 16:36:45 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=8F=E8=BF=B0:=E9=A6=96=E9=A1=B5=E5=92=8C?= =?UTF-8?q?=E6=8A=A5=E4=BF=AE=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- miniprogram/app.json | 3 +- miniprogram/pages/index/index.js | 15 ++-- miniprogram/pages/index/index.wxml | 20 ++--- miniprogram/pages/index/index.wxss | 81 +++++++----------- .../pages/reportRepair/reportRepair.js | 84 +++++++++++++++++++ .../pages/reportRepair/reportRepair.json | 4 + .../pages/reportRepair/reportRepair.wxml | 20 +++++ .../pages/reportRepair/reportRepair.wxss | 77 +++++++++++++++++ 8 files changed, 236 insertions(+), 68 deletions(-) create mode 100644 miniprogram/pages/reportRepair/reportRepair.js create mode 100644 miniprogram/pages/reportRepair/reportRepair.json create mode 100644 miniprogram/pages/reportRepair/reportRepair.wxml create mode 100644 miniprogram/pages/reportRepair/reportRepair.wxss diff --git a/miniprogram/app.json b/miniprogram/app.json index 7d88ab1..b1a6883 100644 --- a/miniprogram/app.json +++ b/miniprogram/app.json @@ -72,7 +72,8 @@ "pages/meeting/exhibition/order/order", "pages/meeting/reservationRecord/exhibitionRecord/list/list", "pages/meeting/reservationRecord/exhibitionRecord/detail/detail", - "pages/meeting/meetingRoom/meetingService/meetingService" + "pages/meeting/meetingRoom/meetingService/meetingService", + "pages/reportRepair/reportRepair" ], "window": { "backgroundTextStyle": "light", diff --git a/miniprogram/pages/index/index.js b/miniprogram/pages/index/index.js index 94582b9..5e519a2 100644 --- a/miniprogram/pages/index/index.js +++ b/miniprogram/pages/index/index.js @@ -108,6 +108,11 @@ Page({ img: "/profile/static/index/menu-hyyy.png", path: "/pages/meeting/meetingReservation/meetingReservation" }, + { + name: "随手拍", + img: "/profile/static/index/menu-bxfw.png", + path: "/pages/reportRepair/reportRepair" + }, // { // name: "展厅预约", // img: "/profile/static/index/menu-ztyy.png", @@ -118,11 +123,11 @@ Page({ // img: "/profile/static/index/menu-fkyy.png", // path: "/pages/meeting/visitorIinvitation/list/list" // }, - { - name: "预约记录", - img: "/profile/static/index/menu-yyjl.png", - path: "/pages/meeting/reservationRecord/meetingRecord/meetingRecord" - }, + // { + // name: "预约记录", + // img: "/profile/static/index/menu-yyjl.png", + // path: "/pages/meeting/reservationRecord/meetingRecord/meetingRecord" + // }, // { // name: "远程门禁", diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml index f385ee4..3adca3c 100644 --- a/miniprogram/pages/index/index.wxml +++ b/miniprogram/pages/index/index.wxml @@ -1,18 +1,12 @@ - - {{parkName}} - - - - - - - - - - + 机关事务管理平台 + + 欢迎进入 + 淮安市机关事务管理平台 + + @@ -39,4 +33,4 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/miniprogram/pages/index/index.wxss b/miniprogram/pages/index/index.wxss index f6c5ec0..0f5391e 100644 --- a/miniprogram/pages/index/index.wxss +++ b/miniprogram/pages/index/index.wxss @@ -1,79 +1,62 @@ @import "../../tabBar.wxss"; - .topHead { - display: flex; - justify-content: center; - align-items: center; position: relative; - margin: 110rpx 22rpx 50rpx; + height: 500rpx; + background: #5985de; + border-bottom-left-radius: 80rpx; + border-bottom-right-radius: 80rpx; } -.topHead .scanImg { - width: 42rpx; - height: 42rpx; +.topHead .title { position: absolute; - left: 10rpx; - top: 50%; - transform: translateY(-50%); + left: 50%; + top: 110rpx; + transform: translateX(-50%); + font-size: 28rpx; + color: #ffffff; } -.topHead .title{ - width: 320rpx; - text-align: center; - font-size: 30rpx; +.topHead .contentView { + position: absolute; + left: 60rpx; + bottom: 110rpx; } - -.topList { - display: none; - width: 100%; - height: 70rpx; - line-height: 70rpx; - background: white; - padding: 0 20rpx; - position: fixed; - top: 0; - left: 0; - z-index: 9999999; +.topHead .contentView .label1 { + font-size: 44rpx; + color: white; } -.page { - width: 100%; - height: 100%; - box-sizing: border-box; - color: black; - overflow: auto; - background-color: #FFFFFF; - padding-top: 20rpx; +.topHead .contentView .label2 { + font-size: 26rpx; + color: white; + margin-top: 20rpx; } -.activityList { - background: white; - margin-bottom: 20rpx; - /* border-radius: 24rpx; */ - overflow: hidden; - border-bottom: 1rpx solid #EEEEEE; +.topHead .logo { + width: 160rpx; + height: 160rpx; + background: #c9c9c9; + border-radius: 100rpx; + position: absolute; + left: 50%; + bottom: -80rpx; + transform: translateX(-50%); } -.detailbox { - padding: 16rpx 26rpx; - line-height: 40rpx; - position: relative; -} .itemTitleView { - border-left: 8rpx solid #2A6FFF; + border-left: 8rpx solid #76aef9; display: flex; justify-content: space-between; align-items: center; - margin: 40rpx 50rpx 0; + margin: 140rpx 50rpx 0; } .itemTitleView .title { margin-left: 10rpx; font-size: 28rpx; - font-weight: bold; color: #141414; } diff --git a/miniprogram/pages/reportRepair/reportRepair.js b/miniprogram/pages/reportRepair/reportRepair.js new file mode 100644 index 0000000..a10b66e --- /dev/null +++ b/miniprogram/pages/reportRepair/reportRepair.js @@ -0,0 +1,84 @@ +const app = getApp() + +Page({ + + /** + * 页面的初始数据 + */ + data: { + IMG_NAME: app.IMG_NAME, + menuList: [{ + name: "我要报修", + img: "/profile/static/index/menu-bxfw.png", + path: "/pages/reportRepair/reportRepair" + }, { + name: "报修查询", + img: "/profile/static/index/menu-ztyy.png", + path: "/pages/reportRepair/reportRepair" + }, { + name: "维修入口", + img: "/profile/static/index/menu-bxfw.png", + path: "/pages/reportRepair/reportRepair" + }, { + name: "派单入口", + img: "/profile/static/index/menu-bxfw.png", + path: "/pages/reportRepair/reportRepair" + }] + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/reportRepair.json b/miniprogram/pages/reportRepair/reportRepair.json new file mode 100644 index 0000000..cf3facb --- /dev/null +++ b/miniprogram/pages/reportRepair/reportRepair.json @@ -0,0 +1,4 @@ +{ + "navigationStyle": "custom", + "usingComponents": {} +} \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/reportRepair.wxml b/miniprogram/pages/reportRepair/reportRepair.wxml new file mode 100644 index 0000000..5db9cd7 --- /dev/null +++ b/miniprogram/pages/reportRepair/reportRepair.wxml @@ -0,0 +1,20 @@ + + + + 随手拍 + + 欢迎进入 + 淮安市行政中心报修“随手拍”服务平台 + + + + + + + + {{item.name}} + + + + + \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/reportRepair.wxss b/miniprogram/pages/reportRepair/reportRepair.wxss new file mode 100644 index 0000000..8ce896d --- /dev/null +++ b/miniprogram/pages/reportRepair/reportRepair.wxss @@ -0,0 +1,77 @@ +.topHead { + position: relative; + height: 600rpx; + background: #5985de; + border-bottom-left-radius: 80rpx; + border-bottom-right-radius: 80rpx; +} + +.topHead .title { + position: absolute; + left: 50%; + top: 110rpx; + transform: translateX(-50%); + font-size: 28rpx; + color: #ffffff; +} + +.topHead .contentView { + position: absolute; + left: 60rpx; + bottom: 210rpx; +} + +.topHead .contentView .label1 { + font-size: 44rpx; + color: white; +} + +.topHead .contentView .label2 { + font-size: 26rpx; + color: white; + margin-top: 20rpx; +} + +.topHead .logo { + width: 160rpx; + height: 160rpx; + background: #c9c9c9; + border-radius: 100rpx; + position: absolute; + left: 50%; + bottom: -80rpx; + transform: translateX(-50%); +} + +.menuContainerView { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + padding: 160rpx 100rpx; +} + +.menuContainerView .menuView { + width: 240rpx; + height: 240rpx; + border-radius: 10rpx; + box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2); + flex-shrink: 0; + margin-bottom: 80rpx; + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.menuContainerView .menuView .menuImg { + width: 132rpx; + height: 134rpx; +} + +.menuContainerView .menuView .menuTitle { + font-size: 24rpx; + color: #52658f; + font-weight: bold; +} \ No newline at end of file