diff --git a/miniprogram/app.scss b/miniprogram/app.scss index 5901d33..d6fb045 100644 --- a/miniprogram/app.scss +++ b/miniprogram/app.scss @@ -14,7 +14,7 @@ $theme-color-dark-text: rgba(255, 255, 255, .5); $black-filter: brightness(0) opacity(.65); $white-filter: brightness(100) opacity(.65); -$blue-filter: opacity(.65); +$blue-filter: opacity(1); // 页面容器外边距 view.container { @@ -24,18 +24,23 @@ view.container { // 带阴影的 card view.card { - width: calc( 100% - 36px ); - padding: 0 18px; + width: calc( 100% - 40px ); + padding: 0 20px; border-radius: 15px; background-color: $theme-color-light-layout; box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, .08), 0 0.3px 0.9px 0 rgba(0, 0, 0, .05); } -image { +image.icon { filter: $black-filter; } +image.icon-sub { + filter: $black-filter; + opacity: .6; +} + // 顶部导航栏阴影 view.top-shadow { position: fixed; @@ -52,23 +57,27 @@ page { } view, text { - font-size: .99em; + font-size: .97em; + letter-spacing: .1em; font-family: Hiragino Sans GB, MicroSoft YaHei; } view.h1 { color: $theme-color-light-title; font-size: 1.5em; + letter-spacing: .1em; } view.h2 { color: $theme-color-light-title; font-size: 1.3em; + letter-spacing: .1em; } view.h3 { color: $theme-color-light-title; font-size: 1em; + letter-spacing: .1em; } @media (prefers-color-scheme: dark){ @@ -81,7 +90,11 @@ view.h3 { background-color: $theme-color-dark-layout; } - image { + image.icon { + filter: $white-filter; + } + + image.icon-sub { filter: $white-filter; } diff --git a/miniprogram/image/account/Account_Arrow.svg b/miniprogram/image/account/Account_Arrow.svg new file mode 100644 index 0000000..985371e --- /dev/null +++ b/miniprogram/image/account/Account_Arrow.svg @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/miniprogram/image/account/Account_NO.svg b/miniprogram/image/account/Account_NO.svg new file mode 100644 index 0000000..ad6bd6a --- /dev/null +++ b/miniprogram/image/account/Account_NO.svg @@ -0,0 +1,65 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/miniprogram/image/account/Account_OK.svg b/miniprogram/image/account/Account_OK.svg index 00e4ca5..79614bb 100644 --- a/miniprogram/image/account/Account_OK.svg +++ b/miniprogram/image/account/Account_OK.svg @@ -18,7 +18,7 @@ .st12{fill:none;stroke:#B3B3B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} .st13{fill:#B3B3B3;} .st14{opacity:0.05;} - .st15{clip-path:url(#SVGID_00000119811792014936471320000011453116645578675119_);} + .st15{clip-path:url(#SVGID_00000000193655916124849200000001531564748471850152_);} .st16{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;} .st17{opacity:0.4;fill:#3EA3D8;} .st18{fill:none;stroke:#3EA3D8;stroke-miterlimit:10;} diff --git a/miniprogram/pages/Account/Account.wxml b/miniprogram/pages/Account/Account.wxml index 5fe36ad..85da67d 100644 --- a/miniprogram/pages/Account/Account.wxml +++ b/miniprogram/pages/Account/Account.wxml @@ -14,67 +14,102 @@ - + + - 秦浩轩 - 1806240113 + + + + 秦浩轩 + + 已认证 + + + + + + 1806240113 + + + 大连工业大学 - - + + + + + 账号信息 + + + + + 课表缓存 + + + + + 功能定制 + + + + + 更多设置 + + + - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + +
- - - 赞助计划 - - - - - 公众号 - - - - - 自助问答 - - - - - 关于我们 - - - - - 联系客服 - - + + + 赞助计划 + + + + + 公众号 + + + + + 自助问答 + + + + + 关于我们 + + + + + 联系客服 + +
\ No newline at end of file diff --git a/miniprogram/pages/Account/MainFunction.scss b/miniprogram/pages/Account/MainFunction.scss index 512bfb5..76e9d18 100644 --- a/miniprogram/pages/Account/MainFunction.scss +++ b/miniprogram/pages/Account/MainFunction.scss @@ -1,4 +1,39 @@ @import "../../app.scss"; +//主要功能 +view.main-function { + display: flex; + margin-top: 20px; + padding: 0 !important; + width: 100% !important; + view.branch-funtion { + padding: 13px 0; + width: 100%; + > view { + display: flex; + flex-direction: column; + align-items: center; + justify-self: center; + border-right: 1px solid rgba($color: #000000, $alpha: .1); + + image { + height: 35px; + width: 35px; + } + + view { + text-align: center; + margin-top: 5px; + font-size: .8em; + } + } + } +} + +@media (prefers-color-scheme: dark) { + view.main-function view.branch-funtion > view { + border-right: 1px solid rgba($color: #ffffff, $alpha: .1); + } +} diff --git a/miniprogram/pages/Account/UserCard.scss b/miniprogram/pages/Account/UserCard.scss index 5626684..3ad14e8 100644 --- a/miniprogram/pages/Account/UserCard.scss +++ b/miniprogram/pages/Account/UserCard.scss @@ -8,33 +8,68 @@ view.user-card { padding-bottom: 20px; view.avatar { - width: 70px; - height: 70px; + flex-basis: 80px; + width: 80px; + height: 80px; border-radius: 1000px; + flex-shrink: 0; overflow: hidden; } view.info { flex-grow: 1; padding-left: 20px; + max-width: calc(100% - 80px - 20px); view.theme { width: 100%; + padding: 20px 0 10px 0; display: flex; justify-content: flex-end; image { - width: 25px; - height: 25px; + width: 23px; + height: 23px; } } view.nick { - margin: 4px 0; + margin-bottom: 6px; + word-break: keep-all; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } view.student { - margin: 1px 0; + display: flex; + align-items: 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: flex; + justify-content: center; + align-items: center; + + view.text-icon { + margin-left: .3em; + } + } + } + + view.student-id { + margin-bottom: 3px; + } + + view.school { + text-align: right; + padding: 10px 0 20px 0; } } } diff --git a/project.config.json b/project.config.json index 590e778..ec8c334 100644 --- a/project.config.json +++ b/project.config.json @@ -1,58 +1,58 @@ { - "description": "项目配置文件", - "packOptions": { - "ignore": [] + "description": "项目配置文件", + "packOptions": { + "ignore": [] + }, + "miniprogramRoot": "miniprogram/", + "compileType": "miniprogram", + "libVersion": "2.16.1", + "projectname": "mini-dlpu-v3", + "setting": { + "urlCheck": false, + "es6": true, + "enhance": true, + "postcss": true, + "preloadBackgroundData": false, + "minified": true, + "newFeature": false, + "coverView": true, + "nodeModules": false, + "autoAudits": false, + "showShadowRootInWxmlPanel": true, + "scopeDataCheck": false, + "uglifyFileName": true, + "checkInvalidKey": true, + "checkSiteMap": true, + "uploadWithSourceMap": true, + "compileHotReLoad": false, + "lazyloadPlaceholderEnable": false, + "useMultiFrameRuntime": true, + "useApiHook": true, + "useApiHostProcess": true, + "babelSetting": { + "ignore": [], + "disablePlugins": [], + "outputPath": "" }, - "miniprogramRoot": "miniprogram/", - "compileType": "miniprogram", - "libVersion": "2.16.1", - "projectname": "mini-dlpu-v3", - "setting": { - "urlCheck": false, - "es6": true, - "enhance": true, - "postcss": true, - "preloadBackgroundData": false, - "minified": true, - "newFeature": false, - "coverView": true, - "nodeModules": false, - "autoAudits": false, - "showShadowRootInWxmlPanel": true, - "scopeDataCheck": false, - "uglifyFileName": true, - "checkInvalidKey": true, - "checkSiteMap": true, - "uploadWithSourceMap": true, - "compileHotReLoad": false, - "lazyloadPlaceholderEnable": false, - "useMultiFrameRuntime": true, - "useApiHook": true, - "useApiHostProcess": true, - "babelSetting": { - "ignore": [], - "disablePlugins": [], - "outputPath": "" - }, - "enableEngineNative": false, - "useIsolateContext": false, - "userConfirmedBundleSwitch": false, - "packNpmManually": false, - "packNpmRelationList": [], - "minifyWXSS": true, - "disableUseStrict": false, - "minifyWXML": true, - "showES6CompileOption": false, - "useCompilerPlugins": [ - "typescript", - "sass" - ] - }, - "simulatorType": "wechat", - "simulatorPluginLibVersion": {}, - "appid": "wx7d809f5e8955843d", - "scripts": { - "beforeCompile": "" - }, - "condition": {} + "enableEngineNative": false, + "useIsolateContext": false, + "userConfirmedBundleSwitch": false, + "packNpmManually": false, + "packNpmRelationList": [], + "minifyWXSS": true, + "disableUseStrict": false, + "minifyWXML": true, + "showES6CompileOption": false, + "useCompilerPlugins": [ + "typescript", + "sass" + ] + }, + "simulatorType": "wechat", + "simulatorPluginLibVersion": {}, + "appid": "wx7d809f5e8955843d", + "scripts": { + "beforeCompile": "" + }, + "condition": {} } \ No newline at end of file