草庐IT

uni-modal

全部标签

Bootstrap 模态框(Modal)插件

Bootstrap模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能,那么您需要引用modal.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以切换模态框(Modal)插件的隐藏内容:通过data属性:在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置data-target="#identifier"或hre

Bootstrap 模态框(Modal)插件

Bootstrap模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能,那么您需要引用modal.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以切换模态框(Modal)插件的隐藏内容:通过data属性:在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置data-target="#identifier"或hre

【uni-app】uniapp如何实现左滑删除以及改造uni-ui中的swiperAction

左滑删除或者置顶之类的功能我们经常要实现,类似于微信的删除聊天框的结构我就不贴图了1-如何在uniapp中实现左滑删除我使用的是uni-ui中的swiperAction不得不说性能还是不错的。大家想自己手动封装这个框架也是可以的,可以下载下来源码看看人家的实现思路,在h5和小程序上主要就是使用touchstart和touchend来监控的插件地址:uni-swipe-action滑动操作-DCloud插件市场文档地址:action文档代码参考:这里演示的是最常用的可以去官网看看其他内容//right-options右滑出现的内容。left-options:左滑出现的内容这里是未滑动之前显示的内

【uni-app】uniapp如何实现左滑删除以及改造uni-ui中的swiperAction

左滑删除或者置顶之类的功能我们经常要实现,类似于微信的删除聊天框的结构我就不贴图了1-如何在uniapp中实现左滑删除我使用的是uni-ui中的swiperAction不得不说性能还是不错的。大家想自己手动封装这个框架也是可以的,可以下载下来源码看看人家的实现思路,在h5和小程序上主要就是使用touchstart和touchend来监控的插件地址:uni-swipe-action滑动操作-DCloud插件市场文档地址:action文档代码参考:这里演示的是最常用的可以去官网看看其他内容//right-options右滑出现的内容。left-options:左滑出现的内容这里是未滑动之前显示的内

【小程序项目开发-- 京东商城】uni-app之商品列表页面 (上)

🤵‍♂️个人主页:@计算机魔术师👨‍💻作者简介:CSDN内容合伙人,全栈领域优质创作者。该文章收录专栏✨2022微信小程序京东商城实战✨文章目录一、前言介绍二、创建goodlist分支(选读*)三、商品列表搜索数据请求四、调取接口获取列表数据五、渲染商品列表页面六、将商品item组件封装为自定义组件七、使用过滤器处理商品价格一、前言介绍主要是有三种方式进入到商品页面商品楼层点击(传参query查询)分类页面点击(传参cid分类)搜索页面点击(传参query查询)添加商品页面编译模式二、创建goodlist分支(选读*)gitcheckout-bgoodlist三、商品列表搜索数据请求商品列表搜

【小程序项目开发-- 京东商城】uni-app之商品列表页面 (上)

🤵‍♂️个人主页:@计算机魔术师👨‍💻作者简介:CSDN内容合伙人,全栈领域优质创作者。该文章收录专栏✨2022微信小程序京东商城实战✨文章目录一、前言介绍二、创建goodlist分支(选读*)三、商品列表搜索数据请求四、调取接口获取列表数据五、渲染商品列表页面六、将商品item组件封装为自定义组件七、使用过滤器处理商品价格一、前言介绍主要是有三种方式进入到商品页面商品楼层点击(传参query查询)分类页面点击(传参cid分类)搜索页面点击(传参query查询)添加商品页面编译模式二、创建goodlist分支(选读*)gitcheckout-bgoodlist三、商品列表搜索数据请求商品列表搜

[uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑

uni.$emit和uni.$on是uniapp自带的跨页面传值  vue父子通讯可以用props this.$emit  这种简单的父子通讯紧适用于页面和组件或者组件之间的传值,他并不适用于页面和页面的互相传值那要实现页面通讯呢,我们一起来看看uni.$emit和uni.$on的使用方法示例:    A页面在onload中使用   uni.$on('自定义名称',function(data){}  接收  data为接收到的值    B页面在事件中 使用   uni.$emit('自定义名称',{属性名称:属性值})并搭配使用 uni.navigateBack跳回A页面   A页面的自定义名

[uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑

uni.$emit和uni.$on是uniapp自带的跨页面传值  vue父子通讯可以用props this.$emit  这种简单的父子通讯紧适用于页面和组件或者组件之间的传值,他并不适用于页面和页面的互相传值那要实现页面通讯呢,我们一起来看看uni.$emit和uni.$on的使用方法示例:    A页面在onload中使用   uni.$on('自定义名称',function(data){}  接收  data为接收到的值    B页面在事件中 使用   uni.$emit('自定义名称',{属性名称:属性值})并搭配使用 uni.navigateBack跳回A页面   A页面的自定义名

uni-app中使用微信一键登录

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、微信一键登录是什么?二、使用步骤1.在onLoad获取用户登录信息code2.编写页面button按钮     3.根据pen-type="getPhoneNumber"获取的用户信息传值给后端总结前言在uni-app中使用微信一键登录分析和操作流程一、微信一键登录是什么?示例:微信一键登录可以获取客户的code,encryptedData,iv进行登录,后端根据appid和secret获取用户信息二、使用步骤1.在onLoad获取用户登录信息code代码如下(示例):uni.login({            

uni-app中使用微信一键登录

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、微信一键登录是什么?二、使用步骤1.在onLoad获取用户登录信息code2.编写页面button按钮     3.根据pen-type="getPhoneNumber"获取的用户信息传值给后端总结前言在uni-app中使用微信一键登录分析和操作流程一、微信一键登录是什么?示例:微信一键登录可以获取客户的code,encryptedData,iv进行登录,后端根据appid和secret获取用户信息二、使用步骤1.在onLoad获取用户登录信息code代码如下(示例):uni.login({