草庐IT

onsen-ui

全部标签

去除UI切图边缘上多余的线条

最近接到UI切图,放进项目,显示边缘有多余线条,影响UI美观。开始以为切图没切好,实则不是。如图:->解决:将该图片资源WrapMode改为Clamp

vue + element UI 制作问答机器人

人工客服{{item.content}}{{item2.index}}{{item2.content}}{{item.time}}{{item.content}}{{item.time}}发送exportdefault{data(){return{customerText:"",info:[{type:'leftinfo',time:this.getTodayTime(),name:"robot",content:"您好,欢迎使用!",question:[{id:1,content:"客户资料完善后是由谁来审批",index:1},{id:2,content:"客户资料审批一直不通过",ind

element-ui部分表单组件的必填校验问题

el-date-picker必填校验 rules:{ trainTime:[{type:'array',required:true,message:'请输入培训时间',fields:{//tpye类型试情况而定,所以如果返回的是date就改成date0:{type:'string',required:true,message:'请选择开始日期'},1:{type:'string',required:true,message:'请选择结束日期'}}}],}el-cascader必填校验changeArea(areaCode){this.$set(this.formData,'areaCode'

vue3中按需引入element-ui并配置

安装element-uielement-ui官网地址:element-ui官网-vue3npm安装npminstallelement-plus--save使用和相关配置如果对打包后的文件大小不是很在乎,那么使用完整导入会更方便,这里推荐使用按需引入。按需引入具体步骤:首先需要安装unplugin-vue-components和unplugin-auto-import这两款插件。npminstall-Dunplugin-vue-componentsunplugin-auto-import配置vue.config.js文件constAutoImport=require('unplugin-auto

告别原始 UI 样式,拥抱 Fluent Design 风格 PyQt/PySide 组件库

简介这是一个使用PyQt/PySide编写的FluentDesign风格的组件库,支持亮暗主题无缝切换和自定义主题色,搭配QtDesigner可以快速开发美观的界面。github仓库地址为https://github.com/zhiyiYo/PyQt-Fluent-Widgets,演示视频可以在哔哩哔哩上观看。安装轻量版(AcrylicLabel不可用):pipinstallPyQt-Fluent-Widgets-ihttps://pypi.org/simple/完整版:pipinstall"PyQt-Fluent-Widgets[full]"-ihttps://pypi.org/simple

element ui input 深层循环v-model绑定默认数据删除不了的情况

例子:在项目开发中遇到的,简单记录一下 给input一个@input方法 使其更新视图,这样子就可以正常编辑删除了handleChangeDataForm(e){this.$forceUpdate()},出现这种情况是vue不能检测到对象属性的添加或者删除导致视图无法更新

为Stable Diffusion web UI开发自己的插件实战

最近,StableDiffusionAI绘画受到了广泛的关注和热捧。它的WebUI提供了了一系列强大的功能,其中特别值得一提的是对插件的支持,尤其是Controlnet插件的加持,让它的受欢迎程度不断攀升。那么,如果你有出色的创意,如何将其融入StableDiffusionWebUI中呢?不用担心,我们可以开发相关的插件来实现这个目标。实际上,开发StableDiffusionWebUI并不困难,因为WebUI框架本身就支持插件开发。StableDiffusion的大部分代码是用Python编写的,其WebUI采用了Gradio框架。相信大家对这两个概念已经非常熟悉,因此在这里不再过多阐述。下

使用element ui表单验证的流程

源码在下面表单验证的关键1.1给表单添加ref属性1.2给el-form-item添加prop属性1.3定义表单的验证规则(也可以不需要定义)1.4表单提交时,通过this.$refs.表单的ref.validate()1.11.21.31.4源码:template>el-main>el-form:model="listParm"ref="form"label-width="80px":inline="true"size="small">el-form-item>el-inputplaceholder="请输入姓名"v-model="listParm.nickName">/el-input>/

【Qt UI相关】Qt中如何控制 窗口的最大化、最小化和关闭按钮?一文带你掌握用法

目录标题概述默认行为在Qt中的控制最大化按钮控制代码实例闪烁问题其他按钮实例结语概述窗口的最大化、最小化和关闭按钮通常是由操作系统的窗口管理器控制的,而不是由应用程序控制的。这些按钮的行为(例如点击最大化按钮会将窗口的大小调整为屏幕的大小)是由窗口管理器实现的,应用程序通常不能改变这些行为。在Qt中,你可以通过QWidget::setWindowFlags函数来设置窗口的一些属性,包括是否显示最大化、最小化和关闭按钮。但是,这些属性的实际效果可能会受到窗口管理器的限制。例如,一些窗口管理器可能会忽略Qt::WindowMaximizeButtonHint标志,总是显示最大化按钮。如果你想改变窗

vue element-ui表格(el-table)数据导出execl文件

文章目录前言一、插件安装二、使用示例1.创建导出execl工具文件2.页面引用前言功能实现:elementUI的el-table数据导出为execl文件使用到插件:xlsx、file-saver一、插件安装npminstall--savexlsxfile-saver二、使用示例1.创建导出execl工具文件exportExecl.js代码如下:importFileSaverfrom'file-saver'constXLSX=require('xlsx')/***el-table数据导出execl文件**@param{*}id:el-table元素id*@param{*}fileName:导出文