generated from duanshuwen/webapp-vue-frontend
feat: 警告处理
This commit is contained in:
@@ -5,11 +5,7 @@
|
||||
|
||||
<!-- 列表 -->
|
||||
<div class="list">
|
||||
<div
|
||||
v-for="item in list"
|
||||
:key="item.id"
|
||||
class="card"
|
||||
>
|
||||
<div v-for="item in list" :key="item.id" class="card">
|
||||
<!-- 生成中 -->
|
||||
<template v-if="item.status === 'processing'">
|
||||
<div class="left processing-box">
|
||||
@@ -20,10 +16,7 @@
|
||||
<div class="name">{{ item.name }}</div>
|
||||
|
||||
<div class="progress">
|
||||
<div
|
||||
class="bar"
|
||||
:style="{ width: item.progress + '%' }"
|
||||
></div>
|
||||
<div class="bar" :style="{ width: item.progress + '%' }"></div>
|
||||
</div>
|
||||
|
||||
<div class="status-text">生成中</div>
|
||||
@@ -49,6 +42,7 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useRouter } from 'vue-router';
|
||||
// @ts-ignore
|
||||
import NavBar from '../components/navBar.vue';
|
||||
|
||||
interface TaskItem {
|
||||
@@ -167,7 +161,8 @@ const lookPicture = (item: TaskItem) => {
|
||||
/* 列表(放在 NavBar 下面并可滚动) */
|
||||
.list {
|
||||
padding: 16px;
|
||||
margin-top: 72px; /* 留出 NavBar 空间(56px header + 24px margin) */
|
||||
margin-top: 72px;
|
||||
/* 留出 NavBar 空间(56px header + 24px margin) */
|
||||
flex: 1 1 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user