草庐IT

微信小程序模态框

微信小程序模态框:项目开发时很多页面都需要用到弹框,弹框展示内容都不一致,为了方便,自己自定义了弹框组件组件界面:可以扫码查看是否符合自己的需求wxml:viewwx:if="{{showDialog}}"class="dialog-container">viewclass="dialog-bg"style="opacity:{{isOpen?1:0}}">view>viewclass="dialog-body"style="background-color:{{bodyBg}};border-radius:{{bodyBg=='transparent'?'0':'16rpx'}};width

微信小程序模态框

微信小程序模态框:项目开发时很多页面都需要用到弹框,弹框展示内容都不一致,为了方便,自己自定义了弹框组件组件界面:可以扫码查看是否符合自己的需求wxml:viewwx:if="{{showDialog}}"class="dialog-container">viewclass="dialog-bg"style="opacity:{{isOpen?1:0}}">view>viewclass="dialog-body"style="background-color:{{bodyBg}};border-radius:{{bodyBg=='transparent'?'0':'16rpx'}};width

(跨模态)AI作画——使用stable-diffusion生成图片

AI作画——使用stable-diffusion生成图片0.简介1.注册并登录huggingface2.下载模型3.生成0.简介自从DallE问世以来,AI绘画越来越收到关注,从最初只能画出某些特征,到越来越逼近真实图片,并且可以利用prompt来指导生成图片的风格。前不久,stable-diffusion的v1-4版本终于开源,本文主要面向不熟悉huggingface的同学,介绍一下stable-diffusion如何使用(非常简单)。1.注册并登录huggingface直接打开compvis的stable-diffusion:https://huggingface.co/CompVis/s

(跨模态)AI作画——使用stable-diffusion生成图片

AI作画——使用stable-diffusion生成图片0.简介1.注册并登录huggingface2.下载模型3.生成0.简介自从DallE问世以来,AI绘画越来越收到关注,从最初只能画出某些特征,到越来越逼近真实图片,并且可以利用prompt来指导生成图片的风格。前不久,stable-diffusion的v1-4版本终于开源,本文主要面向不熟悉huggingface的同学,介绍一下stable-diffusion如何使用(非常简单)。1.注册并登录huggingface直接打开compvis的stable-diffusion:https://huggingface.co/CompVis/s

ionic 模态窗口

ionic模态窗口$ionicModal$ionicModal可以遮住用户主界面的内容框。你可以在你的index文件或者是其他文件内嵌入以下代码(里面的代码可以根据你自己的业务场景相应的改变)。MyModaltitleHello!然后你就可以在你的Controller里面的注入$ionicModal。然后调用你刚刚写入的模板,进行初始化操作。就像下面的代码:angular.module('testApp',['ionic']).controller('MyController',function($scope,$ionicModal){$ionicModal.fromTemplateUrl('

ionic 模态窗口

ionic模态窗口$ionicModal$ionicModal可以遮住用户主界面的内容框。你可以在你的index文件或者是其他文件内嵌入以下代码(里面的代码可以根据你自己的业务场景相应的改变)。MyModaltitleHello!然后你就可以在你的Controller里面的注入$ionicModal。然后调用你刚刚写入的模板,进行初始化操作。就像下面的代码:angular.module('testApp',['ionic']).controller('MyController',function($scope,$ionicModal){$ionicModal.fromTemplateUrl('

Foundation 模态框

Foundation模态框模态框是一个显示在页面头部的弹窗。我们可以在容器元素上(如)使用唯一ID,并添加.reveal-modal类和data-reveal属性来添加模态框。我们可以在任何元素上使用data-reveal-id="id"属性阿里打开模态框。id必须与容器id一致(实例为"myModal")。如果你希望在点击模态框之外的区域来关闭模态框。你可以在模态框的关闭按钮标签上添加.close-reveal-modal类来实现。注意:滑块需要使用JavaScript。所以你需要初始化FoundationJS:实例 button type="button"class="button"dat

Foundation 模态框

Foundation模态框模态框是一个显示在页面头部的弹窗。我们可以在容器元素上(如)使用唯一ID,并添加.reveal-modal类和data-reveal属性来添加模态框。我们可以在任何元素上使用data-reveal-id="id"属性阿里打开模态框。id必须与容器id一致(实例为"myModal")。如果你希望在点击模态框之外的区域来关闭模态框。你可以在模态框的关闭按钮标签上添加.close-reveal-modal类来实现。注意:滑块需要使用JavaScript。所以你需要初始化FoundationJS:实例 button type="button"class="button"dat

Bootstrap5 模态框

Bootstrap5模态框模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。如何创建模态框以下实例创建了一个简单的模态框效果:实例buttontype="button"class="btnbtn-primary"data-bs-toggle="modal"data-bs-target="#myModal">打开模态框button>模态框-->divclass="modal"id="myModal">divclass="modal-dialog">divclass="modal-content">模

Bootstrap5 模态框

Bootstrap5模态框模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。如何创建模态框以下实例创建了一个简单的模态框效果:实例buttontype="button"class="btnbtn-primary"data-bs-toggle="modal"data-bs-target="#myModal">打开模态框button>模态框-->divclass="modal"id="myModal">divclass="modal-dialog">divclass="modal-content">模