|
|
|
|
<!--pages/mine/mine.wxml-->
|
|
|
|
|
<view class="header">
|
|
|
|
|
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;line-height:{{navigationHeight}}px;text-align: center;">
|
|
|
|
|
我的
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="body">
|
|
|
|
|
<view class="userInfo flex flex-sb items-center" bindtap="goToEdit">
|
|
|
|
|
<image src="../../images/mine/头像.png" class="avatar" mode="" />
|
|
|
|
|
<view class="flex flex-1" style="justify-content: start;">
|
|
|
|
|
微信用户
|
|
|
|
|
</view>
|
|
|
|
|
<van-icon name="arrow" />
|
|
|
|
|
</view>
|
|
|
|
|
<view class="house">
|
|
|
|
|
<view class="flex flex-col">
|
|
|
|
|
<view class="apartment">
|
|
|
|
|
--
|
|
|
|
|
</view>
|
|
|
|
|
<view class="house_name">
|
|
|
|
|
-- --
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<image src="../../images/mine/house.png" mode="" />
|
|
|
|
|
</view>
|
|
|
|
|
<view class="device">
|
|
|
|
|
<view class="title">
|
|
|
|
|
基础设备
|
|
|
|
|
</view>
|
|
|
|
|
<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 class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
|
|
|
|
|
</view>
|
|
|
|
|
<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 class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
|
|
|
|
|
</view>
|
|
|
|
|
<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 class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
|
|
|
|
|
</view>
|
|
|
|
|
<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 class="state"><image src="../../images/mine/round_g.png" class="icon-20 ml-28" mode=""/> --</view>
|
|
|
|
|
</view>
|
|
|
|
|
<image src="../../images/mine/diancilu.png" />
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="card" style="width: calc(100vw - 40rpx);margin:0 auto;">
|
|
|
|
|
<view class="title">
|
|
|
|
|
资源管理
|
|
|
|
|
</view>
|
|
|
|
|
<view class="flex flex-sb">
|
|
|
|
|
<view>本月用水：<text class="num blue">--</text> <image class="icon-26" src="../../images/mine/blue.png"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view style="color: #bbbbbb;">
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<view>本月用电：<text class="num pink">--</text><image class="icon-26" src="../../images/mine/red.png"></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="card" style="width: calc(100vw - 40rpx);margin:14rpx auto 0;">
|
|
|
|
|
<view class="title">
|
|
|
|
|
服务信息
|
|
|
|
|
</view>
|
|
|
|
|
<view class="service-c">
|
|
|
|
|
<view class="flex p10" style="width: 180rpx;background-color: #f3f9fc;border-radius: 10rpx;" wx:for="{{serviceNavList}}" bind:tap="toInfo" data-url="{{item.url}}">
|
|
|
|
|
<image src="{{'../../images/mine/s'+(index + 1)+'.png'}}" class="icon-40 mr-10" />
|
|
|
|
|
<view>{{item.label}}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<van-notify id="van-notify" />
|
