$mol
Пошук
⌘ K
Документація
Пісочниця
Порівняння
Екосистема
Про проєкт
UK
Проєкт
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
Консоль
✕
Not translated to "uk": $bog_theme_switch_light_hint
Not translated to "uk": $bog_theme_switch_system_hint
Not translated to "uk": $bog_theme_switch_dark_hint
Not translated to "uk": $mol_link_source_hint
Type to search the documentation.