16a23e08bSopenharmony_ci<div class="container">
26a23e08bSopenharmony_ci  <!-- list_test -->
36a23e08bSopenharmony_ci  <list scrollpage="{{scrollpage}}" cachedcount="{{cachedcount}}" scrollbar="{{scrollbar}}" scrolleffect="{{scrolleffect}}" indexer="{{indexer}}"
46a23e08bSopenharmony_ci      shapemode="{{shapemode}}" updateeffect="{{updateeffect}}" initialindex="{{initialindex}}" initialoffset="{{initialoffset}}">
56a23e08bSopenharmony_ci    <list-item-group type="{{type}}"></list-item-group>
66a23e08bSopenharmony_ci    <list-item type="{{type}}" primary="{{primary}}" section="{{section}}" sticky="{{sticky}}"stickyradius="{{stickyradius}}" clickeffect="{{clickeffect}}"></list-item>
76a23e08bSopenharmony_ci  </list>
86a23e08bSopenharmony_ci
96a23e08bSopenharmony_ci  <!-- swiper_test -->
106a23e08bSopenharmony_ci  <swiper index="{{index}}" autoplay="{{autoplay}}" interval="{{interval}}" indicator="{{indicator}}" digital="{{digital}}" loop="{{loop}}"
116a23e08bSopenharmony_ci      duration="{{duration}}" vertical="{{vertical}}" indicatordisabled="true">
126a23e08bSopenharmony_ci  </swiper>
136a23e08bSopenharmony_ci
146a23e08bSopenharmony_ci  <!-- tabs_test -->
156a23e08bSopenharmony_ci  <tabs index="{{index}}" vertical="{{vertical}}">
166a23e08bSopenharmony_ci    <tab-bar mode="{{mode}}"></tab-bar>
176a23e08bSopenharmony_ci    <tab-content scrollable="{{scrollable}}"></tab-content>
186a23e08bSopenharmony_ci  </tabs>
196a23e08bSopenharmony_ci
206a23e08bSopenharmony_ci  <!-- popup_test -->
216a23e08bSopenharmony_ci  <popup target="title" placement="{{placement}}" keepalive="true" clickable="false" arrowoffset="20px"></popup>
226a23e08bSopenharmony_ci
236a23e08bSopenharmony_ci  <!-- refresh_test -->
246a23e08bSopenharmony_ci  <refresh offset="{{offset}}" refreshing="{{refreshing}}" type="auto" lasttime="{{lasttime}}" friction="{{friction}}"></refresh>
256a23e08bSopenharmony_ci
266a23e08bSopenharmony_ci  <!-- image_test -->
276a23e08bSopenharmony_ci  <image alt="img" src="{{src}}"></image>
286a23e08bSopenharmony_ci
296a23e08bSopenharmony_ci  <!-- image-animator_test -->
306a23e08bSopenharmony_ci  <image-animator images="{{images}}" iteration="{{iteration}}" reverse="{{reverse}}" fixedsize="{{fixedsize}}" duration="{{duration}}"></image-animator>
316a23e08bSopenharmony_ci
326a23e08bSopenharmony_ci  <!-- progress_test_1 -->
336a23e08bSopenharmony_ci  <progress type="horizontal" percent="{{percent}}" secondarypercent="{{secondarypercent}}"></progress>
346a23e08bSopenharmony_ci
356a23e08bSopenharmony_ci  <!-- progress_test_2 -->
366a23e08bSopenharmony_ci  <progress type="scale-ring" percent="{{percent}}" secondarypercent="{{secondarypercent}}" clockwise="{{clockwise}}"></progress>
376a23e08bSopenharmony_ci
386a23e08bSopenharmony_ci  <!-- progress_test_3 -->
396a23e08bSopenharmony_ci  <progress type="arc" percent="{{percent}}"></progress>
406a23e08bSopenharmony_ci
416a23e08bSopenharmony_ci  <!--  rating_test  -->
426a23e08bSopenharmony_ci  <rating numstars="{{numstars}}" rating="{{rating}}" stepsize="{{stepsize}}"indicator="{{indicator}}"></rating>
436a23e08bSopenharmony_ci
446a23e08bSopenharmony_ci  <!-- marquee_test -->
456a23e08bSopenharmony_ci  <marquee scrollamount="{{scrollamount}}" loop="{{loop}}" direction="{{direction}}"></marquee>
466a23e08bSopenharmony_ci
476a23e08bSopenharmony_ci  <!-- divider_test -->
486a23e08bSopenharmony_ci  <divider vertical="{{vertical}}"></divider>
496a23e08bSopenharmony_ci
506a23e08bSopenharmony_ci  <!-- search_test -->
516a23e08bSopenharmony_ci  <search icon="{{icon}}" hint="{{hint}}" value="{{value}}" searchbutton="content"></search>
526a23e08bSopenharmony_ci
536a23e08bSopenharmony_ci  <!-- menu_test -->
546a23e08bSopenharmony_ci  <menu target="{{target}}" type="{{type}}" title="{{title}}"></menu>
556a23e08bSopenharmony_ci
566a23e08bSopenharmony_ci  <!-- chart_test -->
576a23e08bSopenharmony_ci  <chart type="line" options="{{options}}" datasets="{{datasets}}"></chart>
586a23e08bSopenharmony_ci
596a23e08bSopenharmony_ci  <!-- input_test -->
606a23e08bSopenharmony_ci  <input type="time" checked="{{checked}}" name="{{name}}" value="{{value}}" placeholder="{{placeholder}}" maxlength="{{maxlength}}"
616a23e08bSopenharmony_ci      enterkeytype="default" headericon="{{headericon}}" showcounter="true">
626a23e08bSopenharmony_ci  </input>
636a23e08bSopenharmony_ci
646a23e08bSopenharmony_ci  <!-- button_test -->
656a23e08bSopenharmony_ci  <button type="capsule" value="{{value}}" icon="{{icon}}" value="{{value}}"></button>
666a23e08bSopenharmony_ci
676a23e08bSopenharmony_ci  <!-- label_test -->
686a23e08bSopenharmony_ci  <label target="{{target}}"></label>
696a23e08bSopenharmony_ci
706a23e08bSopenharmony_ci  <!-- option_test -->
716a23e08bSopenharmony_ci  <select>
726a23e08bSopenharmony_ci    <option selected="{{selected}}" value="{{value}}" icon="{{icon}}" action="show" focusable="{{focusable}}" disabled="true"></option>
736a23e08bSopenharmony_ci  </select>
746a23e08bSopenharmony_ci
756a23e08bSopenharmony_ci  <!-- slider_test -->
766a23e08bSopenharmony_ci  <slider min="{{min}}" max="{{max}}" step="{{step}}" value="{{value}}" type="continuous" minicon="{{minicon}}" maxicon="{{maxicon}}"></slider>
776a23e08bSopenharmony_ci
786a23e08bSopenharmony_ci  <!-- switch_test -->
796a23e08bSopenharmony_ci  <switch checked="{{checked}}" showtext="{{showtext}}" texton="{{texton}}" textoff="{{textoff}}"></switch>
806a23e08bSopenharmony_ci
816a23e08bSopenharmony_ci  <!-- textarea_test -->
826a23e08bSopenharmony_ci  <textarea placeholder="{{placeholder}}" maxlength="{{maxlength}}" headericon="{{headericon}}" extend="{{extend}}" showcounter="true"></textarea>
836a23e08bSopenharmony_ci
846a23e08bSopenharmony_ci  <!-- picker_test_1 -->
856a23e08bSopenharmony_ci  <picker type="text" range="{{range}}" selected="{{selected}}" value="{{value}}"></picker>
866a23e08bSopenharmony_ci
876a23e08bSopenharmony_ci  <!-- picker_test_2 -->
886a23e08bSopenharmony_ci  <picker type="date" start="{{start}}" end="{{end}}" selected="{{selected}}" value="{{value}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker>
896a23e08bSopenharmony_ci
906a23e08bSopenharmony_ci  <!-- picker_test_3 -->
916a23e08bSopenharmony_ci  <picker type="time" containsecond="{{containsecond}}" selected="{{selected}}" value="{{value}}" hours="{{hours}}"></picker>
926a23e08bSopenharmony_ci
936a23e08bSopenharmony_ci  <!-- picker_test_4 -->
946a23e08bSopenharmony_ci  <picker type="datetime" selected="{{selected}}" value="{{value}}" hours="{{hours}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker>
956a23e08bSopenharmony_ci
966a23e08bSopenharmony_ci  <!-- picker_test_5 -->
976a23e08bSopenharmony_ci  <picker type="multi-text" columns="{{columns}}" range="{{range}}" selected="{{selected}}" value="{{value}}"></picker>
986a23e08bSopenharmony_ci
996a23e08bSopenharmony_ci  <!-- picker-view_test_1 -->
1006a23e08bSopenharmony_ci  <picker-view type="text" range="{{range}}" selected="{{selected}}" indicatorprefix="{{indicatorprefix}}" indicatorsuffix="{{indicatorsuffix}}"></picker-view>
1016a23e08bSopenharmony_ci
1026a23e08bSopenharmony_ci  <!-- picker-view_test_2 -->
1036a23e08bSopenharmony_ci  <picker-view type="date" start="{{start}}" end="{{end}}" selected="{{selected}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker-view>
1046a23e08bSopenharmony_ci
1056a23e08bSopenharmony_ci  <!-- picker-view_test_3 -->
1066a23e08bSopenharmony_ci  <picker-view type="time" containsecond="{{containsecond}}" selected="{{selected}}" hours="{{hours}}"></picker-view>
1076a23e08bSopenharmony_ci
1086a23e08bSopenharmony_ci  <!-- picker-view_test_4 -->
1096a23e08bSopenharmony_ci  <picker-view type="datetime" selected="{{selected}}" hours="{{hours}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker-view>
1106a23e08bSopenharmony_ci
1116a23e08bSopenharmony_ci  <!-- picker-view_test_5 -->
1126a23e08bSopenharmony_ci  <picker-view type="multi-text" columns="{{columns}}" range="{{range}}" selected="{{selected}}"></picker-view>
1136a23e08bSopenharmony_ci
1146a23e08bSopenharmony_ci  <!-- qrcode_test -->
1156a23e08bSopenharmony_ci  <qrcode value="{{value}}" type="rect"></qrcode>
1166a23e08bSopenharmony_ci
1176a23e08bSopenharmony_ci  <!-- video_test -->
1186a23e08bSopenharmony_ci  <video muted="{{muted}}" src="{{src}}" autoplay="{{autoplay}}" poster="{{poster}}" controls="{{controls}}"></video>
1196a23e08bSopenharmony_ci
1206a23e08bSopenharmony_ci  <!-- badge_test -->
1216a23e08bSopenharmony_ci  <badge placement="right" count="2" visible = "true" maxcount="90"></badge>
1226a23e08bSopenharmony_ci
1236a23e08bSopenharmony_ci  <!-- panel_test -->
1246a23e08bSopenharmony_ci  <panel type="foldable" mode="mini" dragbar="true" miniheight="300px"></panel>
1256a23e08bSopenharmony_ci
1266a23e08bSopenharmony_ci  <!-- stepper_test -->
1276a23e08bSopenharmony_ci  <stepper index="1"></stepper>
1286a23e08bSopenharmony_ci
1296a23e08bSopenharmony_ci  <!-- xcomponent_test -->
1306a23e08bSopenharmony_ci  <xcomponent name="{{name}}" type="texture" id="1"></xcomponent>
1316a23e08bSopenharmony_ci
1326a23e08bSopenharmony_ci  <!-- web_test -->
1336a23e08bSopenharmony_ci  <web src="{{src}}"></web>
1346a23e08bSopenharmony_ci</div>