apuc/custom_block
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
Kavalar
2024-10-09 00:18:18 +03:00
commit f78373ebee
5 changed files with 547 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
example.html Normal file
View File

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="src/custom_block.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<h1>hello</h1>
<h2>world</h2>
</div>
<div class="row">
<div class="svg_block">
<div class="title_block">
Заголовок блока
</div>
<div class="up_text_block">
Как я уже сказал, взаимодействие игрока происходит через устройства ввода и пользовательский интерфейс,
который представляет из себя обычные React компоненты.
</div>
<div class="down_text_block">
Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей
чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских
булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да выпей
чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю. Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских
булок, да выпей чаю.
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="svg_block_2">
<div class="title_block">
Заголовок блока
</div>
<div class="up_text_block">
Как я уже сказал, взаимодействие игрока происходит через устройства
</div>
<div class="down_text_block">
Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю.
</div>
</div>
</div>
<div class="col-6">
<div class="svg_block_2">
<div class="title_block">
Заголовок блока
</div>
<div class="up_text_block">
Как я уже сказал, взаимодействие игрока происходит через устройства
</div>
<div class="down_text_block">
Съешь еще этих мягких французских булок, да выпей чаю. Съешь еще этих мягких французских булок, да
выпей чаю.
</div>
</div>
</div>
</div>
</div>
<script>
window.addEventListener("load", function () {
cb(".svg_block", {});
cb(".svg_block_2", {
'left_up_rect_w': 130,
'left_up_rect_h': 30,
'right_down_rect_w': 50,
'right_down_rect_h': 50,
'border_radius': 15,
'title_font_size': 20,
});
});
</script>
</body>
</html>