/*
 * Copyright (c) 2021 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

{
  "@app-component/inlineStyle": {
    "_descriptor": {},
    "data": {},
    "template": {
      "type": "div",
      "attr": {
        "className": "container",
        "debugLine": "pages/inlineStyle/inlineStyle:1"
      },
      "classList": [
        "container"
      ],
        "children": [
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:3",
              "value": "style_test1"
            },
            "style": {
              "width": "100%"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:6",
              "value": "style_test2"
            },
            "style": {
              "height": "function () {return this.height}"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:9",
              "value": "style_test3"
            },
            "style": {
              "color": "#008000"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:12",
              "value": "style_test4"
            },
            "style": {
              "color": "#FF0000"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:15",
              "value": "style_test5"
            },
            "style": {
              "color": "rgba(200,180,120,1)"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:18",
              "value": "style_test6"
            },
            "style": {
              "animationDuration": "400ms"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:21",
              "value": "style_test7"
            },
            "style": {
              "animationIterationCount": 4
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:24",
              "value": "style_test8"
            },
            "style": {
              "animationTimingFunction": "linear"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:27",
              "value": "style_test9"
            },
            "style": {
              "animationFillMode": "forwards"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:30",
              "value": "style_test10"
            },
            "style": {
              "gridTemplateColumns": "50px 100px 60px"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:33",
              "value": "style_test11"
            },
            "style": {
              "gridRowStart": 2
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:36",
              "value": "style_test12"
            },
            "style": {
              "borderTopWidth": "5px",
              "borderRightWidth": "5px",
              "borderBottomWidth": "5px",
              "borderLeftWidth": "5px",
              "borderTopStyle": "solid",
              "borderRightStyle": "solid",
              "borderBottomStyle": "solid",
              "borderLeftStyle": "solid",
              "borderTopColor": "#FF0000",
              "borderRightColor": "#FF0000",
              "borderBottomColor": "#FF0000",
              "borderLeftColor": "#FF0000"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:39",
              "value": "style_test13"
            },
            "style": {
              "textIndent": "50px"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:42",
              "value": "style_test14"
            },
            "style": {
              "backgroundImage": "/common/img/xmad.jpg"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:45",
              "value": "style_test15"
            },
            "style": {
              "transitionProperty": "width"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:48",
              "value": "style_test16"
            },
            "style": {
              "transitionDuration": "5s"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:51",
              "value": "style_test17"
            },
            "style": {
              "transform": "{\"rotate\":\"7deg\"}"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:54",
              "value": "style_test18"
            },
            "style": {
              "transformOrigin": "20% 40%"
            }
          },
          {
            "type": "progress",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:57",
              "value": "style_test19"
            },
            "style": {
              "startAngle": "240deg"
            }
          },
          {
            "type": "picker-view",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:60",
              "value": "style_test20"
            },
            "style": {
              "selectedFontFamily": "PingFangSC-Regular"
            }
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:63",
              "value": "style_test21"
            },
            "style": {
              "paddingTop": "10px",
              "paddingRight": "15px",
              "paddingBottom": "10px",
              "paddingLeft": "15px"
            }
          },
          {
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:66",
              "value": "style_test22"
            },
            "style": {
              "display": "function () {return this.isFullWindow?'flex':'none'}"
            },
            "type": "div"
          },
          {
            "type": "div",
            "attr": {
              "debugLine": "pages/inlineStyle/inlineStyle:69",
              "value": "style_test23"
            },
            "style": {
              "backgroundImage": "https://img2.baidu.com/it/u=2000577849,825990840&fm=26&fmt=auto"
            }
          }
        ]
    }
  }
}