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>
效果如下图: