1/*
2 * Copyright (c) 2021 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16{
17  "@app-component/inlineStyle": {
18    "_descriptor": {},
19    "data": {},
20    "template": {
21      "type": "div",
22      "attr": {
23        "className": "container",
24        "debugLine": "pages/inlineStyle/inlineStyle:1"
25      },
26      "classList": [
27        "container"
28      ],
29        "children": [
30          {
31            "type": "div",
32            "attr": {
33              "debugLine": "pages/inlineStyle/inlineStyle:3",
34              "value": "style_test1"
35            },
36            "style": {
37              "width": "100%"
38            }
39          },
40          {
41            "type": "div",
42            "attr": {
43              "debugLine": "pages/inlineStyle/inlineStyle:6",
44              "value": "style_test2"
45            },
46            "style": {
47              "height": "function () {return this.height}"
48            }
49          },
50          {
51            "type": "div",
52            "attr": {
53              "debugLine": "pages/inlineStyle/inlineStyle:9",
54              "value": "style_test3"
55            },
56            "style": {
57              "color": "#008000"
58            }
59          },
60          {
61            "type": "div",
62            "attr": {
63              "debugLine": "pages/inlineStyle/inlineStyle:12",
64              "value": "style_test4"
65            },
66            "style": {
67              "color": "#FF0000"
68            }
69          },
70          {
71            "type": "div",
72            "attr": {
73              "debugLine": "pages/inlineStyle/inlineStyle:15",
74              "value": "style_test5"
75            },
76            "style": {
77              "color": "rgba(200,180,120,1)"
78            }
79          },
80          {
81            "type": "div",
82            "attr": {
83              "debugLine": "pages/inlineStyle/inlineStyle:18",
84              "value": "style_test6"
85            },
86            "style": {
87              "animationDuration": "400ms"
88            }
89          },
90          {
91            "type": "div",
92            "attr": {
93              "debugLine": "pages/inlineStyle/inlineStyle:21",
94              "value": "style_test7"
95            },
96            "style": {
97              "animationIterationCount": 4
98            }
99          },
100          {
101            "type": "div",
102            "attr": {
103              "debugLine": "pages/inlineStyle/inlineStyle:24",
104              "value": "style_test8"
105            },
106            "style": {
107              "animationTimingFunction": "linear"
108            }
109          },
110          {
111            "type": "div",
112            "attr": {
113              "debugLine": "pages/inlineStyle/inlineStyle:27",
114              "value": "style_test9"
115            },
116            "style": {
117              "animationFillMode": "forwards"
118            }
119          },
120          {
121            "type": "div",
122            "attr": {
123              "debugLine": "pages/inlineStyle/inlineStyle:30",
124              "value": "style_test10"
125            },
126            "style": {
127              "gridTemplateColumns": "50px 100px 60px"
128            }
129          },
130          {
131            "type": "div",
132            "attr": {
133              "debugLine": "pages/inlineStyle/inlineStyle:33",
134              "value": "style_test11"
135            },
136            "style": {
137              "gridRowStart": 2
138            }
139          },
140          {
141            "type": "div",
142            "attr": {
143              "debugLine": "pages/inlineStyle/inlineStyle:36",
144              "value": "style_test12"
145            },
146            "style": {
147              "borderTopWidth": "5px",
148              "borderRightWidth": "5px",
149              "borderBottomWidth": "5px",
150              "borderLeftWidth": "5px",
151              "borderTopStyle": "solid",
152              "borderRightStyle": "solid",
153              "borderBottomStyle": "solid",
154              "borderLeftStyle": "solid",
155              "borderTopColor": "#FF0000",
156              "borderRightColor": "#FF0000",
157              "borderBottomColor": "#FF0000",
158              "borderLeftColor": "#FF0000"
159            }
160          },
161          {
162            "type": "div",
163            "attr": {
164              "debugLine": "pages/inlineStyle/inlineStyle:39",
165              "value": "style_test13"
166            },
167            "style": {
168              "textIndent": "50px"
169            }
170          },
171          {
172            "type": "div",
173            "attr": {
174              "debugLine": "pages/inlineStyle/inlineStyle:42",
175              "value": "style_test14"
176            },
177            "style": {
178              "backgroundImage": "/common/img/xmad.jpg"
179            }
180          },
181          {
182            "type": "div",
183            "attr": {
184              "debugLine": "pages/inlineStyle/inlineStyle:45",
185              "value": "style_test15"
186            },
187            "style": {
188              "transitionProperty": "width"
189            }
190          },
191          {
192            "type": "div",
193            "attr": {
194              "debugLine": "pages/inlineStyle/inlineStyle:48",
195              "value": "style_test16"
196            },
197            "style": {
198              "transitionDuration": "5s"
199            }
200          },
201          {
202            "type": "div",
203            "attr": {
204              "debugLine": "pages/inlineStyle/inlineStyle:51",
205              "value": "style_test17"
206            },
207            "style": {
208              "transform": "{\"rotate\":\"7deg\"}"
209            }
210          },
211          {
212            "type": "div",
213            "attr": {
214              "debugLine": "pages/inlineStyle/inlineStyle:54",
215              "value": "style_test18"
216            },
217            "style": {
218              "transformOrigin": "20% 40%"
219            }
220          },
221          {
222            "type": "progress",
223            "attr": {
224              "debugLine": "pages/inlineStyle/inlineStyle:57",
225              "value": "style_test19"
226            },
227            "style": {
228              "startAngle": "240deg"
229            }
230          },
231          {
232            "type": "picker-view",
233            "attr": {
234              "debugLine": "pages/inlineStyle/inlineStyle:60",
235              "value": "style_test20"
236            },
237            "style": {
238              "selectedFontFamily": "PingFangSC-Regular"
239            }
240          },
241          {
242            "type": "div",
243            "attr": {
244              "debugLine": "pages/inlineStyle/inlineStyle:63",
245              "value": "style_test21"
246            },
247            "style": {
248              "paddingTop": "10px",
249              "paddingRight": "15px",
250              "paddingBottom": "10px",
251              "paddingLeft": "15px"
252            }
253          },
254          {
255            "attr": {
256              "debugLine": "pages/inlineStyle/inlineStyle:66",
257              "value": "style_test22"
258            },
259            "style": {
260              "display": "function () {return this.isFullWindow?'flex':'none'}"
261            },
262            "type": "div"
263          },
264          {
265            "type": "div",
266            "attr": {
267              "debugLine": "pages/inlineStyle/inlineStyle:69",
268              "value": "style_test23"
269            },
270            "style": {
271              "backgroundImage": "https://img2.baidu.com/it/u=2000577849,825990840&fm=26&fmt=auto"
272            }
273          }
274        ]
275    }
276  }
277}