Compare commits
3 Commits
master
...
dev-mrkbea
| Author | SHA1 | Date | |
|---|---|---|---|
| 4c66a8974f | |||
| 349930d438 | |||
| f9c73b25fe |
@ -6,15 +6,18 @@ $theme-color-light-layout: #F8F8F8;
|
||||
$theme-color-light-background: #f4f0f1;
|
||||
$theme-color-light-title: rgba(0, 0, 0, .65);
|
||||
$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-background: #181615;
|
||||
$theme-color-dark-title: rgba(255, 255, 255, .65);
|
||||
$theme-color-dark-text: rgba(255, 255, 255, .5);
|
||||
$theme-color-dark-line: rgba(255, 255, 255, .25);
|
||||
|
||||
$black-filter: brightness(0) opacity(.65);
|
||||
$white-filter: brightness(100) opacity(.65);
|
||||
$blue-filter: opacity(1);
|
||||
$green-filter: hue-rotate(-110deg) opacity(1);
|
||||
|
||||
@mixin container {
|
||||
width: 88%;
|
||||
@ -83,6 +86,14 @@ view.h3 {
|
||||
font-size: 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){
|
||||
page {
|
||||
|
||||
94
miniprogram/image/account/Account_Complete.svg
Normal file
94
miniprogram/image/account/Account_Complete.svg
Normal 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 |
93
miniprogram/image/account/Account_Info.svg
Normal file
93
miniprogram/image/account/Account_Info.svg
Normal 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 |
94
miniprogram/image/account/Account_PasswordHidden.svg
Normal file
94
miniprogram/image/account/Account_PasswordHidden.svg
Normal 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 |
92
miniprogram/image/account/Account_PasswordShow.svg
Normal file
92
miniprogram/image/account/Account_PasswordShow.svg
Normal 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 |
96
miniprogram/image/account/Account_Question.svg
Normal file
96
miniprogram/image/account/Account_Question.svg
Normal 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 |
101
miniprogram/image/account/Account_UserName.svg
Normal file
101
miniprogram/image/account/Account_UserName.svg
Normal 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 |
90
miniprogram/image/account/Account_Waitting.svg
Normal file
90
miniprogram/image/account/Account_Waitting.svg
Normal 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 |
BIN
miniprogram/image/account/School_DLPU.png
Normal file
BIN
miniprogram/image/account/School_DLPU.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 181 KiB |
@ -1,10 +1,12 @@
|
||||
@import "./UserCard.scss";
|
||||
@import "./MainFunction.scss";
|
||||
@import "./FunctionList.scss";
|
||||
@import "./Login.scss";
|
||||
@import "../../modular/PopupLayer.scss";
|
||||
|
||||
view.container{
|
||||
padding-top: 50rpx;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -2,8 +2,8 @@ import { Manager } from "../../core/Module";
|
||||
import { UserCard } from "./UserCard";
|
||||
import { MainFunction } from "./MainFunction";
|
||||
import { FunctionList } from "./FunctionList";
|
||||
import { Login } from "./Login";
|
||||
import { PopupLayer } from "../../modular/PopupLayer";
|
||||
import { TestLayerA } from "./TestLayerA";
|
||||
|
||||
(async () => {
|
||||
|
||||
@ -11,21 +11,20 @@ import { TestLayerA } from "./TestLayerA";
|
||||
const { manager, query } = await Manager.PageAsync();
|
||||
|
||||
// 添加弹出层 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
|
||||
const userCard = manager.addModule(UserCard, "userCard");
|
||||
|
||||
//#region test layer
|
||||
popupLayer.initLayers(["layerA", "layerB"]);
|
||||
const testLayerA = manager.addModule(TestLayerA, "testLayerA");
|
||||
// 添加登录模块
|
||||
const loginLayer = manager.addModule(Login, "loginLayer");
|
||||
|
||||
userCard.on("clickChangeTheme", () => {
|
||||
popupLayer.emit("show", "layerA");
|
||||
})
|
||||
testLayerA.on("click", () => {
|
||||
popupLayer.emit("show", "layerB");
|
||||
})
|
||||
//#endregion
|
||||
popupLayer.emit("show", "loginLayer");
|
||||
});
|
||||
|
||||
// 添加 MainFunction Modular
|
||||
manager.addModule(MainFunction, "mainFunction");
|
||||
|
||||
@ -4,14 +4,78 @@
|
||||
<!-- 蒙版 -->
|
||||
<view class="{{ mask$mask$className }}" bindtap="mask$clickMask"></view>
|
||||
|
||||
<!-- 层A -->
|
||||
<view class="{{ mask$layerA$className }}" bindtap="mask$clickMask">
|
||||
<view class="card" style="height: 300px; line-height: 300px; text-align:center" catchtap="testLayerA$click">layerA(点击显示layerB)</view>
|
||||
</view>
|
||||
<!-- 登录层 -->
|
||||
<view class="{{ mask$loginLayer$className }}" bindtap="mask$clickMask">
|
||||
<view class="card login-layer" catchtap>
|
||||
|
||||
<!-- 层B -->
|
||||
<view class="{{ mask$layerB$className }}" bindtap="mask$clickMask">
|
||||
<view class="card" style="height: 200px; line-height: 200px; text-align:center" catchtap>layerB</view>
|
||||
<!-- 学校logo -->
|
||||
<view class="school-logo">
|
||||
<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>
|
||||
|
||||
<!-- 顶部的阴影 -->
|
||||
@ -61,7 +125,7 @@
|
||||
|
||||
<!--每个功能的容器-->
|
||||
<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>
|
||||
<!--每个功能的文字-->
|
||||
|
||||
@ -1,8 +1,7 @@
|
||||
@import "../../app.scss";
|
||||
|
||||
view.function-list {
|
||||
margin-top: 50rpx;
|
||||
margin-bottom: 50rpx;
|
||||
margin-top: 20px;
|
||||
padding: 0 0 !important;
|
||||
width: 100% !important;
|
||||
|
||||
|
||||
170
miniprogram/pages/Account/Login.scss
Normal file
170
miniprogram/pages/Account/Login.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
15
miniprogram/pages/Account/Login.ts
Normal file
15
miniprogram/pages/Account/Login.ts
Normal 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;
|
||||
@ -3,7 +3,7 @@
|
||||
//主要功能
|
||||
view.main-function {
|
||||
display: flex;
|
||||
margin-top: 50rpx;
|
||||
margin-top: 20px;
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
|
||||
|
||||
@ -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;
|
||||
Loading…
Reference in New Issue
Block a user