排名
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


欢迎加群交流技术