报事页面新增 图标修改 我的页面默认头像

app.json

@@ -36,6 +36,13 @@
                 "checkOutConfirm/index/index",
                 "checkOutConfirm/sign/sign"
             ]
+        },
+        {
+            "root": "subpages/eventAdd",
+            "name": "event",
+            "pages": [
+                "add/add"
+            ]
         }
     ],
     "window": {

pages/index/index.js

@@ -57,6 +57,8 @@ Page({
     })
     this.setData({
       statusHeight: app.globalData.deviceInfo.statusHeight,
+      navigationHeight: app.globalData.deviceInfo.navigationHeight,
+
     });
   },
 

pages/index/index.wxml

@@ -2,13 +2,17 @@
     <view>青岛</view>
     <van-search value="{{ searchValue }}" shape="round" background="transparent" placeholder="请输入搜索关键词" />
 </view> -->
-<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" style="height:480rpx">
+<view class="header" style="padding-top: {{navigationHeight}}px;">
+<view class="title">青岛市免租金住宿保障平台</view>
+    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" style="height:340rpx;">
     <block wx:for="{{imgUrls}}">
         <swiper-item>
             <image src="{{item}}" class="slide-image" />
         </swiper-item>
     </block>
 </swiper>
+</view>
+
 <view class="bg-white pt-40">
     <view class="card tip flex">
         <image src="../../images/icon/tip.png" class="icon-36" alt="Image" />

pages/index/index.wxss

@@ -2,8 +2,19 @@
 page{
     background-color: #f7f5f5;
 }
+.header{
+    background: linear-gradient(to bottom, #2dcecb 70%, #ffffff 30%);
+    padding-left: 20rpx;
+    padding-right: 20rpx;
+}
+.title{
+    margin-bottom: 26rpx;
+    color: #ffffff;
+    font-size: 28rpx;
+}
 .slide-image{
     width:100%;
+    border-radius: 10rpx;
 }
 .header-search{
     position: fixed;

pages/mine/mine.js

@@ -110,5 +110,12 @@ Page({
         Notify({ type: 'primary', message: '持续上线中，敬请期待~' });
 
       }
+    },
+    getUserInfo(){
+      wx.getUserProfile({
+        success:(res)=>{
+          console.log(res);
+        }
+      })
     }
 })

pages/mine/mine.json

@@ -1,7 +1,8 @@
 {
     "usingComponents": {
         "van-icon": "@vant/weapp/icon/index",
-        "van-notify": "@vant/weapp/notify/index"
+        "van-notify": "@vant/weapp/notify/index",
+        "van-button": "@vant/weapp/button/index"
     },
     "navigationStyle": "custom"
 }

pages/mine/mine.wxml

@@ -5,18 +5,26 @@
     </view>
 </view>
 <view class="body">
-    <view class="userInfo flex flex-sb items-center"  bindtap="goToEdit">
+    <!--  bindtap="goToEdit" -->
-        <image src="../../images/zixun.png" class="avatar" mode="" />
+    <view class="userInfo flex flex-sb items-center" >
-        <view class="name flex-1">五月的风</view>
+        <image src="../../images/mine/头像.png" class="avatar" mode="" />
+       <view class="flex flex-1" style="justify-content: start;">
+        <van-button 
+        round 
+        type="info"
+        bind:tap="getUserInfo"
+        custom-class="transparent-btn"
+    >去注册</van-button>
+       </view>
         <van-icon name="arrow" />
     </view>
     <view class="house">
         <view class="flex flex-col">
             <view class="apartment">
-                福林苑
+                --
             </view>
             <view class="house_name">
-                5-1-805 南卧
+                -- --
             </view>
         </view>
         <image src="../../images/mine/house.png" mode="" />
@@ -28,31 +36,31 @@
         <view class="device-c">
             <view class="flex flex-sb" style="width: 312rpx;background-color: #f3f9fc;border-radius: 10rpx;">
                 <view class="flex flex-col">
-                    <view style="margin:20rpx 0 0 28rpx">空调</view>
+                    <view style="margin:20rpx 0 0 28rpx">--</view>
-                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> 正常</view>
+                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
                 </view>
-                <image src="../../images/mine/device.png" />
+                <image src="../../images/mine/kongtiao.png" />
             </view>
             <view class="flex flex-sb" style="width: 312rpx;background-color: #f3f9fc;border-radius: 10rpx;">
                 <view class="flex flex-col">
-                    <view style="margin:20rpx 0 0 28rpx">空调</view>
+                    <view style="margin:20rpx 0 0 28rpx">--</view>
-                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> 正常</view>
+                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
                 </view>
-                <image src="../../images/mine/device.png" />
+                <image src="../../images/mine/bingxiang.png" />
             </view>
             <view class="flex flex-sb" style="width: 312rpx;background-color: #f3f9fc;border-radius: 10rpx;">
                 <view class="flex flex-col">
-                    <view style="margin:20rpx 0 0 28rpx">空调</view>
+                    <view style="margin:20rpx 0 0 28rpx">--</view>
-                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> 正常</view>
+                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
                 </view>
-                <image src="../../images/mine/device.png" />
+                <image src="../../images/mine/xiyiji.png" />
             </view>
             <view class="flex flex-sb" style="width: 312rpx;background-color: #f3f9fc;border-radius: 10rpx;">
                 <view class="flex flex-col">
