<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # volist 循環標簽 ## 循環標簽 用于循環輸出數組或者對象的屬性,例如使用多文件、多圖片、復選、鍵值對的組件時,在內容頁調用該標簽循環輸出內容。 ## 格式示例 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"Info.images"</span><span class="token1">}</span> <span class="token"><</span>div class<span class="token">=</span><span class="token4">"carousel-item {$currentstyle}"</span><span class="token">></span> <span class="token"><</span>img src<span class="token">=</span><span class="token4">"{$item}"</span> class<span class="token">=</span><span class="token4">"d-block w-100"</span><span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` ## 參數 參數名稱可選值默認值是否必填說明currentstyle-active-指定選中的class樣式具體看下面示例current-1-指定第幾個選中,默認active class給到第一個id-$item-指定循環里的變量名,例如id='obj',模板調用如:{$item.title} 變成 {$obj.title}name---傳入數組、對象offset---從第幾條開始循環length---循環次數,例如輸出其中的第5~15條記錄,offset="5" length='10'mod---取余運算empty---為空的時候輸出提示key-i-指定循環變量,如果沒有指定key屬性的話,默認使用循環變量i## 參數說明 `currentstyle` 屬性,用于圖集數組在輪播圖時進來頁面看到的第一張圖片,active 沒有定義樣式,需要自己定義。結合`current`屬性,current=1,在第一次循環時currentstyle等于active,其他循環為空。如下: ``` <pre class="calibre16">``` <span class="token5">// current=2,只有循環到第二次時$currentstyle變量才有active值</span> <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> current<span class="token">=</span><span class="token4">"2"</span><span class="token1">}</span> <span class="token"><</span>p class<span class="token">=</span><span class="token4">"{$currentstyle}"</span><span class="token">></span><span class="token1">{</span>$item<span class="token1">}</span><span class="token"><</span><span class="token">/</span>p<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` `id` 屬性,用于改變循環變量,默認是$item,例如改成$vo,無需加$ ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> id<span class="token">=</span><span class="token4">"vo"</span> <span class="token1">}</span> <span class="token"><</span>p<span class="token">></span><span class="token1">{</span>$vo<span class="token1">}</span><span class="token"><</span><span class="token">/</span>p<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` `name` 屬性,傳入要輸出的變量名稱,如上面,取的是自己添加的字段files(多文件數組類型)。除了變量,還支持調用方法如下: ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">":ceshi()"</span> id<span class="token">=</span><span class="token4">"vo"</span><span class="token1">}</span> <span class="token"><</span>p<span class="token">></span><span class="token1">{</span>php<span class="token1">}</span><span class="token6">dump</span><span class="token1">(</span>$vo<span class="token1">)</span><span class="token1">;</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span><span class="token"><</span><span class="token">/</span>p<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` `offset` 屬性,用于限制從第幾條開始循環,例如如下:結合`length`屬性輸出其中的第5~15條記錄 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> offset<span class="token">=</span><span class="token4">"5"</span> length<span class="token">=</span><span class="token4">"10"</span><span class="token1">}</span> <span class="token"><</span>p<span class="token">></span><span class="token1">{</span>php<span class="token1">}</span><span class="token6">dump</span><span class="token1">(</span>$item<span class="token1">)</span><span class="token1">;</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span><span class="token"><</span><span class="token">/</span>p<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` `mod`取余運算屬性,使用該屬性后,在循環模板里面得到{$mod}變量,里面的值等于循環變量`i%mod`,i是從1開始的,每循環一次i+1。 例如:mod="2",判斷偶數奇數。用于每一行圖片左右擺放樣式不一樣時可以使用。更多使用方式根據實際情況設置。 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> mod<span class="token">=</span><span class="token4">"2"</span><span class="token1">}</span> <span class="token1">{</span>$i<span class="token1">}</span> <span class="token">-</span> <span class="token1">{</span>$mod<span class="token1">}</span> <span class="token1">{</span><span class="token2">if</span> $mod<span class="token">==</span><span class="token3">1</span><span class="token1">}</span>偶數<span class="token1">{</span><span class="token2">else</span> <span class="token">/</span><span class="token1">}</span>奇數<span class="token1">{</span><span class="token">/</span><span class="token2">if</span><span class="token1">}</span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` `empty`為空提示標簽,不支持傳入HTML,但可以傳入變量 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> empty<span class="token">=</span><span class="token4">"沒有更多數據了"</span><span class="token1">}</span> <span class="token1">{</span>php<span class="token1">}</span><span class="token6">dump</span><span class="token1">(</span>$item<span class="token1">)</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` 傳入變量 ``` <pre class="calibre16">``` <span class="token1">{</span>php<span class="token1">}</span>$empty <span class="token">=</span> <span class="token4">'<p align="center">- 沒有更多數據了 -</p>'</span><span class="token1">;</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span> <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> empty<span class="token">=</span><span class="token4">"$empty"</span><span class="token1">}</span> <span class="token1">{</span>php<span class="token1">}</span><span class="token6">dump</span><span class="token1">(</span>$item<span class="token1">)</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` `key` 循環變量屬性,默認是i,從1開始,每循環一次增加1。 輸出循環變量 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> <span class="token1">}</span> <span class="token1">{</span>php<span class="token1">}</span><span class="token6">dump</span><span class="token1">(</span>$i<span class="token1">)</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` 改變循環變量 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> key<span class="token">=</span><span class="token4">"k"</span> <span class="token1">}</span> <span class="token1">{</span>php<span class="token1">}</span><span class="token6">dump</span><span class="token1">(</span>$k<span class="token1">)</span><span class="token1">{</span><span class="token">/</span>php<span class="token1">}</span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` 循環變量不是指數組索引值,數組索引值可以使用{$key}。 ``` <pre class="calibre16">``` <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"$Info.more.files"</span> <span class="token1">}</span> <span class="token1">{</span>$key<span class="token1">}</span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ``` ## 示例 - 設置第二張選中,選中的class 為:ac 有時候,我們的圖集輪播圖,需要默認顯示第幾張顯示,可按一下設置參數,設置好后,將{$currentstyle}放入你想放入的class標簽上即可。 ``` <pre class="calibre20">``` <span class="token5">// Info.images 為內容里的圖集,name不用加:$,可參考模板開發下的可用變量。</span> <span class="token1">{</span>hkcms<span class="token1">:</span>volist name<span class="token">=</span><span class="token4">"Info.images"</span> currentstyle<span class="token">=</span><span class="token4">"ac"</span> current<span class="token">=</span><span class="token4">"2"</span><span class="token1">}</span> <span class="token"><</span>div class<span class="token">=</span><span class="token4">"carousel-item {$currentstyle}"</span><span class="token">></span> <span class="token"><</span>img src<span class="token">=</span><span class="token4">"{$item}"</span> class<span class="token">=</span><span class="token4">"d-block w-100"</span><span class="token">></span> <span class="token"><</span><span class="token">/</span>div<span class="token">></span> <span class="token1">{</span><span class="token">/</span>hkcms<span class="token1">:</span>volist<span class="token1">}</span> ``` ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看