引用的是weui的cells/cell/slideview，wxml代码贴出如下

    <view class="page__bd">
        <view>
            <button class="weui-btn" style="width:100%;" type="primary">创建新分类</button>
        </view>
        <view>
            <scroll-view scroll-y="{{true}}" style="width: 100%; height: 100%;" refresher-enabled="{{true}}" refresher-threshold="{{100}}" refresher-default-style="white" refresher-background="lightgreen" refresher-triggered="{{triggered}}" bindrefresherpulling="onPulling" bindrefresherrefresh="onRefresh" bindrefresherrestore="onRestore" bindrefresherabort="onAbort">
                <mp-cells ext-class="my-cells">
                    <block wx:for="{{bookmarks}}" wx:for-item="directory" wx:key="categoryId">
                        <block wx:if="{{directory.category.level!=0}}">
                            <mp-slideview buttons="{{slideButtons}}" icon="{{true}}" bindbuttontap="slideButtonTap">
                                <mp-cell class="weui-slidecell" value="{{directory.category.categoryName}}" style="text-align: center; color:blue;"></mp-cell>
                            </mp-slideview>
                        </block>
                        <block wx:for="{{directory.bookMarks}}" wx:for-item="bmlist" wx:key="bookmakId">
                            <mp-slideview buttons="{{slideButtons}}" icon="{{true}}" bindbuttontap="slideButtonTap">
                                <mp-cell class="weui-slidecell" value="{{bmlist.bookmarkName}}"></mp-cell>
                            </mp-slideview>
                        </block>
                        <button class="weui-btn" style="width:100%;" type="primary">创建书签</button>
                    </block>
                </mp-cells>
            </scroll-view>
        </view>
    </view>

就是通过scroll-view/mp-cells/mp-cell/mp-slideview来分类显示书签，蓝色的是分类名称，黑色的是书签名

为什么我的每一行都显示那么高，能否做到每一行都适合文字高度呢？

截图如下显示的是小程序开发工具显示的效果：