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
广告