kidshift/kidshift-web
3
0
Fork 0
mirror of https://github.com/r-ca/kidshift-web.git synced 2024-10-25 16:34:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

モバイルUI改善 WIP

Browse Source
This commit is contained in:
rca 2024-07-22 05:31:13 +09:00
parent b35f108efa
commit 47d7f4ed10
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/IndexPage.vue
View File

@ -11,7 +11,8 @@
<TaskList :childId=cachedChildId />
</QTabPanel>
<QTabPanel name="tab2">
<WalletComponent :childId=cachedChildId />
<TotalComponent :histories=histories />
<HistoryComponent :histories=histories />
</QTabPanel>
</QTabPanels>
<div v-else class="row justify-center">
@ -34,7 +35,11 @@
import { ref, computed } from 'vue';
import TaskList from 'components/TaskListComponent.vue';
import WalletComponent from 'src/components/WalletComponent.vue';
import TotalComponent from 'src/components/TotalComponent.vue';
import HistoryComponent from 'src/components/HistoryComponent.vue';
import useStore from 'src/store';
import { getHistories } from 'src/service/historyService';
import { HistoryItem } from 'src/models/internal';
const store = useStore();
const tab = ref('tab1');
@ -44,6 +49,13 @@ const cachedChildId = computed(() => store.state.account.id);
const isMobile = computed(() => {
return window.innerWidth < 600; // 600px以下をモバイルデバイスとする
});
const histories = ref([] as HistoryItem[]);
getHistories(cachedChildId.value, true).then((res) => {
histories.value = res;
});
</script>
<style scoped>