mirror of
https://github.com/divkit/divkit.git
synced 2026-06-06 20:07:59 +00:00
276 lines
7.5 KiB
JSON
276 lines
7.5 KiB
JSON
{
|
|
"description": "Text elements with borders with shadow",
|
|
"platforms": [
|
|
"android",
|
|
"ios",
|
|
"web",
|
|
"flutter"
|
|
],
|
|
"card": {
|
|
"log_id": "snapshot_test_card",
|
|
"states": [
|
|
{
|
|
"state_id": 0,
|
|
"div": {
|
|
"type": "container",
|
|
"background": [
|
|
{
|
|
"type": "solid",
|
|
"color": "#FFFFFF"
|
|
}
|
|
],
|
|
"items": [
|
|
{
|
|
"type": "text",
|
|
"text": "Variant 1",
|
|
"margins": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"paddings": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"alpha": 1.0,
|
|
"alignment_horizontal": "center",
|
|
"alignment_vertical": "center",
|
|
"background": [
|
|
{
|
|
"type": "solid",
|
|
"color": "#FFFFFF"
|
|
}
|
|
],
|
|
"border": {
|
|
"corner_radius": 8,
|
|
"has_shadow": 1,
|
|
"stroke": {
|
|
"color": "#000000",
|
|
"width": 1
|
|
},
|
|
"shadow": {
|
|
"color": "#000000",
|
|
"alpha": 1.0,
|
|
"blur": 2,
|
|
"offset": {
|
|
"x": {
|
|
"value": 2
|
|
},
|
|
"y": {
|
|
"value": 2
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"font_size": 20,
|
|
"font_weight": "medium",
|
|
"text_alignment_horizontal": "center",
|
|
"text_alignment_vertical": "center",
|
|
"text_color": "#000000"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "Variant 2",
|
|
"margins": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"paddings": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"alpha": 1.0,
|
|
"alignment_horizontal": "center",
|
|
"alignment_vertical": "center",
|
|
"background": [
|
|
{
|
|
"type": "solid",
|
|
"color": "#80FF0000"
|
|
}
|
|
],
|
|
"border": {
|
|
"corner_radius": 8,
|
|
"has_shadow": 1,
|
|
"stroke": {
|
|
"color": "#000000",
|
|
"width": 1
|
|
},
|
|
"shadow": {
|
|
"color": "#0000FF",
|
|
"alpha": 1.0,
|
|
"blur": 2,
|
|
"offset": {
|
|
"x": {
|
|
"value": 4
|
|
},
|
|
"y": {
|
|
"value": 4
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"font_size": 20,
|
|
"font_weight": "medium",
|
|
"text_alignment_horizontal": "center",
|
|
"text_alignment_vertical": "center",
|
|
"text_color": "#000000"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "Variant 3",
|
|
"margins": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"paddings": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"alpha": 1.0,
|
|
"alignment_horizontal": "center",
|
|
"alignment_vertical": "center",
|
|
"background": [
|
|
{
|
|
"type": "solid",
|
|
"color": "#80FF0000"
|
|
}
|
|
],
|
|
"border": {
|
|
"corner_radius": 16,
|
|
"has_shadow": 1,
|
|
"stroke": {
|
|
"color": "#00FF00",
|
|
"width": 4
|
|
},
|
|
"shadow": {
|
|
"color": "#0000FF",
|
|
"alpha": 1.0,
|
|
"blur": 16,
|
|
"offset": {
|
|
"x": {
|
|
"value": -8
|
|
},
|
|
"y": {
|
|
"value": 16
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"font_size": 20,
|
|
"font_weight": "medium",
|
|
"text_alignment_horizontal": "center",
|
|
"text_alignment_vertical": "center",
|
|
"text_color": "#000000"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "Variant 4",
|
|
"margins": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"paddings": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"alpha": 1.0,
|
|
"alignment_horizontal": "center",
|
|
"alignment_vertical": "center",
|
|
"background": [
|
|
{
|
|
"type": "solid",
|
|
"color": "#80FF0000"
|
|
}
|
|
],
|
|
"border": {
|
|
"corner_radius": 12,
|
|
"has_shadow": 1,
|
|
"shadow": {
|
|
"color": "#0000FF",
|
|
"alpha": 0.5,
|
|
"blur": 1,
|
|
"offset": {
|
|
"x": {
|
|
"value": 4
|
|
},
|
|
"y": {
|
|
"value": 2
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"font_size": 20,
|
|
"font_weight": "medium",
|
|
"text_alignment_horizontal": "center",
|
|
"text_alignment_vertical": "center",
|
|
"text_color": "#000000"
|
|
},
|
|
{
|
|
"type": "text",
|
|
"text": "Variant 5",
|
|
"margins": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"paddings": {
|
|
"left": 16,
|
|
"top": 16,
|
|
"right": 16,
|
|
"bottom": 16
|
|
},
|
|
"alpha": 1.0,
|
|
"alignment_horizontal": "center",
|
|
"alignment_vertical": "center",
|
|
"background": [
|
|
{
|
|
"type": "solid",
|
|
"color": "#FFFFFF"
|
|
}
|
|
],
|
|
"border": {
|
|
"corner_radius": 16,
|
|
"has_shadow": 1,
|
|
"shadow": {
|
|
"color": "#FF00FF",
|
|
"alpha": 1.0,
|
|
"blur": 16,
|
|
"offset": {
|
|
"x": {
|
|
"value": 0
|
|
},
|
|
"y": {
|
|
"value": 0
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"font_size": 20,
|
|
"font_weight": "medium",
|
|
"text_alignment_horizontal": "center",
|
|
"text_alignment_vertical": "center",
|
|
"text_color": "#000000"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|