排名
1
文章数
15030
总访问量
216.3万
粉丝数
30
评论数
120
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
vue3动态生成组件，vue3动态生成element plus组件，动态生成el-tag。数据字典与类型的动态解析
示例代码如下：<template>
<el-table :data="tableData">
<el-table-column align="center" label="敏感词类型" prop="sensitive_type" min-width="100">
<template #default="scope">
<componen...
vue3 简单的页面基础模板-element plus的弹窗以及暴露方法出去
代码如下：
<template>
<div class="course-preview-dialog-container">
<el-dialog v-model="dialogVisible" title="Tips" width="500">
<span>This is a message</span>
<template #footer&...
vue3 图片裁剪插件cropper，常用的配置。比例配置，裁剪框默认按比例框完整个图片等
[TOC]裁剪比例配置使用aspectRatio属性配置
核心配置如下
this.cropper = new Cropper(this.imageElement, {
aspectRatio: 192 / 35
});
裁剪框默认按比例框完整个图片当你设置了特定的 aspectRatio（例如 192 / 35），并希望在上传图片后裁剪框默认覆盖整个图片（即按照比例最大化填充裁剪区域），你可以...
element plus el-card 如何穿透 修改里边的样式，修改边距，修改下方横线的样式变粗，修改左右间距和上下间距等。el-card实现表格上方的tab切换菜单
[TOC]直接穿透：<template>
<el-card class="custom-card">
<el-tabs class="custom-tabs">
<!-- 内容 -->
</el-tabs>
</el-card>
</template>
<style scoped>
/* 修改 el-card__body 的 padding */
::v-deep ....
nginx配置代理后会出现两个api,变成/api/api。会重复出现配置的代理地址
nginx里边的配置文件有一个配置如下：
location /api/ {
proxy_pass http://oanet:5005; # 设置为本地启动地址
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
prox...
docker-compose 如何重启
[TOC]重启所有服务如果你想要重启 docker-compose.yml 文件中定义的所有服务，你可以使用以下命令：
docker-compose down
docker-compose up -d
或者
docker compose down
docker compose up -d
这里的 docker-compose down 命令会停止并移除所有容器，然后 docker-compose up -d 命令会重新创建并启动所有服...
vue3封装一个通用的数据字典选择。自定义组件支持v-model双向绑定值，支持change事件，支持传递提示语placeholder
代码如下：
<template>
<el-select
v-model="innerValue"
@change="handleSelectChange"
class="select-dic"
size="default"
:placeholder="placeholder"
clearable
>
<el-option
...
单条多名称解析，单条中字符串逗号存储分割后的多用户解析
代码如下：
var userIds = cleanPoolDto.UserIds.Split(',').Select(a => long.Parse(a)).ToList();
List<Users> usersList = db.Queryable<Users>().Where(a => userIds.Contains(a.Id)).ToList();
foreach (var users in usersList)
{
cleanPoolDto.UserNicknames += use...
多对多的名称解析,选择多个参与人员后的名称解析，字符串逗号存储分割后的多用户解析
代码如下：
// 解析参与人员。多对多解析
// List<long> users = result.Select(a => long.Parse(a.UserIds)).Distinct().ToList();
// 先把所有涉及到的用户id查询出来
List<long> userIds = new List<long>();
foreach (CleanPoolDto item in result)
{
if (!string.IsNullOrWhi...
vue uni-app 微信小程序 安装常用依赖
[TOC]安装sass 依赖cnpm install sass sass-loader --save-dev 或者
pnpm install sass sass-loader --save-dev 或者
npm install sass sass-loader --save-dev --save-dev
cursor 颜色太暗了，怎么让它变亮一点。ai编程cursor 样式风格设置，保持主题和vscode一致
这样设置即可：上方的菜单选择 文件 —> 首选项—>主题—>颜色配置—>现代深色(这里选择一个自己喜欢的，或者保持和vscode配置一样即可，我这里vscdoe是选择的这个)
uni-app 开发 微信小程序 v-html会生成 rich-text，不好设置图片样式，给图片的最大宽度设置100%
方案一：通过修改数据源添加内联样式（推荐）在绑定v-html的内容中，直接为标签添加内联样式style=”max-width:100%”。这需要你在生成内容时进行字符串替换：
<template>
<rich-text :nodes="processedHtml"></rich-text>
</template>
<script>
export default ...
.net core 过滤器中给控制器传递参数。.net6，.net 9过滤器控制器传参
需求：在.net9的web 项目里边创建了一个过滤器，过滤器里边就是验证token，然后取出来token里边的数据，得到了一个CurrentUser对象，现在我想在控制器里边去获取这个对象，可以把过滤器里边创建的对象传递到控制器里边，比如我控制器里边有一个这样的属性：public CurrentUser currentUser { get; }，需要把过滤器...
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：
50010702506256
50010702506256
欢迎加群交流技术