mirror of
https://github.com/divkit/divkit.git
synced 2026-05-07 20:02:32 +00:00
4eb0da
107 lines
3.3 KiB
JSON
107 lines
3.3 KiB
JSON
{
|
|
"templates": {
|
|
"title": {
|
|
"type": "text",
|
|
"font_size": 20,
|
|
"line_height": 24,
|
|
"font_weight": "bold",
|
|
"paddings": {
|
|
"left": 24,
|
|
"right": 24,
|
|
"bottom": 16
|
|
}
|
|
},
|
|
"subtitle": {
|
|
"font_size": 15,
|
|
"line_height": 20,
|
|
"type": "text",
|
|
"paddings": {
|
|
"left": 24,
|
|
"right": 24
|
|
}
|
|
}
|
|
},
|
|
"card": {
|
|
"log_id": "sample_card",
|
|
"states": [
|
|
{
|
|
"state_id": 0,
|
|
"div": {
|
|
"type": "container",
|
|
"orientation": "vertical",
|
|
"margins": {
|
|
"top": 24,
|
|
"bottom": 24
|
|
},
|
|
"items": [
|
|
{
|
|
"type": "title",
|
|
"text": "Applying a property to part of text"
|
|
},
|
|
{
|
|
"type": "subtitle",
|
|
"text": "Text lets you insert an image in the specified position or change the text properties in a certain interval.\n\nIn the example, an image of a star was inserted into the text at position 71, the color of the characters of the first word was changed, the distance between the characters of the third word was increased, and a word was underlined.",
|
|
"margins": {
|
|
"bottom": 12
|
|
}
|
|
},
|
|
{
|
|
"type": "container",
|
|
"orientation": "vertical",
|
|
"items": [
|
|
{
|
|
"type": "subtitle",
|
|
"alignment_horizontal": "center",
|
|
"width": {
|
|
"type": "match_parent"
|
|
},
|
|
"margins": {
|
|
"left": 0,
|
|
"right": 0
|
|
},
|
|
"paddings": {
|
|
"left": 4,
|
|
"right": 4,
|
|
"top": 16,
|
|
"bottom": 16
|
|
},
|
|
"background": [
|
|
{
|
|
"type": "solid",
|
|
"color": "#0E000000"
|
|
}
|
|
],
|
|
"max_lines": 5,
|
|
"text_alignment_vertical": "center",
|
|
"text_alignment_horizontal": "center",
|
|
"ranges": [
|
|
{
|
|
"start": 0,
|
|
"end": 5,
|
|
"font_weight": "bold",
|
|
"text_color": "#3F28C3"
|
|
},
|
|
{
|
|
"start": 12,
|
|
"end": 17,
|
|
"underline": "single",
|
|
"letter_spacing": 5
|
|
}
|
|
],
|
|
"images": [
|
|
{
|
|
"start": 71,
|
|
"url": "https://yastatic.net/s3/home/divkit/star.png"
|
|
}
|
|
],
|
|
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|