boyue2025/dbd-meeting-wx-small
3
0
Fork 0
mirror of https://gitee.com/elegant_wings/dbd-meeting-wx-small.git synced 2025-06-22 00:49:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

描述:首页和报修页面

Browse Source
This commit is contained in:
SelfRidicule 2024-07-26 16:36:45 +08:00
parent 1e94ed36c6
commit 19a306d2b5
8 changed files with 236 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
miniprogram/app.json
View File

@ -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",

15
miniprogram/pages/index/index.js
View File

@ -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: "远程门禁",

18
miniprogram/pages/index/index.wxml
View File

@ -1,18 +1,12 @@
<view class="containerView public">
<view class="topHead">
<!-- <image class="scanImg" src="{{IMG_NAME + '/profile/static/index/scan.png'}}" mode="aspectFill" bind:tap="jumpScan"></image> -->
<view class="title ellipsisFont">{{parkName}}</view>
<view class="title">机关事务管理平台</view>
<view class="contentView">
<view class="label1">欢迎进入</view>
<view class="label2">淮安市机关事务管理平台</view>
</view>
<view class="loopView">
<image class="logoImg" src="{{IMG_NAME + '/profile/static/shanghai_changyang/index/logo.png'}}" mode="aspectFill"></image>
<!-- 轮播图 -->
<swiper class='swiper-box' indicator-dots autoplay interval="3000" duration="1000" circular='true'>
<swiper-item wx:for="{{bannerList}}" wx:key="index">
<image class="img" src="{{IMG_NAME + item}}" mode="aspectFill"></image>
</swiper-item>
</swiper>
<view class="logo"></view>
</view>
@ -39,4 +33,4 @@
<!-- 消息提示 -->
<van-notify id="van-notify"/>
<van-notify id="van-notify" />

81
miniprogram/pages/index/index.wxss
View File

@ -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;
}

84
miniprogram/pages/reportRepair/reportRepair.js Normal file
View File

@ -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() {
}
})

4
miniprogram/pages/reportRepair/reportRepair.json Normal file
View File

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

20
miniprogram/pages/reportRepair/reportRepair.wxml Normal file
View File

@ -0,0 +1,20 @@
<view class="containerView public">
<view class="topHead">
<view class="title">随手拍</view>
<view class="contentView">
<view class="label1">欢迎进入</view>
<view class="label2">淮安市行政中心报修“随手拍”服务平台</view>
</view>
<view class="logo"></view>
</view>
<view class="menuContainerView">
<view class="menuView" wx:for="{{menuList}}" wx:key="*this">
<view class="menuImg" style="background: no-repeat center/cover url({{IMG_NAME + item.img}});"></view>
<view class="menuTitle">{{item.name}}</view>
</view>
</view>
</view>

77
miniprogram/pages/reportRepair/reportRepair.wxss Normal file
View File

@ -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;
}