$mol
Поиск
⌘ K
Документация
Песочница
Сравнение
Экосистема
О проекте
RU
Проект
mam/
├──
.meta.tree
├──
mol/
└──
my/
├──
my.meta.tree
└──
demo/
├──
index.html
├──
demo.view.tree
├──
demo.view.ts
└──
demo.view.css.ts
Где эти файлы лежат в воркспейсе MAM
view.tree
view.ts
view.css.ts
Счётчик
view.tree
$my_demo
$mol_view
count_text
\0
inc
?
null
sub
/
<
=
Value
$mol_view
sub
/
<
=
count_text
<
=
Button
$mol_button_major
click
?
<
=
>
inc
?
sub
/
<
=
button_label
@
\Count up
view.ts
class
$my_demo
extends
$
.
$my_demo
{
@ $mol_mem
count
(
next
?
:
number
)
{
return
next
?
?
0
}
@ $mol_action
inc
(
)
{
this
.count
(
this
.count
(
)
+
1
)
}
count_text
(
)
{
return
String
(
this
.count
(
)
)
}
}
view.css.ts
namespace
$
{
$mol_style_define
(
$my_demo
,
{
flex:
{
direction
:
'column'
}
,
gap:
'1rem'
,
padding:
'1.5rem'
,
Value:
{
font:
{
size
:
'2rem'
,
weight:
700
}
,
color:
'#0088ff'
,
padding:
{
bottom
:
'0.5rem'
}
,
}
,
}
)
}
Превью
Консоль
0
Count up
Консоль
✕
Type to search the documentation.