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