diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml index 3adca3c..9e2e0ca 100644 --- a/miniprogram/pages/index/index.wxml +++ b/miniprogram/pages/index/index.wxml @@ -1,13 +1,17 @@ + + + + 机关事务管理平台 欢迎进入 淮安市机关事务管理平台 - + diff --git a/miniprogram/pages/index/index.wxss b/miniprogram/pages/index/index.wxss index 0f5391e..2261f40 100644 --- a/miniprogram/pages/index/index.wxss +++ b/miniprogram/pages/index/index.wxss @@ -1,48 +1,102 @@ @import "../../tabBar.wxss"; - .topHead { position: relative; height: 500rpx; - background: #5985de; - border-bottom-left-radius: 80rpx; - border-bottom-right-radius: 80rpx; + overflow: hidden; +} + +.topHead .maskView1 { + position: absolute; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #4c81e5; + opacity: 87%; + border-bottom-left-radius: 96rpx; + border-bottom-right-radius: 96rpx; +} + +.topHead .maskView2 { + position: absolute; + z-index: 2; + right: 0; + top: 187rpx; + width: 446rpx; + height: 452rpx; +} + +.topHead .maskView3 { + position: absolute; + z-index: 3; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #4c81e5; + opacity: 85%; + border-bottom-left-radius: 96rpx; + border-bottom-right-radius: 96rpx; +} + +.topHead .homeView{ + position: absolute; + z-index: 4; + left: 40rpx; + top: 100rpx; + + border-radius: 50rpx; + width: 50rpx; + height: 50rpx; + display: flex; + justify-content: center; + align-items: center; + background: #4b71be; } .topHead .title { position: absolute; + z-index: 4; left: 50%; - top: 110rpx; + top: 120rpx; transform: translateX(-50%); - font-size: 28rpx; - color: #ffffff; + font-size: 32rpx; + color: #FFFFFF; + line-height: 1rpx; + text-align: left; } .topHead .contentView { position: absolute; - left: 60rpx; - bottom: 110rpx; + z-index: 4; + left: 0; + top: 280rpx; + padding-left: 58rpx; } .topHead .contentView .label1 { - font-size: 44rpx; - color: white; + font-size: 47rpx; + color: #FFFFFF; + line-height: 1; } .topHead .contentView .label2 { font-size: 26rpx; - color: white; - margin-top: 20rpx; + color: #FFFFFF; + line-height: 1; + margin-top: 40rpx; } -.topHead .logo { - width: 160rpx; - height: 160rpx; - background: #c9c9c9; - border-radius: 100rpx; +.logo { position: absolute; + z-index: 999; left: 50%; - bottom: -80rpx; + top: 400rpx; transform: translateX(-50%); + + width: 210rpx; + height: 210rpx; } diff --git a/miniprogram/pages/reportRepair/index/index.js b/miniprogram/pages/reportRepair/index/index.js index 2e8a880..b71201a 100644 --- a/miniprogram/pages/reportRepair/index/index.js +++ b/miniprogram/pages/reportRepair/index/index.js @@ -9,19 +9,19 @@ Page({ IMG_NAME: app.IMG_NAME, menuList: [{ name: "我要报修", - img: "/profile/static/index/menu-bxfw.png", + img: "/profile/static/repair/index/my.png", path: "/pages/reportRepair/report/report" }, { name: "报修查询", - img: "/profile/static/index/menu-ztyy.png", + img: "/profile/static/repair/index/query.png", path: "/pages/reportRepair/query/record/record" }, { name: "维修入口", - img: "/profile/static/index/menu-bxfw.png", + img: "/profile/static/repair/index/repair.png", path: "/pages/reportRepair/repair/index/index" }, { name: "派单入口", - img: "/profile/static/index/menu-bxfw.png", + img: "/profile/static/repair/index/case.png", path: "/pages/reportRepair/assign/record/record" }] }, diff --git a/miniprogram/pages/reportRepair/index/index.wxml b/miniprogram/pages/reportRepair/index/index.wxml index e7d0eae..cffdecd 100644 --- a/miniprogram/pages/reportRepair/index/index.wxml +++ b/miniprogram/pages/reportRepair/index/index.wxml @@ -2,11 +2,11 @@ - + - + 随手拍 @@ -14,7 +14,7 @@ 欢迎进入 淮安市行政中心报修“随手拍”服务平台 - + diff --git a/miniprogram/pages/reportRepair/index/index.wxss b/miniprogram/pages/reportRepair/index/index.wxss index f5e954d..078e56a 100644 --- a/miniprogram/pages/reportRepair/index/index.wxss +++ b/miniprogram/pages/reportRepair/index/index.wxss @@ -21,10 +21,9 @@ position: absolute; z-index: 2; right: 0; - bottom: 0; + top: 187rpx; width: 446rpx; height: 452rpx; - border: 1px solid red; } .topHead .maskView3 { @@ -45,8 +44,13 @@ z-index: 4; left: 40rpx; top: 100rpx; - padding: 10rpx; + border-radius: 50rpx; + width: 50rpx; + height: 50rpx; + display: flex; + justify-content: center; + align-items: center; background: #4b71be; } @@ -66,7 +70,7 @@ position: absolute; z-index: 4; left: 0; - bottom: 246rpx; + top: 280rpx; padding-left: 58rpx; } @@ -90,10 +94,8 @@ bottom: -80rpx; transform: translateX(-50%); - width: 226rpx; - height: 226rpx; - background: #c9c9c9; - border-radius: 226rpx; + width: 210rpx; + height: 210rpx; } .menuContainerView {