草庐IT

onsen-ui

全部标签

element-ui el-dialog如何设置响应式宽高且永远水平垂直居中

写在前面        el-dialog是使平常使用element-ui比较常用的一个组件,想要灵活控制它达到想要的开发效果,就必须要熟悉它默认一些属性:默认width:50%,高度为标题和el-dialog__body,el-dialog__footer内容以及padding撑开,定位上默认水平居中,距离顶端15vh具体实现        原理是width采用百分比,height赋值为vh,覆盖el-dialog默认的top:15vh改为top:0vh,最后设置定位让它来水平垂直居中。    代码示例:*vue单击打开弹框dialog内容...取消确定exportdefault{data(

Mac环境 Stable Diffusion Web Ui 安装教程

背景    StableDiffusionWebUI是一个基于StableDiffusion的基础应用,利用gradio模块搭建出交互程序,可以在低代码GUI中立即访问StableDiffusion:   1、StableDiffusion是一个画像生成AI,能够模拟和重建几乎任何可以以视觉形式想象的概念,而无需文本提示输入之外的任何指导   2、StableDiffusionWebUI提供了多种功能,如txt2img、img2img、inpaint等,还包含了许多模型融合改进、图片质量修复等附加升级。   3、通过调节不同参数可以生成不同效果,用户可以根据自己的需要和喜好进行创作。我们可以通

Element ui plus Form 表单验证失败后,自动滚动到失败的位置(validate)(scrollToField)

对于表单验证失败后,想自动定位到失败的位置 1.首先发起表单验证,失败后拿到组件失败的回调参数valid:返回一个boolean类型ValidateFieldsError:返回失败的组件信息,如下 当valid为false时,利用scrollToField()滚动到相应的错误位置处代码如下:constsubmitForm=()=>{proxy.$refs["postRef"].validate((valid,ValidateFieldsError)=>{console.log(ValidateFieldsError);if(valid){state.submitLoading=truestat

ios - Ionic 2 cordova-plugin-mauron85-background-geolocation 不更新 UI

我是Ionic和Typescript的新手,所以很抱歉,如果我有这个问题!我正在尝试使用Ionic2构建一个简单的iOS和Android应用程序,它只显示用户当前位置,并在他们移动时更新。我面临的问题是,虽然我似乎通过UI获取坐标位置,但从未更新以显示更新后的位置。我已经使用cordova-plugin-mauron85-background-geolocation插件作为location.ts创建了一个提供者:import{Injectable,NgZone}from'@angular/core';import{BackgroundGeolocation}from'ionic-nat

ios - Ionic 2 cordova-plugin-mauron85-background-geolocation 不更新 UI

我是Ionic和Typescript的新手,所以很抱歉,如果我有这个问题!我正在尝试使用Ionic2构建一个简单的iOS和Android应用程序,它只显示用户当前位置,并在他们移动时更新。我面临的问题是,虽然我似乎通过UI获取坐标位置,但从未更新以显示更新后的位置。我已经使用cordova-plugin-mauron85-background-geolocation插件作为location.ts创建了一个提供者:import{Injectable,NgZone}from'@angular/core';import{BackgroundGeolocation}from'ionic-nat

vue Element ui上传组件el-upload封装

el-upload组件二次封装注释:1.limit可上传图片数量2.lableName当前组件name,用于一个页面多次使用上传组件,对数据进行区分3.upload上传图片发生变化触发,返回已上传图片的信息4.imgUrl默认图片template>divclass="uploadimg":style="{marginLeft:marginLeft,}">el-uploadaction="false":class="isAddImg?'disabled':''"accept="image/png,image/gif,image/jpg,image/jpeg":limit="limit":with

解决element -ui 中message在dialog遮盖层下面

最简单的方法:在标签上加入:z-index="1000" 因为消息弹窗的z-index一般在2001,而对话框的z-index在3000左右。字需要降低层级即可效果图 

ios - 在 xcode 6.1 中,界面生成器删除 ui 元素

我有一个包含一些表格View和一些CollectionView以及一些按钮和标签的View。我不确定这是否是Xcode6.1的新功能,因为我已经有一段时间没有处理这个项目的ui方面了。但是,当我尝试调整View中几乎任何内容的大小时,我的TableView和CollectionView以及可能我没有注意到的其他一些元素都会被删除。具体来说,它们的frame或rect属性似乎被删除了。需要明确的是,这仅在我尝试通过在界面生成器中拖动边来调整元素大小时发生。如果我通过直接在IB侧边栏或xml中更改数字来调整它们的大小,则不会发生这种情况。我想知道这是否是Xcode中的错误,或者我是否做了一

ios - 在 xcode 6.1 中,界面生成器删除 ui 元素

我有一个包含一些表格View和一些CollectionView以及一些按钮和标签的View。我不确定这是否是Xcode6.1的新功能,因为我已经有一段时间没有处理这个项目的ui方面了。但是,当我尝试调整View中几乎任何内容的大小时,我的TableView和CollectionView以及可能我没有注意到的其他一些元素都会被删除。具体来说,它们的frame或rect属性似乎被删除了。需要明确的是,这仅在我尝试通过在界面生成器中拖动边来调整元素大小时发生。如果我通过直接在IB侧边栏或xml中更改数字来调整它们的大小,则不会发生这种情况。我想知道这是否是Xcode中的错误,或者我是否做了一

element-ui form表单的动态rules校验

在vue项目中,有时候可能会用到element-uiform表单的动态rules校验,比如说选择了哪个选项,然后动态显示或者禁用等等。我们可以巧妙的运用element-uiform表单里面form-item想的校验规则来处理(每一个form-item项都可以单独校验)。上代码:A.夫妻双方均符合共有产权住房申购条件且共同申购B.港澳青年C.二孩以上家庭D.经区政府批准的优先保障对象重点是这个::rules=“sqyxForm.jtpslx==‘0’?{required:true,message:‘请选择’,trigger:‘change’}:{}”sqyxForm.jtpslx==‘0’这个是