Welink ui组件介绍ListDouble

举报
云会议运营喵大人 发表于 2020/02/19 18:42:01 2020/02/19
【摘要】 ListDouble双行列表。ListDouble UI 提供与WeLink规范一致的视图,包含:带说明跳转。 <div class="weui-cells"> <div class="weui-cell weui-cell-list"> <div class="weui-cell__bd"> <p>主文本,文本较多换行...

ListDouble


双行列表。ListDouble UI 提供与WeLink规范一致的视图,包含:带说明跳转。

    <div class="weui-cells">
        <div class="weui-cell weui-cell-list">
            <div class="weui-cell__bd">
                <p>主文本,文本较多换行时,列表高度相应增高,文本与列表上下间距不变</p>
                <div class="weui-cell__explan">
                    此处是辅助说明文体,说明文本
                </div>
            </div>
            <div class="weui-cell__ft"><img class="weui-cell__fticon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" ></div>
        </div>
        <div class="weui-cell weui-cell-list">
            <div class="weui-cell__bd">
                <p>主文本</p>
                <div class="weui-cell__explan">
                    此处是辅助说明文体,说明文本,文本较多换行时,列表高度相应增高,文本与列表上下间距不变
                </div>
            </div>
            <div class="weui-cell__ft">
                <img  class="weui-cell__fticon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" >
            </div>
        </div>
    </div>

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。