Lines Matching refs:text
30 …在这个样式类中,我们分别设置了根组件div的高度和宽度(注意在应用的开发过程中,除部分组件(text)外必须显式指定组件的高度和宽度,否则可能无法显示)、并将flex-direction属性设置为…
32 …个退出按钮和一个标题,两个控件是横向排列;首先添加一个div,并设置flex-direction的属性为row,表示子组件是水平方向从左往右排列;然后依次添加一个image和text组件,代码如下:
38 <text class="title">
40 </text>
96 <text class="title">
98 </text>
145 在swiper中添加两个子组件stack(绝对布局),每个stack组件内分别添加text、image、progress等组件来显示对应的信息 ,页面结构如下:
151 <text></text>------空气质量
152 <text></text>------城市名称
155 <text></text>--------AQI数值
156 <text>AQI</text>------AQI
164 <text></text>
165 <text></text>
168 <text></text>
169 <text></text>
200 <text class="title">
202 </text>
206 <text class="airquality" style="color:{{textColor1}};">{{airData[0].airQuality}}
207 </text>
208 <text class="location-text">{{airData[0].location}}
209 </text>
213 <text class="aqi-value">{{airData[0].detailData}}
214 </text>
215 <text class="aqi">
217 </text>
219 <div class="text-wrapper">
220 <text class="gas-name">
222 </text>
223 <text class="gas-value">
225 </text>
227 <div class="text-wrapper">
228 <text class="gas-name">
230 </text>
231 <text class="gas-value">
233 </text>
235 <div class="text-wrapper">
236 <text class="gas-name">
238 </text>
239 <text class="gas-value">
241 </text>
243 <div class="text-wrapper">
244 <text class="gas-name">
246 </text>
247 <text class="gas-value">
249 </text>
251 <div class="text-wrapper">
252 <text class="gas-name">
254 </text>
255 <text class="gas-value">
257 </text>
262 <text class="update-time">
264 </text>
265 <text class="info-source">
267 </text>
271 <text class="airquality" style="color: {{textColor2}};">{{airData[1].airQuality}}
272 </text>
273 <text class="location-text">{{airData[1].location}}
274 </text>
278 <text class="aqi-value">{{airData[1].detailData}}
279 </text>
280 <text class="aqi">
282 </text>
284 <div class="text-wrapper">
285 <text class="gas-name">
287 </text>
288 <text class="gas-value">
290 </text>
292 <div class="text-wrapper">
293 <text class="gas-name">
295 </text>
296 <text class="gas-value">
298 </text>
300 <div class="text-wrapper">
301 <text class="gas-name">
303 </text>
304 <text class="gas-value">
306 </text>
308 <div class="text-wrapper">
309 <text class="gas-name">
311 </text>
312 <text class="gas-value">
314 </text>
316 <div class="text-wrapper">
317 <text class="gas-name">
319 </text>
320 <text class="gas-value">
322 </text>
327 <text class="update-time">
329 </text>
330 <text class="info-source">
332 </text>
349 text-align: center;
358 text-align: center;
367 text-align: center;
378 .location-text {
379 text-align: center;
411 .text-wrapper {
419 text-align: left;
424 text-align: right;
470 text-align: right;
477 text-align: left;