-                    <view style="margin:20rpx 0 0 28rpx">空调</view>
+                    <view style="margin:20rpx 0 0 28rpx">--</view>
-                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> 正常</view>
+                    <view class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
                 </view>
-                <image src="../../images/mine/device.png" />
+                <image src="../../images/mine/diancilu.png" />
             </view>
         </view>
     </view>
@@ -61,14 +69,12 @@
             资源管理
         </view>
         <view class="flex flex-sb">
-            <view>
+            <view>本月用水：<text class="num blue">12m³</text> <image class="icon-26" src="../../images/mine/blue.png"></image>
-                本月用水：<text class="num blue">12m³</text> <image class="icon-26" src="../../images/mine/blue.png"></image>
             </view>
             <view style="color: #bbbbbb;">
                 |
             </view>
-            <view>
+            <view>本月用电：<text class="num pink">28kw-h</text><image class="icon-26" src="../../images/mine/red.png"></image>
-                本月用电：<text class="num pink">28kw-h</text><image class="icon-26" src="../../images/mine/red.png"></image>
             </view>
         </view>
     </view>

pages/mine/mine.wxss

@@ -122,3 +122,8 @@ page{
   font-size: 24rpx;
   color: #b5b5b5;
 }
+.van-button--info {
+  background-color: transparent !important;
+  color: black !important;
+  border: none !important;
+}

pages/serve/serve.wxml

@@ -7,16 +7,23 @@
 </view>
 <view class="body">
     <view class="card header-card">
-        <view style="font-size: 40rpx;">您还未办理入住</view>
+        <view style="font-size: 36rpx;margin-bottom:52rpx;">居住服务</view>
-        <view style="margin:12rpx 0 30rpx 0">在线合同签订、履约保证金等</view>
         <view class="flex flex-sa" style="gap: 30rpx;">
-            <view class="card flex flex-flex-center-i" style="width: 50%;">
+            <view class=" flex items-center flex-center-j flex-col" style="width: 25%;">
-                <image src="../../images/icon/000.png" class="icon-68" mode="" />
+                <image src="../../images/icon/nav_1.png" class="icon-100" mode="" />
-                <view style="font-size:32rpx;color:#000000;font-weight: 600;" class="flex items-center flex-1">入住办理</view>
+                <view style="font-size:28rpx;color:#ffffff;font-weight: 600;" class="flex items-center flex-1">入住办理</view>
             </view>
-            <view class="card flex flex-flex-center-i" style="width: 50%;">
+            <view class=" flex items-center flex-center-j flex-col" style="width: 25%;">
-                <image src="../../images/icon/111.png" class="icon-68" mode="" />
+                <image src="../../images/icon/nav_2.png" class="icon-100" mode="" />
-                <text style="font-size:32rpx;color:#000000;font-weight: 600;" class="flex items-center flex-1">入住评价</text>
+                <text style="font-size:28rpx;color:#ffffff;font-weight: 600;" class="flex items-center flex-1">退房确认</text>
+            </view>
+            <view class=" flex items-center flex-center-j flex-col" style="width: 25%;">
+                <image src="../../images/icon/nav_4.png" class="icon-100" mode="" />
+                <view style="font-size:28rpx;color:#ffffff;font-weight: 600;" class="flex items-center flex-1">延租申请</view>
+            </view>
+            <view class=" flex items-center flex-center-j flex-col" style="width: 25%;">
+                <image src="../../images/icon/nav_3.png" class="icon-100" mode="" />
+                <text style="font-size:28rpx;color:#ffffff;font-weight: 600;" class="flex items-center flex-1">居住评价</text>
             </view>
         </view>
     </view>

project.private.config.json

@@ -15,12 +15,19 @@
         "miniprogram": {
             "list": [
                 {
-                    "name": "OCR",
+                    "name": "报事",
-                    "pathName": "subpages/OCRCard/pages/OCR/OCR",
+                    "pathName": "subpages/eventAdd/add/add",
                     "query": "",
                     "scene": null,
                     "launchMode": "default"
                 },
+                {
+                    "name": "OCR",
+                    "pathName": "subpages/OCRCard/pages/OCR/OCR",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
                 {
                     "name": "subpages/index/checkOutConfirm/index/index",
                     "pathName": "subpages/index/checkOutConfirm/index/index",

subpages/eventAdd/add/add.js

@@ -0,0 +1,66 @@
+// subpages/eventAdd/add/add.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

subpages/eventAdd/add/add.json

@@ -0,0 +1,7 @@
+{
+    "usingComponents": {
+        "van-cell": "@vant/weapp/cell/index",
+        "van-cell-group": "@vant/weapp/cell-group/index",
+        "van-popup": "@vant/weapp/popup/index"
+    }
+}

subpages/eventAdd/add/add.wxml

@@ -0,0 +1,9 @@
+<!--subpages/eventAdd/add/add.wxml-->
+<view class="header">
+    <view class="card">
+        <van-cell title="单元格" value="内容" />
+    </view>
+    <view class="card">
+
+    </view>
+</view>

subpages/eventAdd/add/add.wxss

@@ -0,0 +1,4 @@
+/* subpages/eventAdd/add/add.wxss */
+.header{
+    background-color: linear-gradient(to right,#d2effd 50%,#e6e2fb);
+}