45 lines
874 B
Vue
45 lines
874 B
Vue
<script setup lang="ts">
|
|
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
|
|
import { useTheme } from "@/composables/useTheme";
|
|
|
|
// 使用主题 composable
|
|
const { initTheme } = useTheme();
|
|
|
|
onLaunch(() => {
|
|
console.log("App Launch");
|
|
// 初始化主题
|
|
initTheme();
|
|
});
|
|
|
|
onShow(() => {
|
|
console.log("App Show");
|
|
});
|
|
|
|
onHide(() => {
|
|
console.log("App Hide");
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
/* H5 环境样式变量设置 */
|
|
:root {
|
|
--primary-color: #165dff;
|
|
--primary-color-light: #94bfff;
|
|
--primary-color-dark: #0e3c9b;
|
|
}
|
|
|
|
/* 小程序环境样式变量设置 */
|
|
page {
|
|
--primary-color: #165dff;
|
|
--primary-color-light: #94bfff;
|
|
--primary-color-dark: #0e3c9b;
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
/* 动态加载小程序主题色的钩子 */
|
|
/* 用于通过小程序原生API获取主题色并应用 */
|
|
.theme-container {
|
|
display: none;
|
|
}
|
|
</style>
|