diff --git a/images/mine/device.png b/images/mine/device.png new file mode 100644 index 0000000..be9e959 Binary files /dev/null and b/images/mine/device.png differ diff --git a/images/mine/house.png b/images/mine/house.png new file mode 100644 index 0000000..ceea2e7 Binary files /dev/null and b/images/mine/house.png differ diff --git a/images/mine/s1.png b/images/mine/s1.png new file mode 100644 index 0000000..01eb966 Binary files /dev/null and b/images/mine/s1.png differ diff --git a/images/mine/s2.png b/images/mine/s2.png new file mode 100644 index 0000000..ad75676 Binary files /dev/null and b/images/mine/s2.png differ diff --git a/images/mine/s3.png b/images/mine/s3.png new file mode 100644 index 0000000..fa74d54 Binary files /dev/null and b/images/mine/s3.png differ diff --git a/images/mine/s4.png b/images/mine/s4.png new file mode 100644 index 0000000..c048809 Binary files /dev/null and b/images/mine/s4.png differ diff --git a/images/mine/s5.png b/images/mine/s5.png new file mode 100644 index 0000000..7188966 Binary files /dev/null and b/images/mine/s5.png differ diff --git a/images/mine/s6.png b/images/mine/s6.png new file mode 100644 index 0000000..9c00ca9 Binary files /dev/null and b/images/mine/s6.png differ diff --git a/images/mine/s7.png b/images/mine/s7.png new file mode 100644 index 0000000..f8ed1a8 Binary files /dev/null and b/images/mine/s7.png differ diff --git a/pages/mine/mine.js b/pages/mine/mine.js index c553b9a..1129054 100644 --- a/pages/mine/mine.js +++ b/pages/mine/mine.js @@ -1,4 +1,5 @@ // pages/mine/mine.js +const app = getApp() Page({ /** @@ -12,7 +13,10 @@ Page({ * 生命周期函数--监听页面加载 */ onLoad(options) { - + this.setData({ + statusHeight: app.globalData.deviceInfo.statusHeight, + navigationHeight: app.globalData.deviceInfo.navigationHeight, + }); }, /** diff --git a/pages/mine/mine.json b/pages/mine/mine.json index 3928faa..e15d6dd 100644 --- a/pages/mine/mine.json +++ b/pages/mine/mine.json @@ -1,3 +1,6 @@ { - "usingComponents": {} + "usingComponents": { + "van-icon": "@vant/weapp/icon/index" + }, + "navigationStyle": "custom" } \ No newline at end of file diff --git a/pages/mine/mine.wxml b/pages/mine/mine.wxml index df5a5a9..30863a3 100644 --- a/pages/mine/mine.wxml +++ b/pages/mine/mine.wxml @@ -1,2 +1,62 @@ -pages/mine/mine.wxml \ No newline at end of file + + + 我的 + + + + + + 五月的风 + + + + + + 福林苑 + + + 5-1-805 南卧 + + + + + + + 基础设备 + + + + + 空调 + 正常 + + + + + + 空调 + 正常 + + + + + 空调 + 正常 + + + + + 空调 + 正常 + + + + + + + + 资源管理 + + + \ No newline at end of file diff --git a/pages/mine/mine.wxss b/pages/mine/mine.wxss index 91eea05..efaa395 100644 --- a/pages/mine/mine.wxss +++ b/pages/mine/mine.wxss @@ -1 +1,94 @@ -/* pages/mine/mine.wxss */ \ No newline at end of file +/* pages/mine/mine.wxss */ +.navigation { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + color: #333333; + font-size: 30rpx; + position: relative; + z-index: 100; +} + +.header { + width: 100%; + background: linear-gradient(to right, #befeed 0%, #d5eefe 50%, #ebe9fb 100%); + height: 428rpx; +} + +.body { + position: relative; + top: -245rpx; +} + +.header-card { + background: linear-gradient(180deg, rgba(83, 185, 232, 1) 0%, rgba(85, 213, 220, 1) 56%, rgba(99, 222, 214, 1) 100%); + width: calc(100vw - 40rpx); + margin: 0 auto; + top: 25px; + color: #ffffff; +} + +.userInfo { + padding: 0 32rpx 0 56rpx; +} + +.avatar { + width: 92rpx; + height: 92rpx; + border-radius: 46rpx; + margin-right: 26rpx; +} + +.house { + position: relative; + background: linear-gradient(180deg, rgba(221, 242, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); + padding: 40rpx; + box-sizing: border-box; + width: calc(100vw - 40rpx); + margin: 0 auto; + border-radius: 20rpx 20rpx 0 0; +} + +.house image { + position: absolute; + right: 40rpx; + width: 240rpx; + height: 234rpx; + top: -34px; +} + +.apartment { + color: rgba(16, 16, 16, 1); + font-size: 40rpx; +} + +.house_name { + color: rgba(153, 153, 153, 1); + font-size: 30rpx; +} + +.device { + width: calc(100vw - 40rpx); + margin: 0 auto; + border-radius: 0 0 20rpx 20rpx; + padding: 30rpx 28rpx; + box-sizing: border-box; + position: relative; + top: -20rpx; + border-radius: 20rpx; +} +.device image{ + width: 104rpx; + height: 104rpx; +} +.title { + color: rgb(64, 64, 64); + font-size: 32rpx; +} +.device-c{ + display: flex; + gap: 14rpx; + border-radius: 12rpx; + flex-wrap: wrap; +} \ No newline at end of file