多图调用时,第一条加active,其他的不加

                     {php $duotu=dr_get_files($duotu);}

{loop $duotu $i $tt}

                      <div class="item active">

                        <img width="710" height="500" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20710%20500'%3E%3C/svg%3E" class="thumb-preview" alt="WPC Wall Panel" data-lazy-src="{dr_get_file($tt.file)}" />

                        <noscript>

                          <img width="710" height="500" src="{dr_get_file($tt.file)}" class="thumb-preview" alt="{$cat.name}" /></noscript>

                      </div>

{/loop}

老师们,怎么在第一条上面加 <div class="item active"> 其他的 <div class="item">