提交 187a404d 作者: 方治民

feat: 使用 Hook 形式获取 Runtime 信息

上级 497f4457
export interface Runtime {
app: Ref<PlusRuntimeWidgetInfo>
}
export function useRuntime(): Runtime {
const app = ref<PlusRuntimeWidgetInfo>({})
onMounted(() => {
// 获取应用信息
// #ifdef APP-PLUS
plus.runtime.getProperty(plus.runtime.appid, (info) => {
app.value = info
})
// #endif
})
return {
app,
}
}
<script setup lang="ts"> <script setup lang="ts">
import dayjs from 'dayjs' import dayjs from 'dayjs'
import { checkUpgrade } from '@/utils/upgrade' import { checkUpgrade } from '@/utils/upgrade'
import { useRuntime } from '@/hooks/app/useRuntime'
const { app } = useRuntime()
const year = ref(dayjs().year()) const year = ref(dayjs().year())
const title = ref('Hello World') const title = ref('Hello World')
const version = ref() const version = computed(() => app.value.version)
// #ifdef APP-PLUS
plus.runtime.getProperty(plus.runtime.appid, (info) => {
version.value = info.version
})
// #endif
onMounted(() => { onMounted(() => {
// test API // test API
...@@ -41,7 +37,7 @@ ...@@ -41,7 +37,7 @@
<template> <template>
<view class="content"> <view class="content">
<fui-avatar src="/static/logo.png" radius="14" background="transparent" @click="surprise" /> <fui-avatar src="/static/logo.png" radius="14" size="large" background="transparent" @click="surprise" />
<view class="info"> <view class="info">
<text class="title">{{ title }}</text> <text class="title">{{ title }}</text>
<text class="title">{{ $t('app.hello') }}</text> <text class="title">{{ $t('app.hello') }}</text>
...@@ -70,7 +66,7 @@ ...@@ -70,7 +66,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin: 50rpx 0 30rpx 0; margin: 30rpx 0;
} }
.title { .title {
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论