Lines Matching refs:div
13 1. 在hml文件中添加一个根节点div，注意每个hml文件中有且只能有一个根节点，代码如下：
16 <div class="container">
17 </div>
30 …在这个样式类中，我们分别设置了根组件div的高度和宽度（注意在应用的开发过程中，除部分组件（text）外必须显式指定组件的高度和宽度，否则可能无法显示）、并将flex-direction属性设置为…
32 2. 实现标题栏：标题栏包括一个退出按钮和一个标题，两个控件是横向排列；首先添加一个div，并设置flex-direction的属性为row，表示子组件是水平方向从左往右排列；然后依次添加一个im…
35 <div class="container">
36 <div class="header" onclick="exitApp">
41 </div>
42 </div>
67 onclick="exitApp" 设置了div组件的click事件，当在标题栏上触发点击事件时，就会执行函数exitApp，该函数位于index.js文件中，代码如下：
93 <div class="container">
94 <div class="header" onclick="exitApp">
99 </div>
102 </div>
157 <div>--------空气指标详细信息
158 </div>
159 <div>--------更新时间和网站等信息
160 </div>
170 <div></div>
180 …持设置indicator，需要开发者自己来实现该效果。在根节点中添加一个子组件div，并设置相应样式；然后在该div中添加两个子组件div，设置两个div的border-radius，并在swip…
183 <div class="images">
184 <div class="circle-div" style="background-color: {{iconcheckedColor}};"></div>
185 … <div class="circle-div" style="background-color: {{iconUncheckedColor}};margin-left: 36px;"></div>
186 </div>
197 <div class="container">
198 <div class="header" onclick="exitApp">
203 </div>
218 <div class="detail">
219 <div class="text-wrapper">
226 </div>
227 <div class="text-wrapper">
234 </div>
235 <div class="text-wrapper">
242 </div>
243 <div class="text-wrapper">
250 </div>
251 <div class="text-wrapper">
258 </div>
260 </div>
261 <div class="footer">
268 </div>
283 <div class="detail">
284 <div class="text-wrapper">
291 </div>
292 <div class="text-wrapper">
299 </div>
300 <div class="text-wrapper">
307 </div>
308 <div class="text-wrapper">
315 </div>
316 <div class="text-wrapper">
323 </div>
325 </div>
326 <div class="footer">
333 </div>
336 <div class="images">
337 <div class="circle-div" style="background-color: {{iconcheckedColor}};"></div>
338 … <div class="circle-div" style="background-color: {{iconUncheckedColor}};margin-left: 36px;"></div>
339 </div>
340 </div>
480 .circle-div {