排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
js,ts,vue循环生成延迟循环,

直接使用setInterval会一直循环不会结束除非手动去结束,可以循环生成n次setTimeout,然后时间的循环每次递增就可以了
const thinkingContent = ref('')
const answerContent = ref('')
onMounted(() => {
let timeout = 0
for (let index = 0; index < 10; index++) {
...
vue3切换的时候把除了当前点击的都设置为false

页面如下:
<div class="lp-ca-item" v-for="(item, index) in kpCaseList" v-bind:key="index">
<div class="lp-ca-title">{{ index + 1 }}、{{ item.name }}</div>
<div class="lp-ca-operate">
<div class=&...
vue3滚动条默认保持在最底部,让滚动条在每次更新内容时保持在最底部

实现思路:更新内容 → 等待 DOM 更新 → 滚动到底部。代码如下:
<template>
<div class="ac-think-content" ref="contentContainer">
{{ showContent }}
</div>
</template>
<script setup>
import { ref, onMounted, nextTick } from '...
flex布局,左侧文字,右边按钮,确保右侧的多按钮文字不换行,左侧如果文字超出就出现省略号。优先保证右边的文字不换行哇,确保右侧按钮始终在一行显示。按钮样式

view,html结构<div class="lp-ca-item">
<div class="lp-ca-title">2、上传教学内容文档,AI智能提取知识大纲</div>
<div class="lp-ca-operate">
<div class="green-but">预览</div>
<div class=...
element plus 组件中的disabled根据情况来决定是否显示,绑定。按钮组件

按钮组件el-button<el-button size="small" :disabled="item.digital_human_status != 2" type="primary"
@click.stop="viewHandle(item.id)">
数字人预览
</el-button>
vue3左右布局,左右两边宽度不固定,可以拖动中间的分割线实现拖动改变宽度

第一个版本如下<template>
<div class="split-panel-container">
<div class="panel-left" :style="{ width: `${leftWidth}%` }">
<div class="panel-content" v-bind:style="isResizing ? noSelectStyle : {}">
...
element plus 表格 table 状态解析 el-tag

代码如下:
<el-table-column prop="period" label="投放状态" min-width="66px">
<template #default="scope">
<el-tag v-if="scope.row.useState == 1" type="success">正常投放</el-tag>
<el-...
python使用python-docx读取word内容

[TOC]先安装依赖pip install python-docx
段落内容和表格内容分开读取import docx
from docx.document import Document
from docx.table import Table
from docx.text.paragraph import Paragraph
def read_word_document(file_path: str) -> None:
"""读取 Word 文档并输出其内容&q...
python安装模块,python安装依赖

方法1:使用pippip install xmltodict
方法2:使用conda(如果你使用的是Anaconda或Miniconda)如果你在使用Anaconda或Miniconda,可以使用conda来安装依赖,比如安装xmltodict:
conda install -c conda-forge xmltodict
element plus 树形 tree 懒加载的树形,如何动态添加节点

思想思路:数据源里边是默认没有children的或者说没有走children这种结构,所以和正常的操作方法还有点不一样,所以应该使用append的方式添加而不使用children的方式添加
代码如下:
<template>
<div class="container">
<el-tree
ref="treeRef"
:da...
vue3 格子报表统计模板

代码如下:
<template>
<div class="waterFeeStatistics-container">
<div class="term-base-list">
<div class="card-item item-1">
<div class="item-title">海运数量</div>
...
element plus tree 树形中根据一堆id找到这些id数组中的叶子节点。只根据叶子节点来选中树形

找到id中的叶子节点
let leafIds = [] as any
// 过滤掉父节点,只留下叶子节点, 用于回显树形的选中
checkedMenuKeys.forEach((id:any) => {
const node = treeRef.value?.getNode(id);
if (node && node.isLeaf) {
leafIds.push(id)
}
});
// treeRef.value!.setChec...
grid 布局宽度按比例(fr)自适应布局后,让高度自适应等于宽度

[TOC]问题描述用grid布局使用了一个3等分布局的样式,样式代码如下:
.ibl-statistic-wrap {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr);
}
可以宽度是可以保持3等分了,但是高度没有得到控制,如果在这种情况下,想要高度保持和高度一致,应该怎么设置样式呢
方法一:...
vue3+vite 修改启动端口。vue-next-admin修改启动端口

在vite.config.ts里边看到端口配置的位置:
可以看到获取的是配置里边的内容,找到配置的地方修改即可:
然后把这个请求的url地址的端口也修改成一样的
mysql报表统计查询合并成一行的写法

sql如下:
SELECT
(select count(*) from cisp_platform_school where `status` = 'active') AS school_count,
(select count(*) from cisp_system_users where user_type = 0 and is_active = 1 ) as teacher_count ,
(select count(*) from cisp_system_users where user_type = 1 an...
mysql按月统计

sql如下:
select DATE_FORMAT(create_datetime,'%Y-%m') AS year_month_format, COUNT(*) AS total_count from cisp_lesson_knowledge where model_status = 90 GROUP BY year_month_format ORDER BY year_month_format
排名
6
文章
6
粉丝
16
评论
8
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术