layui-ul/source/components/nav/ul-nav-card/_index.html

<div class="ul-section">
    <div class="ul-nav-card">
        <div class="ul-nav-card-item">
            <div class="ul-nav-card-item-left">
                <div class="ul-nav-card-item-icon layui-icon layui-icon-set">
    
                </div>
                <div class="ul-nav-card-item-info">
                    <div class="ul-nav-card-item-title">
                        登录密码
                    </div>
                    <div class="ul-nav-card-item-desc">
                        建议您使用字母和数字的组合、混合大小写、在组合中加入下划线等符号。
                    </div>
                </div>
            </div>
            <div class="ul-nav-card-item-right">
                <div class="layui-btn layui-btn-sm">
                    修改密码
                </div>
            </div>
        </div>
        <div class="ul-nav-card-item">
            <div class="ul-nav-card-item-left">
                <div class="ul-nav-card-item-icon layui-icon layui-icon-set">
    
                </div>
                <div class="ul-nav-card-item-info">
                    <div class="ul-nav-card-item-title">
                        资金密码
                    </div>
                    <div class="ul-nav-card-item-desc">
                        资金密码用于提现、绑定银行卡等操作，可保障资金安全
                    </div>
                </div>
            </div>
            <div class="ul-nav-card-item-right">
                <div class="layui-btn layui-btn-sm">
                    找回资金密码
                </div>
                <div class="layui-btn layui-btn-sm">
                    修改资金密码
                </div>
            </div>
        </div>
        <div class="ul-nav-card-item disabled">
            <div class="ul-nav-card-item-left">
                <div class="ul-nav-card-item-icon layui-icon layui-icon-set">
    
                </div>
                <div class="ul-nav-card-item-info">
                    <div class="ul-nav-card-item-title">
                        比特币转出
                    </div>
                    <div class="ul-nav-card-item-desc">
                        系统维护,不能转出
                    </div>
                </div>
            </div>
            <div class="ul-nav-card-item-right">
                <div class="layui-btn layui-btn-sm layui-btn-disabled">
                    立即转出
                </div>
    
            </div>
        </div>
    </div>
</div>
<div class="ul-section">
    <div class="ul-nav-card ul-nav-card-simple">
        <div class="ul-nav-card-item">
            <div class="ul-nav-card-item-left">
                <div class="ul-nav-card-item-icon layui-icon layui-icon-set">
    
                </div>
                <div class="ul-nav-card-item-info">
                    <div class="ul-nav-card-item-title">
                        登录密码
                    </div>
                    <div class="ul-nav-card-item-desc">
                        建议您使用字母和数字的组合、混合大小写、在组合中加入下划线等符号。
                    </div>
                </div>
            </div>
            <div class="ul-nav-card-item-right">
                <div class="layui-btn layui-btn-sm">
                    修改密码
                </div>
            </div>
        </div>
        <div class="ul-nav-card-item">
            <div class="ul-nav-card-item-left">
                <div class="ul-nav-card-item-icon layui-icon layui-icon-set">
    
                </div>
                <div class="ul-nav-card-item-info">
                    <div class="ul-nav-card-item-title">
                        资金密码
                    </div>
                    <div class="ul-nav-card-item-desc">
                        资金密码用于提现、绑定银行卡等操作，可保障资金安全
                    </div>
                </div>
            </div>
            <div class="ul-nav-card-item-right">
                <div class="layui-btn layui-btn-sm">
                    找回资金密码
                </div>
                <div class="layui-btn layui-btn-sm">
                    修改资金密码
                </div>
            </div>
        </div>
        <div class="ul-nav-card-item disabled">
            <div class="ul-nav-card-item-left">
                <div class="ul-nav-card-item-icon layui-icon layui-icon-set">
    
                </div>
                <div class="ul-nav-card-item-info">
                    <div class="ul-nav-card-item-title">
                        比特币转出
                    </div>
                    <div class="ul-nav-card-item-desc">
                        系统维护,不能转出
                    </div>
                </div>
            </div>
            <div class="ul-nav-card-item-right">
                <div class="layui-btn layui-btn-sm layui-btn-disabled">
                    立即转出
                </div>
    
            </div>
        </div>
    </div>
</div>