MD_YOSwechat/packageA/contacts/index.wxml

<van-search value="{{ condition }}" shape="round" background="var(--primary)" bind:search='startSearch' placeholder="搜索联系人" />
<add isGroup bind:callBack='toAddContacts' />
<!-- 系统分组 -->
<view class="group-box">
    <view class="title">系统群组</view>
    <navigator url="#" class="group" wx:for="{{systemGroup}}" wx:key="item.groupname" bindtap="toCheckList" data-item="{{item}}">
        <view class="icon" style="background: #FA8C16;">
        </view>
        <view class="text">
            <view class="name">{{item.groupname}}</view>
            <view class="count">已有 {{item.count}} 人</view>
        </view>
        <van-icon size='14' color='#D2D2D2' name="arrow" />
    </navigator>
</view>
<!-- 自定义分组 -->
<view class="group-box">
    <view class="title">自定义群组</view>
    <van-swipe-cell id="swipe-cell" async-close bind:close="onClose" right-width="{{ 120 }}" wx:for="{{myGroup}}" wx:key="item.groupname" bind:close="onClose">
        <van-cell-group>
            <navigator url="#" class="group" bindtap="toCheckList" data-item="{{item}}">
                <view class="icon" style="background: #52C41A;"></view>
                <view class="text">
                    <view class="name">{{item.groupname}}</view>
                    <view class="count">已有 {{item.count}} 人</view>
                </view>
                <van-icon size='14' color='#D2D2D2' name="arrow" />
            </navigator>
        </van-cell-group>
        <view slot="right" class="slide">
            <van-button custom-class='but' color="#FA8C16">编辑</van-button>
            <van-button custom-class='but' color="#FF3B30" bindtap="deleteGroup" data-item="{{item}}">删除</van-button>
        </view>
    </van-swipe-cell>
</view>