tnblog
首页
视频
资源
登录
排名
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等分了,但是高度没有得到控制,如果在这种情况下,想要高度保持和高度一致,应该怎么设置样式呢 方法一:...

前端 2025-04-19 浏览(54

vue3+vite 修改启动端口。vue-next-admin修改启动端口

在vite.config.ts里边看到端口配置的位置: 可以看到获取的是配置里边的内容,找到配置的地方修改即可: 然后把这个请求的url地址的端口也修改成一样的

前端 2025-04-18 浏览(41

win11 怎么截图 右键菜单

如果键盘有一键截图健可以使用,没有的话,就使用快捷键(win+Shift+S)截图

随笔 2025-04-18 浏览(49

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...

数据库 2025-04-16 浏览(54

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

数据库 2025-04-16 浏览(54

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...

前端 2025-04-15 浏览(92

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&...

前端 2025-04-09 浏览(49

vue3 图片裁剪插件cropper,常用的配置。比例配置,裁剪框默认按比例框完整个图片等

[TOC]裁剪比例配置使用aspectRatio属性配置 核心配置如下 this.cropper = new Cropper(this.imageElement, { aspectRatio: 192 / 35 }); 裁剪框默认按比例框完整个图片当你设置了特定的 aspectRatio(例如 192 / 35),并希望在上传图片后裁剪框默认覆盖整个图片(即按照比例最大化填充裁剪区域),你可以...

前端 2025-04-08 浏览(165

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 ....

前端 2025-04-02 浏览(189

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...

nginx 2025-03-31 浏览(174

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 命令会重新创建并启动所有服...

后端 2025-03-30 浏览(151

vue3封装一个通用的数据字典选择。自定义组件支持v-model双向绑定值,支持change事件,支持传递提示语placeholder

代码如下: <template> <el-select v-model="innerValue" @change="handleSelectChange" class="select-dic" size="default" :placeholder="placeholder" clearable > <el-option ...

前端 2025-03-27 浏览(371

单条多名称解析,单条中字符串逗号存储分割后的多用户解析

代码如下: 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...

.net 2025-03-21 浏览(207

多对多的名称解析,选择多个参与人员后的名称解析,字符串逗号存储分割后的多用户解析

代码如下: // 解析参与人员。多对多解析 // 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...

.net 2025-03-21 浏览(257

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

前端 2025-03-18 浏览(257

cursor 颜色太暗了,怎么让它变亮一点。ai编程cursor 样式风格设置,保持主题和vscode一致

这样设置即可:上方的菜单选择 文件 —> 首选项—>主题—>颜色配置—>现代深色(这里选择一个自己喜欢的,或者保持和vscode配置一样即可,我这里vscdoe是选择的这个)

后端 2025-03-18 浏览(617

uni-app 开发 微信小程序 v-html会生成 rich-text,不好设置图片样式,给图片的最大宽度设置100%

方案一:通过修改数据源添加内联样式(推荐)在绑定v-html的内容中,直接为标签添加内联样式style=”max-width:100%”。这需要你在生成内容时进行字符串替换: <template> <rich-text :nodes="processedHtml"></rich-text> </template> <script> export default ...

前端 2025-03-18 浏览(288

.net core 过滤器中给控制器传递参数。.net6,.net 9过滤器控制器传参

需求:在.net9的web 项目里边创建了一个过滤器,过滤器里边就是验证token,然后取出来token里边的数据,得到了一个CurrentUser对象,现在我想在控制器里边去获取这个对象,可以把过滤器里边创建的对象传递到控制器里边,比如我控制器里边有一个这样的属性:public CurrentUser currentUser { get; },需要把过滤器...

.net core 2025-03-17 浏览(240

这一生多幸运赶上过你.
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术