完善页面6

This commit is contained in:
2026-02-26 09:50:58 +08:00
parent ff10f495ad
commit 9f5e94837a
8 changed files with 644 additions and 453 deletions

119
pages/contents/articles.vue Normal file
View File

@@ -0,0 +1,119 @@
<template>
<view class="page-container">
<view class="header-actions">
<button type="primary" size="mini" @click="openArticleDrawer()">
添加文章
</button>
<button
type="default"
size="mini"
@click="openCategoryDrawer()"
style="margin-left: 10px"
>
分类管理
</button>
</view>
<uni-table border stripe emptyText="暂无数据">
<uni-tr>
<uni-th width="50" align="center">ID</uni-th>
<uni-th align="center">文章标题</uni-th>
<uni-th width="150" align="center">文章分类</uni-th>
<uni-th width="200" align="center">摘要</uni-th>
<uni-th width="150" align="center">操作</uni-th>
</uni-tr>
<uni-tr v-for="item in articleList" :key="item.id">
<uni-td align="center">{{ item.id }}</uni-td>
<uni-td align="center">{{ item.title }}</uni-td>
<uni-td align="center">{{ getCategoryName(item.categoryId) }}</uni-td>
<uni-td align="center">{{ item.summary }}</uni-td>
<uni-td align="center">
<button size="mini" type="primary" @click="openArticleDrawer(item)">
编辑
</button>
</uni-td>
</uni-tr>
</uni-table>
<view class="pagination-box">
<uni-pagination
:total="total"
:current="page"
:pageSize="pageSize"
@change="onPageChange"
/>
</view>
<!-- 抽屉组件 -->
<ArticleFormDrawer ref="articleDrawerRef" @success="fetchArticles" />
<CategoryFormDrawer ref="categoryDrawerRef" @success="fetchCategories" />
</view>
</template>
<script setup>
import { ref, onMounted } from "vue";
import { api } from "@/services/api.js";
import mockStore from "@/stores/useMockData.js";
import ArticleFormDrawer from "@/components/ArticleFormDrawer.vue";
import CategoryFormDrawer from "@/components/CategoryFormDrawer.vue";
const articleList = ref([]);
const total = ref(0);
const page = ref(1);
const pageSize = ref(10);
const articleDrawerRef = ref(null);
const categoryDrawerRef = ref(null);
const fetchArticles = async () => {
const res = await api.getArticles(page.value, pageSize.value);
if (res.code === 200) {
articleList.value = res.data.list;
total.value = res.data.total;
}
};
const fetchCategories = async () => {
// 触发分类数据更新,由于使用了 reactive这里其实可以不调接口但为了模拟真实流程还是调用一下
await api.getCategories();
};
const getCategoryName = (categoryId) => {
const category = mockStore.mockCategories.find((c) => c.id === categoryId);
return category ? category.name : "未知分类";
};
const onPageChange = (e) => {
page.value = e.current;
fetchArticles();
};
const openArticleDrawer = (row = null) => {
articleDrawerRef.value.open(row);
};
const openCategoryDrawer = (row = null) => {
categoryDrawerRef.value.open(row);
};
onMounted(() => {
fetchCategories();
fetchArticles();
});
</script>
<style scoped>
.page-container {
padding: 20px;
background-color: #fff;
}
.header-actions {
margin-bottom: 20px;
display: flex;
}
.pagination-box {
margin-top: 20px;
display: flex;
justify-content: flex-end;
}
</style>

View File

