MP-zxs/pages/mine/mine.wxml

<!--pages/mine/mine.wxml-->
<view class="custom-navigation" style="height: {{navigation.height}};padding-top: {{navigation.paddingTop}}">
    <text>排队叫号</text>
    <text>{{address}}</text>
</view>

<scroll-view class="mine-container" style="{{'--navHeight: calc(' + navigation.height + ' + ' + navigation.paddingTop + ')' }}" scroll-y enhanced show-scrollbar="{{false}}">
    <view class="search">
        <view class="search-icon">
            <image src="../../icon/search.png" mode="widthFix"/>
        </view>
        <view class="search-input">
            <input placeholder-style="input-placeholder" type="text" placeholder="热门搜索：税费争议，公积金"/>
        </view>
    </view>


    <view class="userInfo">
        <view class="headimg">
            <image src="https://smzc-1253299035.cos.ap-nanjing.myqcloud.com/pdjh/miniProgrameYyQh/headimg.png" mode="widthFix" />
        </view>
        <view class="infos">
            <view class="item">
                <view class="label">Hi，{{userInfo.name || "请认证"}}</view>
            </view>
            <view class="shiming" wx:if="{{userInfo.phone && userInfo.phone.length>1}}">
                <image src="../../images/mine/shiming.png" mode="widthFix" />
            </view>
        </view>
        <view class="myInfo" hover-class="myInfoActive" bind:tap="myInfo">
            <view class="name">个人信息</view>
            <view class="icon">
                <image src="../../icon/enter.png" mode="widthFix" />
            </view>
        </view>
    </view>

    <view class="showDatas">
        <view class="showDatas-data" hover-class="showDatas-data-hover" bind:tap="test">
            <view class="showDatas-data-value">0</view>
            <view class="showDatas-data-label">待办理</view>
        </view>
        <view class="showDatas-data" hover-class="showDatas-data-hover" bind:tap="test">
            <view class="showDatas-data-value">0</view>
            <view class="showDatas-data-label">已办结</view>
        </view>
        <view class="showDatas-data" hover-class="showDatas-data-hover" bind:tap="test">
            <view class="showDatas-data-value">0</view>
            <view class="showDatas-data-label">退件箱</view>
        </view>
        <view class="showDatas-data" hover-class="showDatas-data-hover" bind:tap="test">
            <view class="showDatas-data-value">0</view>
            <view class="showDatas-data-label">未提交</view>
        </view>
    </view>

    <view class="section section1">
        <view class="s1-block" hover-class="s1-block-hover" bind:tap="test">
            <view class="s1-block-icon1">
                <image src="../../images/mine/wdzm.png" mode="widthFix" />
            </view>
            <view class="s1-block-name">我的证明</view>
            <view class="s1-block-icon">
                <image src="../../icon/enter-grey.png" mode="widthFix" />
            </view>
        </view>
        <view class="s1-block" hover-class="s1-block-hover" bind:tap="test">
            <view class="s1-block-icon2">
                <image src="../../images/mine/wdzz.png" mode="widthFix" />
            </view>
            <view class="s1-block-name">我的证照</view>
            <view class="s1-block-icon">
                <image src="../../icon/enter-grey.png" mode="widthFix" />
            </view>
        </view>
    </view>

    <view class="section section2">
        <view class="s2-title">更多服务</view>
        <view class="s2-block {{section2List.length-1 == blockKey?'s2-noBorder':''}}" wx:for="{{section2List}}" wx:key="index" wx:for-index="blockKey" wx:for-item="blockItem">
            <view class="s2-block-item" hover-class="s2-block-item-hover" wx:for="{{blockItem.children}}" wx:key="item" data-item="{{item}}" bind:tap="moreFunction">
                <view class="s2-block-item-icon">
                    <image src="{{item.icon}}" mode="widthFix" />
                </view>
                <view class="s2-block-item-name"><text>{{item.name}}</text></view>
            </view>
        </view>
    </view>

    <view class="fill"></view>
</scroll-view>

<wxs module="tools">
    var phone = function (e) {
        if (e) {
            return e.substring(0, 3) + '****' + e.substring(7, 11)
        } else {
            return ""
        }
    }
    var idcard = function (e) {
        if (e) {
            return e.substring(0, 6) + '********' + e.substring(14, 18)
        } else {
            return ""
        }
    }

    var tools = {
        phone: phone,
        idcard: idcard
    }
    module.exports = tools;
</wxs>