深圳全飞鸿

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 659|回复: 3
打印 上一主题 下一主题

data-role="listview"

[复制链接]

800

主题

1379

帖子

7725

积分

版主

Rank: 7Rank: 7Rank: 7

积分
7725
跳转到指定楼层
楼主
发表于 2021-2-6 23:21:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
data-role="listview"

设置count属性时:
<ul data-role="listview" id="MList1" data-count-theme="b" data-split-icon="gear" class=" ui-listview " style="padding:0px;margin:0px">
回复

使用道具 举报

800

主题

1379

帖子

7725

积分

版主

Rank: 7Rank: 7Rank: 7

积分
7725
沙发
 楼主| 发表于 2021-2-10 16:57:13 | 只看该作者
ul外面包一个div, 否则位置不准

            <div data-role="content">
回复 支持 反对

使用道具 举报

800

主题

1379

帖子

7725

积分

版主

Rank: 7Rank: 7Rank: 7

积分
7725
板凳
 楼主| 发表于 2021-2-10 17:26:05 | 只看该作者
<!--过滤搜索隐藏列表-->
        <ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search Alphabet">
            <li><a>A</a></li>
            <li><a>B</a></li>
            <li><a>C</a></li>
            <li><a>D</a></li>
        </ul>

        <!--过滤搜索隐藏列表,另一种写法-->
        <form class="ui-filterable">
            <input id="auto-input" data-type="search" placeholder="Search Alphabet">
        </form>
        <ul data-role="listview" data-filter="true"  data-filter-placeholder="Search Alphabet"
            data-input = '#auto-input'>       
            <li><a>A</a></li>
            <li><a>B</a></li>
            <li><a>C</a></li>
            <li><a>D</a></li>
        </ul>

回复 支持 反对

使用道具 举报

800

主题

1379

帖子

7725

积分

版主

Rank: 7Rank: 7Rank: 7

积分
7725
地板
 楼主| 发表于 2021-2-10 20:17:46 | 只看该作者
                                                <ul data-role="listview" data-theme="a"  data-divider-theme="c" data-count-theme="c"  data-split-icon="gear" data-filter="true" data-filter-placeholder="输入工单搜索">
                                                        <li data-role="list-divider">机型:6HC009CMM30 <span class="ui-li-count">41002813</span></li>
                                                        <li data-icon="false"><a href="index.html">
                                                                        <h3>Stephen Weber</h3>
                                                                <p><strong>21020094-S4-2-02070917-A</strong></p>
                                                                <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
                                                                <p>2021/02/10 20:02</p>
                                                                <p class="ui-li-aside"><strong>B</strong></p>
                                                                 <span class="ui-li-count">B</span>
                                                        </a></li>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|nagomes  

GMT+8, 2025-6-29 07:19 , Processed in 0.054159 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表