Framework7-actionsheet-popover-template

Framework7-アクションシートからポップオーバーテンプレート

説明

_Action Sheet_会話を使用してポップオーバーを行う場合は、アプリの初期化時に_modalActionsToPopoverTemplate_パラメーターを渡すことでポップオーバーテンプレートをカスタマイズできます。 パラメーターは、_Template7_形式のHTML文字列を受け入れ、_groups_コンテキストが渡された_Template7_によってコンパイルされます。

デフォルトのテンプレートは次のようになります-

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