1<div class="container">
2  <!-- list_test -->
3  <list scrollpage="{{scrollpage}}" cachedcount="{{cachedcount}}" scrollbar="{{scrollbar}}" scrolleffect="{{scrolleffect}}" indexer="{{indexer}}"
4      shapemode="{{shapemode}}" updateeffect="{{updateeffect}}" initialindex="{{initialindex}}" initialoffset="{{initialoffset}}">
5    <list-item-group type="{{type}}"></list-item-group>
6    <list-item type="{{type}}" primary="{{primary}}" section="{{section}}" sticky="{{sticky}}"stickyradius="{{stickyradius}}" clickeffect="{{clickeffect}}"></list-item>
7  </list>
8
9  <!-- swiper_test -->
10  <swiper index="{{index}}" autoplay="{{autoplay}}" interval="{{interval}}" indicator="{{indicator}}" digital="{{digital}}" loop="{{loop}}"
11      duration="{{duration}}" vertical="{{vertical}}" indicatordisabled="true">
12  </swiper>
13
14  <!-- tabs_test -->
15  <tabs index="{{index}}" vertical="{{vertical}}">
16    <tab-bar mode="{{mode}}"></tab-bar>
17    <tab-content scrollable="{{scrollable}}"></tab-content>
18  </tabs>
19
20  <!-- popup_test -->
21  <popup target="title" placement="{{placement}}" keepalive="true" clickable="false" arrowoffset="20px"></popup>
22
23  <!-- refresh_test -->
24  <refresh offset="{{offset}}" refreshing="{{refreshing}}" type="auto" lasttime="{{lasttime}}" friction="{{friction}}"></refresh>
25
26  <!-- image_test -->
27  <image alt="img" src="{{src}}"></image>
28
29  <!-- image-animator_test -->
30  <image-animator images="{{images}}" iteration="{{iteration}}" reverse="{{reverse}}" fixedsize="{{fixedsize}}" duration="{{duration}}"></image-animator>
31
32  <!-- progress_test_1 -->
33  <progress type="horizontal" percent="{{percent}}" secondarypercent="{{secondarypercent}}"></progress>
34
35  <!-- progress_test_2 -->
36  <progress type="scale-ring" percent="{{percent}}" secondarypercent="{{secondarypercent}}" clockwise="{{clockwise}}"></progress>
37
38  <!-- progress_test_3 -->
39  <progress type="arc" percent="{{percent}}"></progress>
40
41  <!--  rating_test  -->
42  <rating numstars="{{numstars}}" rating="{{rating}}" stepsize="{{stepsize}}"indicator="{{indicator}}"></rating>
43
44  <!-- marquee_test -->
45  <marquee scrollamount="{{scrollamount}}" loop="{{loop}}" direction="{{direction}}"></marquee>
46
47  <!-- divider_test -->
48  <divider vertical="{{vertical}}"></divider>
49
50  <!-- search_test -->
51  <search icon="{{icon}}" hint="{{hint}}" value="{{value}}" searchbutton="content"></search>
52
53  <!-- menu_test -->
54  <menu target="{{target}}" type="{{type}}" title="{{title}}"></menu>
55
56  <!-- chart_test -->
57  <chart type="line" options="{{options}}" datasets="{{datasets}}"></chart>
58
59  <!-- input_test -->
60  <input type="time" checked="{{checked}}" name="{{name}}" value="{{value}}" placeholder="{{placeholder}}" maxlength="{{maxlength}}"
61      enterkeytype="default" headericon="{{headericon}}" showcounter="true">
62  </input>
63
64  <!-- button_test -->
65  <button type="capsule" value="{{value}}" icon="{{icon}}" value="{{value}}"></button>
66
67  <!-- label_test -->
68  <label target="{{target}}"></label>
69
70  <!-- option_test -->
71  <select>
72    <option selected="{{selected}}" value="{{value}}" icon="{{icon}}" action="show" focusable="{{focusable}}" disabled="true"></option>
73  </select>
74
75  <!-- slider_test -->
76  <slider min="{{min}}" max="{{max}}" step="{{step}}" value="{{value}}" type="continuous" minicon="{{minicon}}" maxicon="{{maxicon}}"></slider>
77
78  <!-- switch_test -->
79  <switch checked="{{checked}}" showtext="{{showtext}}" texton="{{texton}}" textoff="{{textoff}}"></switch>
80
81  <!-- textarea_test -->
82  <textarea placeholder="{{placeholder}}" maxlength="{{maxlength}}" headericon="{{headericon}}" extend="{{extend}}" showcounter="true"></textarea>
83
84  <!-- picker_test_1 -->
85  <picker type="text" range="{{range}}" selected="{{selected}}" value="{{value}}"></picker>
86
87  <!-- picker_test_2 -->
88  <picker type="date" start="{{start}}" end="{{end}}" selected="{{selected}}" value="{{value}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker>
89
90  <!-- picker_test_3 -->
91  <picker type="time" containsecond="{{containsecond}}" selected="{{selected}}" value="{{value}}" hours="{{hours}}"></picker>
92
93  <!-- picker_test_4 -->
94  <picker type="datetime" selected="{{selected}}" value="{{value}}" hours="{{hours}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker>
95
96  <!-- picker_test_5 -->
97  <picker type="multi-text" columns="{{columns}}" range="{{range}}" selected="{{selected}}" value="{{value}}"></picker>
98
99  <!-- picker-view_test_1 -->
100  <picker-view type="text" range="{{range}}" selected="{{selected}}" indicatorprefix="{{indicatorprefix}}" indicatorsuffix="{{indicatorsuffix}}"></picker-view>
101
102  <!-- picker-view_test_2 -->
103  <picker-view type="date" start="{{start}}" end="{{end}}" selected="{{selected}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker-view>
104
105  <!-- picker-view_test_3 -->
106  <picker-view type="time" containsecond="{{containsecond}}" selected="{{selected}}" hours="{{hours}}"></picker-view>
107
108  <!-- picker-view_test_4 -->
109  <picker-view type="datetime" selected="{{selected}}" hours="{{hours}}" lunar="{{lunar}}" lunarswitch="{{lunarswitch}}"></picker-view>
110
111  <!-- picker-view_test_5 -->
112  <picker-view type="multi-text" columns="{{columns}}" range="{{range}}" selected="{{selected}}"></picker-view>
113
114  <!-- qrcode_test -->
115  <qrcode value="{{value}}" type="rect"></qrcode>
116
117  <!-- video_test -->
118  <video muted="{{muted}}" src="{{src}}" autoplay="{{autoplay}}" poster="{{poster}}" controls="{{controls}}"></video>
119
120  <!-- badge_test -->
121  <badge placement="right" count="2" visible = "true" maxcount="90"></badge>
122
123  <!-- panel_test -->
124  <panel type="foldable" mode="mini" dragbar="true" miniheight="300px"></panel>
125
126  <!-- stepper_test -->
127  <stepper index="1"></stepper>
128
129  <!-- xcomponent_test -->
130  <xcomponent name="{{name}}" type="texture" id="1"></xcomponent>
131
132  <!-- web_test -->
133  <web src="{{src}}"></web>
134</div>