修改页面结构
This commit is contained in:
@@ -1,46 +1,47 @@
|
||||
<template>
|
||||
<AdminLayout currentPage="api-logistics">
|
||||
<view class="page">
|
||||
<!-- TopBar (navigationStyle: custom 时需要自己做顶部<EFBFBD>? -->
|
||||
<view class="topbar">
|
||||
<view class="status-bar" />
|
||||
<view class="nav">
|
||||
<view class="nav-left" @click="goBack">
|
||||
<text class="nav-icon">‹</text>
|
||||
<text class="nav-text">返回</text>
|
||||
</view>
|
||||
<!-- TopBar (navigationStyle: custom 时需要自己做顶部) -->
|
||||
<view class="topbar">
|
||||
<view class="status-bar" />
|
||||
<view class="nav">
|
||||
<view class="nav-left" @click="goBack">
|
||||
<text class="nav-icon">‹</text>
|
||||
<text class="nav-text">返回</text>
|
||||
</view>
|
||||
|
||||
<text class="nav-title">物流查询配置</text>
|
||||
<text class="nav-title">物流查询配置</text>
|
||||
|
||||
<view class="nav-right">
|
||||
<text class="nav-action" @click="onPrimaryAction">保存</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- Main -->
|
||||
<scroll-view class="body" scroll-y="true">
|
||||
<view class="container">
|
||||
<view class="card">
|
||||
<text class="h2">物流查询配置</text>
|
||||
<text class="p">TODO:在这里实现 物流查询配置 的页面内容<E58685>?/text>
|
||||
<view class="divider" />
|
||||
<text class="p muted">提示:当前为可跑的占位模板(TopBar + Container + Card)<64>?/text>
|
||||
</view>
|
||||
|
||||
<view class="card">
|
||||
<text class="h3">建议你下一步先补齐</text>
|
||||
<view class="list">
|
||||
<text class="li">1)接口:拉取/保存数据(API 协议对齐后端<E5908E>?/text>
|
||||
<text class="li">2)列<EFBC89>?表单:搜索、分页、增删改</text>
|
||||
<text class="li">3)权限:按钮/路由级权限控<E99990>?/text>
|
||||
<view class="nav-right">
|
||||
<text class="nav-action" @click="onPrimaryAction">保存</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</AdminLayout>
|
||||
|
||||
<!-- Main -->
|
||||
<scroll-view class="body" scroll-y="true">
|
||||
<view class="container">
|
||||
<view class="card">
|
||||
<text class="h2">物流查询配置</text>
|
||||
<text class="p">TODO:在这里实现 物流查询配置 的页面内容。</text>
|
||||
<view class="divider" />
|
||||
<text class="p muted">提示:当前为可跑的占位模板(TopBar + Container + Card)。</text>
|
||||
</view>
|
||||
|
||||
<view class="card">
|
||||
<text class="h3">建议你下一步先补齐</text>
|
||||
<view class="list">
|
||||
<text class="li">1)接口:拉取/保存数据(API 协议对齐后端)。</text>
|
||||
<text class="li">2)列表/表单:搜索、分页、增删改</text>
|
||||
<text class="li">3)权限:按钮/路由级权限控制。</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</AdminLayout>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
import AdminLayout from '@/layouts/admin/AdminLayout.uvue'
|
||||
|
||||
@@ -56,7 +57,7 @@ const onPrimaryAction = () => {
|
||||
<style scoped>
|
||||
.page { width: 100%; height: 100%; background-color: #f6f7fb; }
|
||||
|
||||
/* 顶部栏(适配沉浸式状态栏<EFBFBD>?*/
|
||||
/* 顶部栏(适配沉浸式状态栏) */
|
||||
.topbar { position: sticky; top: 0; z-index: 10; background-color: #fff; }
|
||||
.status-bar { height: var(--status-bar-height); }
|
||||
.nav { height: 44px; display: flex; align-items: center; padding: 0 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eef0f5; }
|
||||
@@ -82,4 +83,3 @@ const onPrimaryAction = () => {
|
||||
.list { margin-top: 8px; }
|
||||
.li { font-size: 13px; color: #333; line-height: 20px; }
|
||||
</style>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user