Compare commits

...

3 Commits

Author SHA1 Message Date
4c66a8974f Add login UI style 2022-06-10 12:33:38 +08:00
349930d438 Add login layer 2022-06-10 00:09:20 +08:00
f9c73b25fe Optimize account page ui style 2022-06-09 20:08:27 +08:00
17 changed files with 943 additions and 49 deletions

View File

@ -6,15 +6,18 @@ $theme-color-light-layout: #F8F8F8;
$theme-color-light-background: #f4f0f1; $theme-color-light-background: #f4f0f1;
$theme-color-light-title: rgba(0, 0, 0, .65); $theme-color-light-title: rgba(0, 0, 0, .65);
$theme-color-light-text: rgba(0, 0, 0, .5); $theme-color-light-text: rgba(0, 0, 0, .5);
$theme-color-light-line: rgba(0, 0, 0, .25);
$theme-color-dark-layout: #1f1f1f; $theme-color-dark-layout: #1f1f1f;
$theme-color-dark-background: #181615; $theme-color-dark-background: #181615;
$theme-color-dark-title: rgba(255, 255, 255, .65); $theme-color-dark-title: rgba(255, 255, 255, .65);
$theme-color-dark-text: rgba(255, 255, 255, .5); $theme-color-dark-text: rgba(255, 255, 255, .5);
$theme-color-dark-line: rgba(255, 255, 255, .25);
$black-filter: brightness(0) opacity(.65); $black-filter: brightness(0) opacity(.65);
$white-filter: brightness(100) opacity(.65); $white-filter: brightness(100) opacity(.65);
$blue-filter: opacity(1); $blue-filter: opacity(1);
$green-filter: hue-rotate(-110deg) opacity(1);
@mixin container { @mixin container {
width: 88%; width: 88%;
@ -83,6 +86,14 @@ view.h3 {
font-size: 1em; font-size: 1em;
letter-spacing: .1em; letter-spacing: .1em;
} }
view.button {
color: white;
background-color: $theme-color-blue;
text-align: center;
padding: 10px;
border-radius: 10px;
}
@media (prefers-color-scheme: dark){ @media (prefers-color-scheme: dark){
page { page {

View File

@ -0,0 +1,94 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F4F0F1;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st3{fill:#1A1A1A;}
.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
.st6{fill:#3EA3D8;}
.st7{display:none;}
.st8{display:inline;}
.st9{fill:#808080;}
.st10{display:inline;fill:#808080;}
.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
.st12{fill:#7AC943;}
.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
.st16{fill:#CCCCCC;}
.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
.st20{fill:#666666;}
.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#B3B3B3;}
.st23{opacity:0.05;}
.st24{clip-path:url(#SVGID_00000047771584930258237770000008464236368807665038_);}
.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st26{opacity:0.4;fill:#3EA3D8;}
.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="A3">
<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
</g>
</g>
<g id="A2">
<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
</g>
<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
</g>
<g id="USER_x5F_FORM">
</g>
<g id="INTRO">
</g>
<g id="DLPU_x5F_LOGO">
</g>
</g>
<g id="A1">
<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
</g>
<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
</g>
<g id="FUNC_x5F_LIST">
</g>
<g id="MAIN_x5F_FUNC">
</g>
<g id="USER_x5F_CARD">
<g id="BG" class="st23">
</g>
</g>
</g>
<g id="ICON">
<g>
<path class="st6" d="M50,0c8.69,0,17.06,2.22,24.48,6.39c2.24,1.26,3.03,4.1,1.78,6.34c-1.26,2.24-4.1,3.03-6.34,1.78
C63.84,11.08,56.98,9.29,50,9.3C27.53,9.3,9.3,27.52,9.3,50S27.53,90.7,50,90.7c22.48,0,40.7-18.22,40.7-40.7
c0-7.9-2.25-15.46-6.42-21.96c-1.39-2.16-0.76-5.04,1.4-6.43c2.16-1.39,5.04-0.76,6.43,1.4c5.17,8.05,7.91,17.42,7.9,26.99
c0,27.61-22.38,50-50,50C22.39,100,0,77.61,0,50C0,22.39,22.39,0,50,0L50,0z M50,0"/>
<path class="st6" d="M83.48,20.51c1.7-1.82,4.53-1.97,6.42-0.36c1.89,1.61,2.18,4.43,0.65,6.39l-0.33,0.38L51.09,67.99
c-1.67,1.75-4.4,1.93-6.29,0.41l-0.39-0.35L26.66,50.11c-1.75-1.75-1.82-4.58-0.16-6.41c1.67-1.84,4.48-2.04,6.4-0.47l0.37,0.34
L47.65,58.1L83.48,20.51z M83.48,20.51"/>
</g>
</g>
<g id="DEFAULT_x5F_AVATOR">
</g>
<g id="COLOR">
</g>
<g id="NAV_x5F_BAR">
<g id="ICON_x5F_SETTING">
</g>
<g id="ICON_x5F_INFO">
</g>
<g id="ICON_x5F_KCB">
</g>
</g>
<g id="HEADER_x5F_BAR">
<g id="BUTTON">
</g>
<g id="TOP">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F4F0F1;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st3{fill:#1A1A1A;}
.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
.st6{fill:#3EA3D8;}
.st7{display:none;}
.st8{display:inline;}
.st9{fill:#808080;}
.st10{display:inline;fill:#808080;}
.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
.st12{fill:#7AC943;}
.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
.st16{fill:#CCCCCC;}
.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
.st20{fill:#666666;}
.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#B3B3B3;}
.st23{opacity:0.05;}
.st24{clip-path:url(#SVGID_00000177474060957557094400000000012443665588057228_);}
.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st26{opacity:0.4;fill:#3EA3D8;}
.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="A3">
<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
</g>
</g>
<g id="A2">
<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
</g>
<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
</g>
<g id="USER_x5F_FORM">
</g>
<g id="INTRO">
</g>
<g id="DLPU_x5F_LOGO">
</g>
</g>
<g id="A1">
<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
</g>
<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
</g>
<g id="FUNC_x5F_LIST">
</g>
<g id="MAIN_x5F_FUNC">
</g>
<g id="USER_x5F_CARD">
<g id="BG" class="st23">
</g>
</g>
</g>
<g id="ICON">
<g>
<path class="st6" d="M50,0C22.39,0,0,22.39,0,50c0,27.61,22.39,50,50,50c27.61,0,50-22.39,50-50C100,22.39,77.61,0,50,0L50,0z
M50,8.77c22.77,0,41.23,18.46,41.23,41.23S72.77,91.23,50,91.23S8.77,72.77,8.77,50S27.23,8.77,50,8.77L50,8.77z M50,8.77"/>
<path class="st6" d="M50,43.19c3.04,0,4.56,1.52,4.56,4.56v23.72c0,3.04-1.52,4.56-4.56,4.56c-3.04,0-4.56-1.52-4.56-4.56V47.75
C45.44,44.71,46.96,43.19,50,43.19L50,43.19z M50,43.19"/>
<path class="st6" d="M43.33,30.64c0,2.38,1.27,4.58,3.33,5.77c2.06,1.19,4.6,1.19,6.67,0c2.06-1.19,3.33-3.39,3.33-5.77
c0-2.38-1.27-4.58-3.33-5.77c-2.06-1.19-4.6-1.19-6.67,0C44.6,26.05,43.33,28.25,43.33,30.64L43.33,30.64z M43.33,30.64"/>
</g>
</g>
<g id="DEFAULT_x5F_AVATOR">
</g>
<g id="COLOR">
</g>
<g id="NAV_x5F_BAR">
<g id="ICON_x5F_SETTING">
</g>
<g id="ICON_x5F_INFO">
</g>
<g id="ICON_x5F_KCB">
</g>
</g>
<g id="HEADER_x5F_BAR">
<g id="BUTTON">
</g>
<g id="TOP">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -0,0 +1,94 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F4F0F1;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st3{fill:#1A1A1A;}
.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
.st6{fill:#3EA3D8;}
.st7{display:none;}
.st8{display:inline;}
.st9{fill:#808080;}
.st10{display:inline;fill:#808080;}
.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
.st12{fill:#7AC943;}
.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
.st16{fill:#CCCCCC;}
.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
.st20{fill:#666666;}
.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#B3B3B3;}
.st23{opacity:0.05;}
.st24{clip-path:url(#SVGID_00000096743565441905941170000016958695224966735273_);}
.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st26{opacity:0.4;fill:#3EA3D8;}
.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="A3">
<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
</g>
</g>
<g id="A2">
<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
</g>
<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
</g>
<g id="USER_x5F_FORM">
</g>
<g id="INTRO">
</g>
<g id="DLPU_x5F_LOGO">
</g>
</g>
<g id="A1">
<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
</g>
<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
</g>
<g id="FUNC_x5F_LIST">
</g>
<g id="MAIN_x5F_FUNC">
</g>
<g id="USER_x5F_CARD">
<g id="BG" class="st23">
</g>
</g>
</g>
<g id="ICON">
<path class="st6" d="M99.46,50.54c-0.71-1.43-18.11-35.5-49.55-35.5c-2.62,0-5.24,0.24-7.86,0.71c-1.91,0.48-3.34,2.14-2.86,4.05
c0.48,1.91,2.14,3.34,4.05,2.86c2.14-0.48,4.29-0.48,6.43-0.48c23.35,0,38.59,23.35,42.41,29.78c-1.19,2.14-3.57,5.96-7.15,10.24
c-1.19,1.43-0.95,3.81,0.48,5c0.71,0.48,1.43,0.71,2.38,0.71c0.95,0,2.14-0.48,2.86-1.19c5.72-6.91,8.81-12.86,8.81-13.1
C100.18,52.68,100.18,51.49,99.46,50.54z M16.8,9.56c-1.43-1.43-3.57-1.43-5,0s-1.43,3.57,0,5l10.24,10.24
C8.22,35.05,0.83,49.58,0.36,50.3c-0.48,0.95-0.48,2.14,0,3.34c0.71,1.43,18.11,35.26,49.55,35.26c9.29,0,18.34-3.1,26.92-9.05
l10.72,10.72c0.71,0.71,1.67,0.95,2.62,0.95c0.95,0,1.91-0.24,2.62-0.95c1.43-1.43,1.43-3.57,0-5L16.8,9.56z M43.95,46.96
l11.67,11.67c-1.43,1.43-3.57,2.38-5.72,2.38c-4.53,0-8.34-3.81-8.34-8.34C41.57,50.54,42.53,48.39,43.95,46.96z M49.91,81.75
c-23.35,0-38.59-23.35-42.41-29.78c2.38-4.05,9.05-14.53,19.54-21.92l11.67,11.67c-2.86,2.86-4.29,6.67-4.29,10.72
c0,8.58,6.91,15.49,15.49,15.49c4.05,0,7.86-1.67,10.72-4.29L71.59,74.6C64.68,79.36,57.3,81.75,49.91,81.75z"/>
</g>
<g id="DEFAULT_x5F_AVATOR">
</g>
<g id="COLOR">
</g>
<g id="NAV_x5F_BAR">
<g id="ICON_x5F_SETTING">
</g>
<g id="ICON_x5F_INFO">
</g>
<g id="ICON_x5F_KCB">
</g>
</g>
<g id="HEADER_x5F_BAR">
<g id="BUTTON">
</g>
<g id="TOP">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,92 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F4F0F1;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st3{fill:#1A1A1A;}
.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
.st6{fill:#3EA3D8;}
.st7{display:none;}
.st8{display:inline;}
.st9{fill:#808080;}
.st10{display:inline;fill:#808080;}
.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
.st12{fill:#7AC943;}
.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
.st16{fill:#CCCCCC;}
.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
.st20{fill:#666666;}
.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#B3B3B3;}
.st23{opacity:0.05;}
.st24{clip-path:url(#SVGID_00000124849447952852579110000006476751934385998486_);}
.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st26{opacity:0.4;fill:#3EA3D8;}
.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="A3">
<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
</g>
</g>
<g id="A2">
<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
</g>
<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
</g>
<g id="USER_x5F_FORM">
</g>
<g id="INTRO">
</g>
<g id="DLPU_x5F_LOGO">
</g>
</g>
<g id="A1">
<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
</g>
<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
</g>
<g id="FUNC_x5F_LIST">
</g>
<g id="MAIN_x5F_FUNC">
</g>
<g id="USER_x5F_CARD">
<g id="BG" class="st23">
</g>
</g>
</g>
<g id="ICON">
<g>
<path class="st6" d="M50,66.23c-8.59,0-15.51-6.92-15.51-15.51S41.4,35.2,50,35.2s15.51,6.92,15.51,15.51S58.59,66.23,50,66.23z
M50,42.36c-4.53,0-8.35,3.82-8.35,8.35s3.82,8.35,8.35,8.35s8.35-3.82,8.35-8.35S54.53,42.36,50,42.36z"/>
<path class="st6" d="M50,86.99c-31.5,0-48.93-33.89-49.64-35.32c-0.48-0.95-0.48-2.15,0-3.34C1.07,46.9,18.73,13.01,50,13.01
c31.5,0,48.93,34.13,49.64,35.56c0.48,0.95,0.48,2.15,0,3.34C98.92,53.1,81.5,86.99,50,86.99z M7.51,50
C11.33,56.44,26.61,79.83,50,79.83S88.66,56.44,92.48,50C88.66,43.56,73.39,20.17,50,20.17S11.33,43.56,7.51,50z"/>
</g>
</g>
<g id="DEFAULT_x5F_AVATOR">
</g>
<g id="COLOR">
</g>
<g id="NAV_x5F_BAR">
<g id="ICON_x5F_SETTING">
</g>
<g id="ICON_x5F_INFO">
</g>
<g id="ICON_x5F_KCB">
</g>
</g>
<g id="HEADER_x5F_BAR">
<g id="BUTTON">
</g>
<g id="TOP">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F4F0F1;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st3{fill:#1A1A1A;}
.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
.st6{fill:#3EA3D8;}
.st7{display:none;}
.st8{display:inline;}
.st9{fill:#808080;}
.st10{display:inline;fill:#808080;}
.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
.st12{fill:#7AC943;}
.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
.st16{fill:#CCCCCC;}
.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
.st20{fill:#666666;}
.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#B3B3B3;}
.st23{opacity:0.05;}
.st24{clip-path:url(#SVGID_00000091016287826886391250000017486262032961877648_);}
.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st26{opacity:0.4;fill:#3EA3D8;}
.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="A3">
<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
</g>
</g>
<g id="A2">
<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
</g>
<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
</g>
<g id="USER_x5F_FORM">
</g>
<g id="INTRO">
</g>
<g id="DLPU_x5F_LOGO">
</g>
</g>
<g id="A1">
<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
</g>
<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
</g>
<g id="FUNC_x5F_LIST">
</g>
<g id="MAIN_x5F_FUNC">
</g>
<g id="USER_x5F_CARD">
<g id="BG" class="st23">
</g>
</g>
</g>
<g id="ICON">
<g>
<path class="st6" d="M50,0C22.39,0,0,22.39,0,50c0,27.61,22.39,50,50,50c27.61,0,50-22.39,50-50C100,22.39,77.61,0,50,0L50,0z
M50,8.77c22.77,0,41.23,18.46,41.23,41.23S72.77,91.23,50,91.23S8.77,72.77,8.77,50S27.23,8.77,50,8.77L50,8.77z M50,8.77"/>
<path class="st6" d="M53.59,61.54v-0.98c0-1.69,0.35-3.17,1.05-4.58c0.64-1.27,1.55-2.46,2.82-3.52c3.38-2.95,5.42-4.86,6.05-5.56
c1.68-2.25,2.6-5.14,2.6-8.66c0-4.3-1.41-7.67-4.22-10.13c-2.81-2.53-6.54-3.73-11.12-3.73c-5.21,0-9.29,1.48-12.32,4.43
c-3.09,2.96-4.58,7.04-4.58,12.25h8.02c0-2.95,0.56-5.28,1.76-6.89c1.34-1.97,3.52-2.89,6.61-2.89c2.39,0,4.3,0.63,5.63,1.97
c1.26,1.34,1.97,3.16,1.97,5.49c0,1.76-0.63,3.45-1.9,5l-0.85,0.98c-4.58,4.08-7.32,7.04-8.23,8.94c-0.99,1.9-1.41,4.22-1.41,6.9
v0.99H53.59z M49.51,75.61c1.54,0,2.81-0.49,3.87-1.48c1.05-0.98,1.61-2.32,1.61-3.87c0-1.55-0.56-2.81-1.54-3.8
c-1.06-0.98-2.39-1.48-3.94-1.48c-1.55,0-2.82,0.49-3.87,1.47c-1.06,0.99-1.55,2.26-1.55,3.8c0,1.55,0.49,2.81,1.55,3.8
C46.69,75.05,47.96,75.61,49.51,75.61L49.51,75.61z M49.51,75.61"/>
</g>
</g>
<g id="DEFAULT_x5F_AVATOR">
</g>
<g id="COLOR">
</g>
<g id="NAV_x5F_BAR">
<g id="ICON_x5F_SETTING">
</g>
<g id="ICON_x5F_INFO">
</g>
<g id="ICON_x5F_KCB">
</g>
</g>
<g id="HEADER_x5F_BAR">
<g id="BUTTON">
</g>
<g id="TOP">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,101 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F4F0F1;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st3{fill:#1A1A1A;}
.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
.st6{fill:#3EA3D8;}
.st7{display:none;}
.st8{display:inline;}
.st9{fill:#808080;}
.st10{display:inline;fill:#808080;}
.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
.st12{fill:#7AC943;}
.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
.st16{fill:#CCCCCC;}
.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
.st20{fill:#666666;}
.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#B3B3B3;}
.st23{opacity:0.05;}
.st24{clip-path:url(#SVGID_00000145045565268559361070000017782594028069641132_);}
.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st26{opacity:0.4;fill:#3EA3D8;}
.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="A3">
<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
</g>
</g>
<g id="A2">
<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
</g>
<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
</g>
<g id="USER_x5F_FORM">
</g>
<g id="INTRO">
</g>
<g id="DLPU_x5F_LOGO">
</g>
</g>
<g id="A1">
<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
</g>
<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
</g>
<g id="FUNC_x5F_LIST">
</g>
<g id="MAIN_x5F_FUNC">
</g>
<g id="USER_x5F_CARD">
<g id="BG" class="st23">
</g>
</g>
</g>
<g id="ICON">
<g>
<path class="st6" d="M80.89,59.07c7.16-4.63,11.49-13.25,9.73-22.74c-1.52-8.17-7.87-14.98-15.9-17.09
c-5.26-1.38-10.26-0.79-14.57,1.09c0.9,1.91,1.62,3.92,2.02,6.05c2.06-0.99,4.34-1.6,6.79-1.6c10,0,17.85,9.35,15.27,19.76
c-0.99,4.01-3.81,7.32-7.28,9.55l1.19-0.77c-0.86,0.56-1.6,1.32-2.12,2.28c-0.52,0.96-0.77,2-0.77,3.01v0.75
c0,1.15,0.31,2.32,0.97,3.36c0.66,1.05,1.57,1.83,2.61,2.32l-0.67-0.32c8.3,3.97,14.1,12.67,15.6,23.09H68.95
c0.26,2.06,0.42,4.16,0.42,6.31h24.27c3.79,0,6.85-3.35,6.28-7.1C97.98,74.34,90.85,63.82,80.89,59.07L80.89,59.07z M80.89,59.07"
/>
<path class="st6" d="M6.35,94.15h68.9c0-19.11-10.42-35.32-24.98-41.47c9.04-5.4,14.5-16.17,11.56-28.01
c-2.2-8.87-9.45-16.03-18.36-18.1c-16.57-3.86-31.29,8.6-31.29,24.52c0,9.21,4.99,17.19,12.37,21.59
C11.83,58.05,2.27,71.13,0.06,87.11C-0.46,90.84,2.58,94.15,6.35,94.15L6.35,94.15z M27.01,58.49l0.25-0.1
c1.11-0.47,2.09-1.25,2.8-2.32c0.71-1.07,1.05-2.29,1.05-3.48v0.26c0-1.06-0.27-2.13-0.83-3.11c-0.56-0.98-1.34-1.76-2.25-2.3
l-0.25-0.14c-5.82-3.47-9.29-9.52-9.29-16.17c0-10.44,8.48-18.92,18.92-18.92s18.92,8.48,18.92,18.92c0,6.65-3.47,12.7-9.29,16.17
l-0.25,0.14c-0.9,0.55-1.7,1.32-2.25,2.3c-0.56,0.98-0.83,2.05-0.83,3.11v-0.27c0,1.19,0.33,2.41,1.05,3.48
c0.71,1.07,1.7,1.85,2.8,2.32l0.25,0.1C58.76,63.1,66.6,74.47,68.49,87.83H6.33C8.23,74.48,16.06,63.11,27.01,58.49L27.01,58.49z
M27.01,58.49"/>
</g>
</g>
<g id="DEFAULT_x5F_AVATOR">
</g>
<g id="COLOR">
</g>
<g id="NAV_x5F_BAR">
<g id="ICON_x5F_SETTING">
</g>
<g id="ICON_x5F_INFO">
</g>
<g id="ICON_x5F_KCB">
</g>
</g>
<g id="HEADER_x5F_BAR">
<g id="BUTTON">
</g>
<g id="TOP">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@ -0,0 +1,90 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F4F0F1;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;}
.st3{fill:#1A1A1A;}
.st4{fill:none;stroke:#1A1A1A;stroke-width:3;stroke-miterlimit:10;}
.st5{fill:none;stroke:#1A1A1A;stroke-miterlimit:10;}
.st6{fill:#3EA3D8;}
.st7{display:none;}
.st8{display:inline;}
.st9{fill:#808080;}
.st10{display:inline;fill:#808080;}
.st11{fill:none;stroke:#808080;stroke-miterlimit:10;}
.st12{fill:#7AC943;}
.st13{fill:none;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st14{fill:#FFFFFF;stroke:#E6E6E6;stroke-width:3;stroke-miterlimit:10;}
.st15{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;}
.st16{fill:#CCCCCC;}
.st17{fill:none;stroke:#CCCCCC;stroke-linecap:square;stroke-miterlimit:10;}
.st18{fill:none;stroke:#CCCCCC;stroke-miterlimit:10;stroke-dasharray:1.9084,1.9084;}
.st19{fill:none;stroke:#E6E6E6;stroke-miterlimit:10;}
.st20{fill:#666666;}
.st21{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st22{fill:#B3B3B3;}
.st23{opacity:0.05;}
.st24{clip-path:url(#SVGID_00000067940495327550631130000006202591132779276672_);}
.st25{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
.st26{opacity:0.4;fill:#3EA3D8;}
.st27{fill:none;stroke:#3EA3D8;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
</style>
<g id="A3">
<g id="HEADER_x5F_BAR_00000036974300579741410940000000488572858971942531_">
</g>
</g>
<g id="A2">
<g id="HEADER_x5F_BAR_00000019648451390881128220000012673596900810320021_">
</g>
<g id="BUTTON_00000117651906535404305420000016044620869483747487_">
</g>
<g id="USER_x5F_FORM">
</g>
<g id="INTRO">
</g>
<g id="DLPU_x5F_LOGO">
</g>
</g>
<g id="A1">
<g id="NAV_x5F_BAR_00000129914889952932149030000011711506177042644156_">
</g>
<g id="HEADER_x5F_BAR_00000015351907221170818370000001589878730520391302_">
</g>
<g id="FUNC_x5F_LIST">
</g>
<g id="MAIN_x5F_FUNC">
</g>
<g id="USER_x5F_CARD">
<g id="BG" class="st23">
</g>
</g>
</g>
<g id="ICON">
<g>
<path class="st6" d="M49.92,0C22.35,0,0,22.35,0,49.92c0,27.57,22.35,49.92,49.92,49.92c27.57,0,49.92-22.35,49.92-49.92
C99.85,22.35,77.49,0,49.92,0L49.92,0z M49.92,8.76c22.74,0,41.16,18.43,41.16,41.16S72.66,91.09,49.92,91.09
S8.76,72.66,8.76,49.92S27.19,8.76,49.92,8.76L49.92,8.76z M49.92,8.76"/>
</g>
</g>
<g id="DEFAULT_x5F_AVATOR">
</g>
<g id="COLOR">
</g>
<g id="NAV_x5F_BAR">
<g id="ICON_x5F_SETTING">
</g>
<g id="ICON_x5F_INFO">
</g>
<g id="ICON_x5F_KCB">
</g>
</g>
<g id="HEADER_x5F_BAR">
<g id="BUTTON">
</g>
<g id="TOP">
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

View File

@ -1,10 +1,12 @@
@import "./UserCard.scss"; @import "./UserCard.scss";
@import "./MainFunction.scss"; @import "./MainFunction.scss";
@import "./FunctionList.scss"; @import "./FunctionList.scss";
@import "./Login.scss";
@import "../../modular/PopupLayer.scss"; @import "../../modular/PopupLayer.scss";
view.container{ view.container{
padding-top: 50rpx; padding-top: 20px;
padding-bottom: 20px;
} }

View File

@ -2,8 +2,8 @@ import { Manager } from "../../core/Module";
import { UserCard } from "./UserCard"; import { UserCard } from "./UserCard";
import { MainFunction } from "./MainFunction"; import { MainFunction } from "./MainFunction";
import { FunctionList } from "./FunctionList"; import { FunctionList } from "./FunctionList";
import { Login } from "./Login";
import { PopupLayer } from "../../modular/PopupLayer"; import { PopupLayer } from "../../modular/PopupLayer";
import { TestLayerA } from "./TestLayerA";
(async () => { (async () => {
@ -11,21 +11,20 @@ import { TestLayerA } from "./TestLayerA";
const { manager, query } = await Manager.PageAsync(); const { manager, query } = await Manager.PageAsync();
// 添加弹出层 Modular // 添加弹出层 Modular
const popupLayer: PopupLayer<"layerA" | "layerB"> = manager.addModule(PopupLayer, "mask") as any; const popupLayer: PopupLayer<"loginLayer"> = manager.addModule(PopupLayer, "mask") as any;
// 初始化弹出层
popupLayer.initLayers(["loginLayer"]);
// 添加 UserCard Modular // 添加 UserCard Modular
const userCard = manager.addModule(UserCard, "userCard"); const userCard = manager.addModule(UserCard, "userCard");
//#region test layer // 添加登录模块
popupLayer.initLayers(["layerA", "layerB"]); const loginLayer = manager.addModule(Login, "loginLayer");
const testLayerA = manager.addModule(TestLayerA, "testLayerA");
userCard.on("clickChangeTheme", () => { userCard.on("clickChangeTheme", () => {
popupLayer.emit("show", "layerA"); popupLayer.emit("show", "loginLayer");
}) });
testLayerA.on("click", () => {
popupLayer.emit("show", "layerB");
})
//#endregion
// 添加 MainFunction Modular // 添加 MainFunction Modular
manager.addModule(MainFunction, "mainFunction"); manager.addModule(MainFunction, "mainFunction");

View File

@ -4,14 +4,78 @@
<!-- 蒙版 --> <!-- 蒙版 -->
<view class="{{ mask$mask$className }}" bindtap="mask$clickMask"></view> <view class="{{ mask$mask$className }}" bindtap="mask$clickMask"></view>
<!-- 层A --> <!-- 登录层 -->
<view class="{{ mask$layerA$className }}" bindtap="mask$clickMask"> <view class="{{ mask$loginLayer$className }}" bindtap="mask$clickMask">
<view class="card" style="height: 300px; line-height: 300px; text-align:center" catchtap="testLayerA$click">layerA(点击显示layerB)</view> <view class="card login-layer" catchtap>
</view>
<!-- 层B --> <!-- 学校logo -->
<view class="{{ mask$layerB$className }}" bindtap="mask$clickMask"> <view class="school-logo">
<view class="card" style="height: 200px; line-height: 200px; text-align:center" catchtap>layerB</view> <view>
<image src="../../image/account/School_DLPU.png"></image>
</view>
</view>
<view class="line-bg">
<view wx:for="{{ [0, 1, 2, 3, 4] }}" wx:key="item"></view>
</view>
<!-- 学生姓名 -->
<view class="student-name h2">秦浩轩</view>
<!-- 学号 -->
<view class="student-id">1806240113</view>
<!-- 状态 -->
<view class="login-state">
<view class="certified">
<view class="certifi-info">已认证</view>
<image class="text-icon" src="../../image/account/Account_OK.svg"></image>
</view>
</view>
<!-- 学号输入框 -->
<view class="student-info-input">
<view class="input-icon">
<image class="icon" src="../../image/account/Account_UserName.svg"></image>
</view>
<view class="input-view">
<input placeholder="请输入学号"/>
</view>
</view>
<!-- 密码输入框 -->
<view class="student-info-input">
<view class="input-icon">
<image class="icon" src="../../image/account/Account_PasswordHidden.svg"></image>
</view>
<view class="input-view">
<input placeholder="请输入密码"/>
</view>
</view>
<view style="height: 30px"/>
<!-- 提示语 -->
<view class="tip-info last-active">
<image src="../../image/account/Account_Info.svg"></image>
<view>账号最后活动时间: 2022.1.25-8.20</view>
</view>
<view class="tip-info agree-lic">
<image src="../../image/account/Account_Complete.svg"></image>
<view>同意<text>《用户协议》</text>和<text>《隐私政策》</text></view>
</view>
<view class="tip-info helper-link">
<image src="../../image/account/Account_Question.svg"></image>
<view>遇到问题了戳这里-><text>常见问题</text></view>
</view>
<!-- 登录按钮 -->
<view class="button save-button">
保存并验证
</view>
</view>
</view> </view>
<!-- 顶部的阴影 --> <!-- 顶部的阴影 -->
@ -61,7 +125,7 @@
<!--每个功能的容器--> <!--每个功能的容器-->
<view class="branch-funtion" wx:for="{{ mainFunction$mainFunctionList }}" wx:key="index"> <view class="branch-funtion" wx:for="{{ mainFunction$mainFunctionList }}" wx:key="index">
<view style="{{ index == (mainFunction$mainFunctionList - 1) ? 'border-bottom: 0px' : '' }}"> <view style="{{ index == (mainFunction$mainFunctionList.length - 1) ? 'border-right: 0px' : '' }}">
<!--每个功能的图片--> <!--每个功能的图片-->
<image class="icon" src="../../image/account/Account_{{ item.iconUrl }}.svg"></image> <image class="icon" src="../../image/account/Account_{{ item.iconUrl }}.svg"></image>
<!--每个功能的文字--> <!--每个功能的文字-->

View File

@ -1,8 +1,7 @@
@import "../../app.scss"; @import "../../app.scss";
view.function-list { view.function-list {
margin-top: 50rpx; margin-top: 20px;
margin-bottom: 50rpx;
padding: 0 0 !important; padding: 0 0 !important;
width: 100% !important; width: 100% !important;

View File

@ -0,0 +1,170 @@
@import "../../app.scss";
$logo-height: 100px;
view.login-layer {
view.school-logo {
height: 0;
padding-top: 25px;
width: 100%;
text-align: center;
view {
z-index: 2;
display: inline-block;
position: relative;
border-radius: 1000px;
background-color: $theme-color-light-layout;
width: $logo-height;
height: $logo-height;
image {
width: 100%;
height: 100%;
}
}
}
view.line-bg {
display: flex;
box-sizing: border-box;
padding: 35px 0;
height: $logo-height;
width: calc( 100% + 40px );
position: relative;
left: -20px;
flex-direction: column;
justify-content: space-around;
view {
height: 0;
width: 100%;
opacity: .5;
border-top: 2px solid $theme-color-light-line;
}
}
view.student-name {
margin: 10px 0 1px 0;
text-align: center;
}
view.student-id {
margin-bottom: 1px;
text-align: center;
}
view.login-state {
width: 100%;
margin-bottom: 20px;
text-align: center;
view.certified {
color: $theme-color-blue;
border: 1px solid $theme-color-blue;
border-radius: 4px;
margin-left: .3em;
font-size: .85em;
height: 1.2em;
padding: 0 2px;
display: inline-flex;
justify-content: center;
align-items: center;
image.text-icon {
margin-left: .25em;
width: 10px;
height: 10px;
}
}
}
view.student-info-input {
display: flex;
justify-content: center;
padding: 8px 0;
view.input-icon {
box-sizing: border-box;
padding: 3px 12px 3px 0;
flex-shrink: 0;
width: 38px;
height: 32px;
image {
width: 100%;
height: 100%;
}
}
view.input-view {
position: relative;
bottom: 3px;
box-sizing: border-box;
border-bottom: 1.5px solid $theme-color-light-line;
flex-grow: 1;
width: 100%;
height: 32px;
input {
width: 100%;
height: 100%;
}
}
}
view.tip-info {
width: 100%;
vertical-align: middle;
padding: 1px 0;
font-size: .9em;
image {
vertical-align: middle;
width: 16px;
height: 16px;
margin-right: 5px;
}
view {
vertical-align: middle;
display: inline;
text {
color: $theme-color-blue;
text-decoration: underline;
}
}
}
view.agree-lic image {
filter: $green-filter;
}
view.save-button {
margin: 15px 0 25px 0;
}
}
@media (prefers-color-scheme: dark) {
view.login-layer {
view.school-logo view {
background-color: $theme-color-dark-layout;
image {
filter: $white-filter;
}
}
view.line-bg view {
border-top: 2px solid $theme-color-dark-line;
}
view.student-info-input view.input-view {
border-bottom: 1.5px solid $theme-color-dark-line;
}
}
}

View File

@ -0,0 +1,15 @@
import { Modular, Manager } from "../../core/Module";
type ILoginEvent = {
}
class Login<M extends Manager> extends Modular<M, {}> {
public override onLoad() {
}
}
export { Login };
export default Login;

View File

@ -3,7 +3,7 @@
//主要功能 //主要功能
view.main-function { view.main-function {
display: flex; display: flex;
margin-top: 50rpx; margin-top: 20px;
padding: 0 !important; padding: 0 !important;
width: 100% !important; width: 100% !important;

View File

@ -1,26 +0,0 @@
import { Modular, Manager } from "../../core/Module";
type IUserCardEvent = {
/**
*
*/
click: void;
}
class TestLayerA<M extends Manager> extends Modular<M, {}, IUserCardEvent> {
public override onLoad() {
this.setFunc(this.handleClick, "click");
}
/**
*
*/
private handleClick() {
this.emit("click");
}
}
export { TestLayerA };
export default TestLayerA;