zoukankan      html  css  js  c++  java
  • Framework 7 之 Smart select 选择后自动隐藏

    Framework 7官网地址:Framework 7(英文版)

                                     Framework 7(中文版)

    给“smart-select”添加属性  data-back-on-select="true"  即可在选中之后隐藏掉下拉框。

    具体代码如下:

    data-open-in——打开下拉框的方式;
    data-back-on-select——选中某个值之后隐藏掉下拉框;
    data-picker-close-text——右上角的文字;
    <a href="#" class="item-link smart-select" data-open-in="picker" data-back-on-select="true"  data-picker-close-text="关闭">
        <!-- select -->
        <select name="branchCampus">
            <option value="voice" selected>语音直播</option>
            <option value="video">视频直播</option>
        </select>
        <div class="item-content">
            <div class="item-inner">
                <div class="item-title">类型</div>
                <div class="item-after"></div>
            </div>
        </div>
    </a>

    效果如下图:

  • 相关阅读:
    希尔排序
    快速排序
    归并排序
    插入排序
    简单选择排序
    冒泡排序
    算法之时间复杂度和空间复杂度
    数据结构与算法思维导图
    rootfs根文件系统
    kernel 2.6.35.7向S5PV210移植
  • 原文地址:https://www.cnblogs.com/sese/p/8708476.html
Copyright © 2011-2022 走看看