App Style
This commit is contained in:
parent
1c3171f1e4
commit
1db7507293
@ -5,12 +5,12 @@ $theme-color-red: #FF9393;
|
||||
$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, .55);
|
||||
$theme-color-light-text: rgba(0, 0, 0, .5);
|
||||
|
||||
$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, .55);
|
||||
$theme-color-dark-text: rgba(255, 255, 255, .5);
|
||||
|
||||
$black-filter: brightness(0) opacity(.65);
|
||||
$white-filter: brightness(100) opacity(.65);
|
||||
@ -42,18 +42,31 @@ view.top-shadow {
|
||||
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, .05);
|
||||
}
|
||||
|
||||
view.text {
|
||||
|
||||
}
|
||||
|
||||
page {
|
||||
background-color: $theme-color-light-background;
|
||||
color: $theme-color-light-text;
|
||||
font-weight: 500;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
view, text {
|
||||
font-size: .99em;
|
||||
font-family: Hiragino Sans GB, MicroSoft YaHei;
|
||||
}
|
||||
|
||||
|
||||
view.h1 {
|
||||
color: $theme-color-light-title;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
view.h2 {
|
||||
color: $theme-color-light-title;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
view.h3 {
|
||||
color: $theme-color-light-title;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark){
|
||||
page {
|
||||
background-color: $theme-color-dark-background;
|
||||
@ -63,4 +76,19 @@ page {
|
||||
view.card {
|
||||
background-color: $theme-color-dark-layout;
|
||||
}
|
||||
|
||||
view.h1 {
|
||||
color: $theme-color-dark-title;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
view.h2 {
|
||||
color: $theme-color-dark-title;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
view.h3 {
|
||||
color: $theme-color-dark-title;
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
@ -22,8 +22,18 @@ view.container {
|
||||
padding-left: 20px;
|
||||
|
||||
view.nick {
|
||||
color: $theme-color-light-title;
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
view.student {
|
||||
margin: 1px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
view.container view.user-card view.avatar{
|
||||
filter: brightness(.8);
|
||||
}
|
||||
}
|
@ -11,7 +11,7 @@
|
||||
<open-data type="userAvatarUrl" />
|
||||
</view>
|
||||
<view class="info">
|
||||
<view class="nick">
|
||||
<view class="nick h1">
|
||||
<open-data type="userNickName" />
|
||||
</view>
|
||||
<view class="student">秦浩轩</view>
|
||||
|
@ -1,58 +1,58 @@
|
||||
{
|
||||
"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": ""
|
||||
"description": "项目配置文件",
|
||||
"packOptions": {
|
||||
"ignore": []
|
||||
},
|
||||
"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": {}
|
||||
"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": false,
|
||||
"useApiHook": false,
|
||||
"useApiHostProcess": false,
|
||||
"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": {}
|
||||
}
|
Loading…
Reference in New Issue
Block a user