@@ -85,14 +85,6 @@
</view>
<scroll-view class="drawer-body" :scroll-y="true">
<!-- 文章信息区块 -->
<view class="section-title">
<view class="title-inner active">
<text class="title-txt">文章信息</text>
<view class="title-line"></view>
</view>
</view>
<view class="form-grid">
<view class="form-row">
<view class="form-col">
@@ -111,15 +103,15 @@
</view>
</view>
<view class="form-row mt-20">
<view class="form-col">
<view class="form-row mt-20" style="position: relative; z-index: 10;">
<view class="form-col" style="position: relative; z-index: 11;">
<view class="label-box"><text class="required">*</text><text class="label-txt">文章分类:</text></view>
<view class="input-box z-20" style="position: relative;">
<view class="select-mock" @click.stop="toggleDropdown">
<text class="select-val">{{ formCategory || '请选择' }}</text>
<text class="arrow-down">▼</text>
</view>
<view v-if="dropdownVisible" class="dropdown-list" @click.stop="">
<view v-if="dropdownVisible" class="dropdown-list">
<view
v-for="(cat, index) in categoryList"
:key="index"
@@ -256,7 +248,6 @@ const selectCategory = (cat: string) => {
dropdownVisible.value = false
}
const handleAdd = () => {
let editorCtx: any = null
const onEditorReady = () => {
// @ts-ignore
@@ -285,6 +276,7 @@ const insertImage = () => {
})
}
const handleAdd = () => {
formTitle.value = ''
formAuthor.value = ''
formCategory.value = ''

View File

@@ -1,3 +1,12 @@
---
🚧 注意:
⚠ 注意:当前使用 mock 数据,后续真实接口完成后替换
真实接口地址和返回字段未确定,请后续接口联调完成后再替换。
文档标记维持在此文件中,以便后续开发和对接。
---
# uni-app-x 页面修复指南
## 📋 文档概述

View File

@@ -168,445 +168,4 @@ at <Anonymous>
at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
get @ vue.runtime.esm.js:4455
(anonymous) @ list.uvue?t=1772068177429&import:1028
renderFnWithContext @ vue.runtime.esm.js:2033
renderSlot @ vue.runtime.esm.js:4254
(anonymous) @ uni-h5.es.js:18666
renderComponentRoot @ vue.runtime.esm.js:2092
componentUpdateFn @ vue.runtime.esm.js:7365
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
setupRenderEffect @ vue.runtime.esm.js:7507
mountComponent @ vue.runtime.esm.js:7274
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
mountChildren @ vue.runtime.esm.js:6942
processFragment @ vue.runtime.esm.js:7158
patch @ vue.runtime.esm.js:6668
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7372
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
setupRenderEffect @ vue.runtime.esm.js:7507
mountComponent @ vue.runtime.esm.js:7274
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
mountChildren @ vue.runtime.esm.js:6942
processFragment @ vue.runtime.esm.js:7158
patch @ vue.runtime.esm.js:6668
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7372
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
setupRenderEffect @ vue.runtime.esm.js:7507
mountComponent @ vue.runtime.esm.js:7274
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
mountChildren @ vue.runtime.esm.js:6942
processFragment @ vue.runtime.esm.js:7158
patch @ vue.runtime.esm.js:6668
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7372
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
setupRenderEffect @ vue.runtime.esm.js:7507
mountComponent @ vue.runtime.esm.js:7274
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
mountChildren @ vue.runtime.esm.js:6942
processFragment @ vue.runtime.esm.js:7158
patch @ vue.runtime.esm.js:6668
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7372
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
setupRenderEffect @ vue.runtime.esm.js:7507
mountComponent @ vue.runtime.esm.js:7274
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
mountChildren @ vue.runtime.esm.js:6942
processFragment @ vue.runtime.esm.js:7158
patch @ vue.runtime.esm.js:6668
mountChildren @ vue.runtime.esm.js:6942
mountElement @ vue.runtime.esm.js:6849
processElement @ vue.runtime.esm.js:6814
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7372
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
setupRenderEffect @ vue.runtime.esm.js:7507
mountComponent @ vue.runtime.esm.js:7274
processComponent @ vue.runtime.esm.js:7228
patch @ vue.runtime.esm.js:6694
patchBlockChildren @ vue.runtime.esm.js:7084
processFragment @ vue.runtime.esm.js:7176
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
handleAdd @ list.uvue:297
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
uni-h5.es.js:19975 [Vue warn]: Unhandled error during execution of native event handler
at <Text>
at <View>
at <View>
at <View>
at <ScrollView>
at <View>
at <View>
at <View>
at <List>
at <View>
at <View>
at <View>
at <View>
at <AdminLayout>
at <View>
at <Index>
at <AsyncComponentWrapper>
at <PageBody>
at <Page>
at <Anonymous>
at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
logError @ vue.runtime.esm.js:1438
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
callWithErrorHandling @ vue.runtime.esm.js:1383
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
vue.runtime.esm.js:1443 TypeError: _ctx.formatText is not a function
at _createVNode.onClick._cache.<computed>._cache.<computed> (list.uvue?t=1772068177429&import:980:85)
at callWithErrorHandling (vue.runtime.esm.js:1381:19)
at callWithAsyncErrorHandling (vue.runtime.esm.js:1388:17)
at UniTextElement.invoker (vue.runtime.esm.js:10253:5)
logError @ vue.runtime.esm.js:1443
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
callWithErrorHandling @ vue.runtime.esm.js:1383
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
uni-h5.es.js:19975 [Vue warn]: Unhandled error during execution of native event handler
at <Text>
at <View>
at <View>
at <View>
at <ScrollView>
at <View>
at <View>
at <View>
at <List>
at <View>
at <View>
at <View>
at <View>
at <AdminLayout>
at <View>
at <Index>
at <AsyncComponentWrapper>
at <PageBody>
at <Page>
at <Anonymous>
at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
logError @ vue.runtime.esm.js:1438
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
callWithErrorHandling @ vue.runtime.esm.js:1383
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
vue.runtime.esm.js:1443 TypeError: _ctx.formatText is not a function
at _createVNode.onClick._cache.<computed>._cache.<computed> (list.uvue?t=1772068177429&import:990:85)
at callWithErrorHandling (vue.runtime.esm.js:1381:19)
at callWithAsyncErrorHandling (vue.runtime.esm.js:1388:17)
at UniTextElement.invoker (vue.runtime.esm.js:10253:5)
logError @ vue.runtime.esm.js:1443
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
callWithErrorHandling @ vue.runtime.esm.js:1383
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
uni-h5.es.js:19975 [Vue warn]: Unhandled error during execution of native event handler
at <Text>
at <View>
at <View>
at <View>
at <ScrollView>
at <View>
at <View>
at <View>
at <List>
at <View>
at <View>
at <View>
at <View>
at <AdminLayout>
at <View>
at <Index>
at <AsyncComponentWrapper>
at <PageBody>
at <Page>
at <Anonymous>
at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
logError @ vue.runtime.esm.js:1438
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
callWithErrorHandling @ vue.runtime.esm.js:1383
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
vue.runtime.esm.js:1443 TypeError: _ctx.formatText is not a function
at _createVNode.onClick._cache.<computed>._cache.<computed> (list.uvue?t=1772068177429&import:1000:85)
at callWithErrorHandling (vue.runtime.esm.js:1381:19)
at callWithAsyncErrorHandling (vue.runtime.esm.js:1388:17)
at UniTextElement.invoker (vue.runtime.esm.js:10253:5)
logError @ vue.runtime.esm.js:1443
errorHandler @ uni-h5.es.js:19600
callWithErrorHandling @ vue.runtime.esm.js:1381
handleError @ vue.runtime.esm.js:1421
callWithErrorHandling @ vue.runtime.esm.js:1383
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
list.uvue?t=1772068177429&import:1010 [Vue warn]: Property "insertImage" was accessed during render but is not defined on instance.
at <View>
at <View>
at <View>
at <ScrollView>
at <View>
at <View>
at <View>
at <List>
at <View>
at <View>
at <View>
at <View>
at <AdminLayout>
at <View>
at <Index>
at <AsyncComponentWrapper>
at <PageBody>
at <Page>
at <Anonymous>
at <KeepAlive>
at <RouterView>
at <Layout>
at <App>
warnHandler @ uni-h5.es.js:19975
callWithErrorHandling @ vue.runtime.esm.js:1381
warn$1 @ vue.runtime.esm.js:1207
get @ vue.runtime.esm.js:4455
(anonymous) @ list.uvue?t=1772068177429&import:1010
renderFnWithContext @ vue.runtime.esm.js:2033
renderSlot @ vue.runtime.esm.js:4254
(anonymous) @ uni-h5.es.js:18666
renderComponentRoot @ vue.runtime.esm.js:2092
componentUpdateFn @ vue.runtime.esm.js:7444
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
updateComponent @ vue.runtime.esm.js:7305
processComponent @ vue.runtime.esm.js:7239
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
updateComponent @ vue.runtime.esm.js:7305
processComponent @ vue.runtime.esm.js:7239
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
updateComponent @ vue.runtime.esm.js:7305
processComponent @ vue.runtime.esm.js:7239
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
updateComponent @ vue.runtime.esm.js:7305
processComponent @ vue.runtime.esm.js:7239
patch @ vue.runtime.esm.js:6694
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
processFragment @ vue.runtime.esm.js:7202
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
updateComponent @ vue.runtime.esm.js:7305
processComponent @ vue.runtime.esm.js:7239
patch @ vue.runtime.esm.js:6694
patchBlockChildren @ vue.runtime.esm.js:7084
processFragment @ vue.runtime.esm.js:7176
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
updateComponent @ vue.runtime.esm.js:7305
processComponent @ vue.runtime.esm.js:7239
patch @ vue.runtime.esm.js:6694
patchBlockChildren @ vue.runtime.esm.js:7084
processFragment @ vue.runtime.esm.js:7176
patch @ vue.runtime.esm.js:6668
patchKeyedChildren @ vue.runtime.esm.js:7650
patchChildren @ vue.runtime.esm.js:7564
patchElement @ vue.runtime.esm.js:6989
processElement @ vue.runtime.esm.js:6825
patch @ vue.runtime.esm.js:6682
componentUpdateFn @ vue.runtime.esm.js:7453
run @ vue.runtime.esm.js:153
instance.update @ vue.runtime.esm.js:7497
callWithErrorHandling @ vue.runtime.esm.js:1381
flushJobs @ vue.runtime.esm.js:1585
Promise.then
queueFlush @ vue.runtime.esm.js:1494
queueJob @ vue.runtime.esm.js:1488
(anonymous) @ vue.runtime.esm.js:7491
resetScheduling @ vue.runtime.esm.js:236
triggerEffects @ vue.runtime.esm.js:280
triggerRefValue @ vue.runtime.esm.js:1033
set value @ vue.runtime.esm.js:1078
closeDrawer @ list.uvue:314
callWithErrorHandling @ vue.runtime.esm.js:1381
callWithAsyncErrorHandling @ vue.runtime.esm.js:1388
invoker @ vue.runtime.esm.js:10253
list.uvue?t=1772068177429&import:1028 [Vue warn]: Property "onEditorReady" was accessed during render but is not defined on instance.
at <View>
at <View>
at <View>
at <ScrollView>
at <View>
at <View>
at <View>
at <List>
at <View>
at <View>
at <View>
at <View>
at <AdminLayout>
at <View>
at <Index>
at <AsyncComponentWrapper>
at <PageBody>
at <Page>
at <Anonymous>
at <KeepAlive>
at <RouterView>
at <Layout>
at <App>