lyf
1678f10f27
Some checks failed
CI / verify (push) Has been cancelled
恢复首页来馆快捷入口。 原生微信小程序直接调用地图位置能力，H5 嵌入场景补充宿主环境识别与承接页跳转。 同时修复 H5 与小程序构建中的静态资源平台兼容。
113 lines
2.6 KiB
SCSS
113 lines
2.6 KiB
SCSS
/* #ifdef H5 */
|
|
@font-face {
|
|
font-family: '鸿蒙黑体';
|
|
src: url('/static/Fonts/HarmonyOS_SansSC_Thin.ttf') format('truetype');
|
|
font-weight: 100;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: '鸿蒙黑体';
|
|
src: url('/static/Fonts/HarmonyOS_SansSC_Light.ttf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: '鸿蒙黑体';
|
|
src: url('/static/Fonts/HarmonyOS_SansSC_Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: '鸿蒙黑体';
|
|
src: url('/static/Fonts/HarmonyOS_SansSC_Medium.ttf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: '鸿蒙黑体';
|
|
src: url('/static/Fonts/HarmonyOS_SansSC_Semibold.ttf') format('truetype');
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: '鸿蒙黑体';
|
|
src: url('/static/Fonts/HarmonyOS_SansSC_Bold.ttf') format('truetype');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: '鸿蒙黑体';
|
|
src: url('/static/Fonts/HarmonyOS_SansSC_Black.ttf') format('truetype');
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
/* #endif */
|
|
|
|
/* CSS 变量定义 */
|
|
:root {
|
|
/* 字体 */
|
|
--museum-font-family: '鸿蒙黑体', 'HarmonyOS Sans SC', 'HarmonyOS Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
|
|
/* 主色调 */
|
|
--museum-accent: #E0DF00;
|
|
--museum-accent-dark: #C2C600;
|
|
|
|
/* 背景色 */
|
|
--museum-bg-map: #F6F8F5;
|
|
--museum-bg-light: #F9FAFB;
|
|
--museum-bg-surface: #FFFFFF;
|
|
--museum-bg-cream: #F5F5ED;
|
|
|
|
/* 文字色 */
|
|
--museum-text-primary: #000000;
|
|
--museum-text-secondary: #3F3F3F;
|
|
--museum-text-tertiary: #696962;
|
|
--museum-text-disabled: #ADB0B4;
|
|
|
|
/* 边框色 */
|
|
--museum-border-light: #E5E5E5;
|
|
--museum-border-medium: #DEDEDE;
|
|
--museum-border-dark: #C2C6D6;
|
|
|
|
/* 辅助色 */
|
|
--museum-poi-marker: #5ED0E4;
|
|
--museum-overlay: rgba(0, 0, 0, 0.2);
|
|
|
|
/* 圆角 */
|
|
--radius-phone: 32px;
|
|
--radius-card: 16px;
|
|
--radius-button: 8px;
|
|
--radius-small: 6px;
|
|
--radius-mini: 5.5px;
|
|
|
|
/* 间距 */
|
|
--space-xs: 4px;
|
|
--space-sm: 8px;
|
|
--space-md: 16px;
|
|
--space-lg: 24px;
|
|
--space-xl: 32px;
|
|
|
|
/* 阴影 */
|
|
--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
--shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.1);
|
|
|
|
/* 模糊 */
|
|
--blur-light: blur(5px);
|
|
--blur-medium: blur(10px);
|
|
--blur-heavy: blur(12px);
|
|
}
|