火星大能猫 - 博客园

2025年3月6日

默认element-ui的el-dialog宽度为50%

会导致弹窗效果很丑,输入非常不方便.

所以移动端需要做特殊适配

以下为样式

@media screen and (max-width: 768px) {
    /* 或者使用这种更具体的选择器 */
    .el-dialog__wrapper .maintenance-dialog {
        width: 90% !important;
        margin-top: 5vh !important;
    }

    /* 表单布局优化 */
    .maintenance-dialog .el-form-item {
        margin-bottom: 15px;
    }
    
    .maintenance-dialog .el-form-item__label {
        float: none !important;
        display: block !important;
        text-align: left !important;
        padding: 0 0 8px !important;
        width: 100% !important;
    }
    
    .maintenance-dialog .el-form-item__content {
        margin-left: 0 !important;
    }

    /* 确保所有输入控件宽度100% */
    .maintenance-dialog .el-input,
    .maintenance-dialog .el-select,
    .maintenance-dialog .el-date-picker,
    .maintenance-dialog .el-input-number {
        width: 100% !important;
    }

    /* 调整按钮组间距 */
    .maintenance-dialog .dialog-footer {
        text-align: center;
    }
    
    .maintenance-dialog .dialog-footer .el-button {
        margin: 0 5px;
    }
}

posted @ 2025-03-06 11:47 火星大能猫阅读(28) 评论(0) 推荐(0) 编辑

2025年2月7日

使用C# 调用deepseek api接口,来实现正常访问

摘要：先上图,结果如图先去官方网站充值api费用,默认对应的C#代码封装 1 public class DeepSeekHelper 2 { 3 private static readonly HttpClient client = new HttpClient(); 4 private const 阅读全文

posted @ 2025-02-07 14:05 火星大能猫阅读(2052) 评论(1) 推荐(10) 编辑

2024年10月31日

Chrome 调试 this变量,鼠标悬浮不显示解决方法

摘要：取消勾选 enable JavaScript source map 阅读全文

posted @ 2024-10-31 14:57 火星大能猫阅读(94) 评论(0) 推荐(0) 编辑

2024年8月2日

记录一次CentOS/Linux下安装vsftp服务器的过程

摘要： 1 安装ftp软件 yum install vsftpd* -y 2 配置服务启动 #启用 firewalld 服务 systemctl start vsftpd.service #开启vsftpd服务这条命令设置 firewalld 服务在系统启动时自动启动。systemctl enable 命阅读全文

posted @ 2024-08-02 11:35 火星大能猫阅读(100) 评论(0) 推荐(0) 编辑

2024年7月10日

.Net Core WebApi项目 Development模式下报错 System.InvalidOperationException 解决记录

摘要： .Net Core WebApi项目 Development模式下报错 System.InvalidOperationException:“Cannot resolve scoped service 'Microsoft.Extensions.Options.IOptionsSnapshot`1[I 阅读全文

posted @ 2024-07-10 11:33 火星大能猫阅读(99) 评论(0) 推荐(0) 编辑

2024年6月19日

关于vue中image控件,onload事件里,event.target 为null的奇怪问题探讨

摘要：废话不多说(主要文笔比较差),直接上代码一个简单的demo,如下 <img :src="orginalImgSrc" style="display: none;" crossOrigin="Anonymous" @load="imgLoaded"> vue代码 imgLoaded(e) { deb 阅读全文

posted @ 2024-06-19 16:56 火星大能猫阅读(443) 评论(1) 推荐(0) 编辑

2024年5月11日

WPF Canvas在Image 图像上绘图,自适应缩放.

摘要：效果如图实现了绘图,自适应缩放核心代码如下 <Window.InputBindings> <KeyBinding Key="Z" Modifiers="Ctrl" Command="{Binding UndoCommand}" /> </Window.InputBindings> <i:Inte 阅读全文

posted @ 2024-05-11 13:47 火星大能猫阅读(1702) 评论(0) 推荐(0) 编辑

2024年4月12日

WPF 自定义泛型用户控件后跨程序集继承用户控件的解决方案

摘要：自定义泛型用户控件: <UserControl x:Class="ClassLibrary1.UcEumCmb" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.mic 阅读全文

posted @ 2024-04-12 15:29 火星大能猫阅读(123) 评论(0) 推荐(1) 编辑

2023年11月29日

记录一次MySQL多表查询,order by不走索引的情况.

摘要：首先是表结构,部分字段脱敏已删除 CREATE TABLE `log_device_heart` ( `id` int unsigned NOT NULL AUTO_INCREMENT, `device_number` varchar(255) CHARACTER SET utf8mb4 COLLA 阅读全文

posted @ 2023-11-29 15:50 火星大能猫阅读(344) 评论(0) 推荐(0) 编辑

2023年11月17日

C# DateTime日期字段转中文文字

摘要： public static String ToChineseYearAndMonth(this DateTime dt) { string[] chineseNumbers = { "零", "一", "二", "三", "四", "五", "六", "七", "八", "九" }; // 将年份和阅读全文

posted @ 2023-11-17 11:22 火星大能猫阅读(213) 评论(0) 推荐(0) 编辑