diff --git a/miniprogram/app.js b/miniprogram/app.js index db7160e..46f1e55 100644 --- a/miniprogram/app.js +++ b/miniprogram/app.js @@ -5,6 +5,7 @@ App({ tenantId : '12', // 地区 parkId : '26', // 园区id parkName : '长阳智会云控', // 园区名称 + ownership : 'Copyrights@2019淮安市行政中心报修版权所有', // 本地测试 // DOMAIN_NAME_PREFIX: 'http://192.168.0.11', // DOMAIN_NAME: 'http://192.168.0.11:9227', //接口域名 diff --git a/miniprogram/pages/reportRepair/reportRepair.js b/miniprogram/pages/reportRepair/reportRepair.js index 23dd83e..617928a 100644 --- a/miniprogram/pages/reportRepair/reportRepair.js +++ b/miniprogram/pages/reportRepair/reportRepair.js @@ -7,6 +7,7 @@ Page({ */ data: { IMG_NAME: app.IMG_NAME, + ownership: app.ownership, menuList: [{ name: "我要报修", img: "/profile/static/index/menu-bxfw.png", @@ -34,12 +35,12 @@ Page({ }, // 跳转菜单 - jumpMenu(e){ - console.log('jumpMenu' , e); + jumpMenu(e) { + console.log('jumpMenu', e); let obj = e.currentTarget.dataset.obj wx.navigateTo({ - url: obj.path, - }) + url: obj.path, + }) }, /** diff --git a/miniprogram/pages/reportRepair/reportRepair.wxml b/miniprogram/pages/reportRepair/reportRepair.wxml index c9b5293..142c627 100644 --- a/miniprogram/pages/reportRepair/reportRepair.wxml +++ b/miniprogram/pages/reportRepair/reportRepair.wxml @@ -1,6 +1,10 @@ + + + + 随手拍 欢迎进入 @@ -16,5 +20,6 @@ + {{ownership}} \ No newline at end of file diff --git a/miniprogram/pages/reportRepair/reportRepair.wxss b/miniprogram/pages/reportRepair/reportRepair.wxss index 8ce896d..6e4ad48 100644 --- a/miniprogram/pages/reportRepair/reportRepair.wxss +++ b/miniprogram/pages/reportRepair/reportRepair.wxss @@ -1,46 +1,90 @@ .topHead { position: relative; - height: 600rpx; - background: #5985de; - border-bottom-left-radius: 80rpx; - border-bottom-right-radius: 80rpx; + height: 639rpx; + } +.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; + bottom: 0; + width: 446rpx; + height: 452rpx; + border: 1px solid red; +} + +.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 .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: 210rpx; + z-index: 4; + left: 0; + bottom: 246rpx; + 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; position: absolute; + z-index: 4; left: 50%; bottom: -80rpx; transform: translateX(-50%); + + width: 226rpx; + height: 226rpx; + background: #c9c9c9; + border-radius: 226rpx; } .menuContainerView { @@ -48,12 +92,12 @@ justify-content: space-between; align-items: center; flex-wrap: wrap; - padding: 160rpx 100rpx; + padding: 150rpx 80rpx 0; } .menuContainerView .menuView { - width: 240rpx; - height: 240rpx; + width: 260rpx; + height: 260rpx; border-radius: 10rpx; box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2); flex-shrink: 0; @@ -66,12 +110,25 @@ } .menuContainerView .menuView .menuImg { - width: 132rpx; - height: 134rpx; + width: 120rpx; + height: 120rpx; } .menuContainerView .menuView .menuTitle { - font-size: 24rpx; - color: #52658f; - font-weight: bold; + font-size: 26rpx; + color: #4B6291; + font-weight: 600; + line-height: 1; + margin-top: 20rpx; +} + +.ownership { + position: absolute; + left: 0; + bottom: 34rpx; + width: 100%; + word-break: break-all; + text-align: center; + font-size: 22rpx; + color: #878787; } \ No newline at end of file