- Framework7 教程
- Framework7 - 首页
- Framework7 - 概述
- Framework7 - 环境配置
- Framework7 组件
- Framework7 - 布局
- Framework7 - 导航栏
- Framework7 - 工具栏
- Framework7 - 搜索栏
- Framework7 - 状态栏
- Framework7 - 侧边栏
- Framework7 - 内容块
- Framework7 - 网格布局
- Framework7 - 叠加层
- Framework7 - 预加载器
- Framework7 - 进度条
- Framework7 - 列表视图
- Framework7 - 手风琴
- Framework7 - 卡片
- Framework7 - 芯片
- Framework7 - 按钮
- Framework7 - 动作按钮
- Framework7 - 表单
- Framework7 - 标签页
- Framework7 - Swiper 滑块
- Framework7 - 图片浏览器
- Framework7 - 自动完成
- Framework7 - 选择器
- Framework7 - 日历
- Framework7 - 刷新
- Framework7 - 无限滚动
- Framework7 - 消息
- Framework7 - 消息栏
- Framework7 - 通知
- Framework7 - 懒加载
- Framework7 样式
- Framework7 - 颜色主题
- Framework7 - 分割线
- Framework7 模板
- Framework7 - 模板概述
- Framework7 - 自动编译
- Framework7 - Template7 页面
- Framework7 快速点击
- Framework7 - 活动状态
- Framework7 - 长按事件
- Framework7 - 触摸涟漪
- Framework7 有用资源
- Framework7 - 快速指南
- Framework7 - 有用资源
- Framework7 - 讨论
Framework7 - 动作表单转弹窗模板
描述
当您使用动作表单将对话转换为弹窗时,可以通过在应用初始化时传递modalActionsToPopoverTemplate参数来自定义弹窗模板。该参数将接受Template7格式的HTML字符串,该字符串将由Template7使用传递的groups上下文进行编译。
默认模板如下所示:
<div class = "popover actions-popover"> <div class = "popover-inner"> {{#each this}} <div class = "list-block"> <ul> {{#each this}} {{#if label}} <li class = "actions-popover-label {{#if color}}color-{{color}}{{/if}} {{#if bold}}actions-popover-bold{{/if}}">{{text}}</li> {{else}} <li><a href = "#" class = "item-link list-button {{#if color}}color-{{color}}{{/if}} {{#if bg}}bg-{{bg}}{{/if}} {{#if bold}}actions-popover-bold{{/if}} {{#if disabled}}disabled{{/if}}">{{ some text}}</a></li> {{/if}} {{/each}} </ul> </div> {{/each}} </div> </div>
framework7_overlays.htm
广告