草庐IT

uni-collapse

全部标签

uni-app微信小程序,在页面顶部添加返回按键,返回上一个页面

1.示例:2.实现方式:在page.json文件中的style里添加如下代码:{"path":"pages/noteDisplay/index","style":{"navigationBarTitleText":"畅所欲言", "app-plus":{ "bounce":"none",//关闭窗口回弹效果 "titleNView":{ "buttons":[//原生标题栏按钮配置, { "type":"none", "text":"\u2713", "float":"right" } ] } }}}3.tips:在page.json中的页面顺序就是小程序加载过程中的页面顺序

uniapp 下拉框效果使用 uni-data-select标签

v-model="formData.femMerchantsClassificationId":localdata="range"@change="change">:localdata绑定下拉框内容当下拉框内容调用后端接口时候,写法:data(){ return{range:[],}methods:{category(){            uni.request({               url:“”,               method:'GET',               header:{                  'Authorization':'Beare

uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结

下拉刷新和上拉加载是业务上一个很常见的需求,在微信小程序里,提供了下拉刷新的方法onPullDownRefresh。最近在开发一个微信小程序项目,里面用到了下拉刷新重新加载数据的功能。做完后做了下总结。使用的是uni-app开发的,所以就以uni-app为例。开启下拉刷新1、全局开启下拉刷新在pages.json的页面中“globalStyle”对象里面做全局配置:“enablePullDownRefresh”:true2、局部开启下拉刷新在pages.json的页面中“pages”中的“style”对象里面做配置:“enablePullDownRefresh”:true在实际开发中,推荐使用

#微信小程序# #uni-app# 实现提交表单或登录,需勾选同意协议,才可以进行下一步

一、需求:实现提交表单或登录,需勾选同意协议,才可以进行下一步二、步骤/思路:(1)使用uni-app的组件checkbox-group排出勾选协议版面            确定绑定取消(2)设置一个多选框的数组,绑定在u-checkbox-group里,使用这个数组来进行判断是否勾选了用户协议data(){ return{ treaty:[],}}(3)设置点击事件toBngling(),写入判断this.treaty.length==0; 若没有勾选,那数组的长度就为0,就会弹出需要勾选用户协议的吐司,若已勾选了按钮,那数组的长度就不为0,就可以进行下一步//确定绑定toBngling

Hbuilder创建uni-app项目配置依赖(node-modules)

问题指出:使用Hbuilder创建uni-app项目,下面没有package.json文件,没有这个如何引入依赖?这里我先随便创建一个uni-app项目,项目名字就叫“原始模板”。如图所示,这里是没有package.json这样的配置文件。问题方案我想引入element-UI里面的东西,因为不安装这个依赖,就会报错,找不到相关信息。我也是从网上找一些资料,看的比较乱。我也是自己瞎倒腾,实现的最终效果。如有问题,请大家指正。方法:1:先在main.js里面引入自己需要的模块,我这里引入的是element-UI。importAppfrom‘./App’importAppfrom“element-u

Hbuilder创建uni-app项目配置依赖(node-modules)

问题指出:使用Hbuilder创建uni-app项目,下面没有package.json文件,没有这个如何引入依赖?这里我先随便创建一个uni-app项目,项目名字就叫“原始模板”。如图所示,这里是没有package.json这样的配置文件。问题方案我想引入element-UI里面的东西,因为不安装这个依赖,就会报错,找不到相关信息。我也是从网上找一些资料,看的比较乱。我也是自己瞎倒腾,实现的最终效果。如有问题,请大家指正。方法:1:先在main.js里面引入自己需要的模块,我这里引入的是element-UI。importAppfrom‘./App’importAppfrom“element-u

uni-app--》常用组件的相关介绍

🏍️作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生🛵个人主页:亦世凡华、🛺系列专栏:uni-app🚲座右铭:人生亦可燃烧,亦可腐败,我愿燃烧,耗尽所有光芒。👀引言        ⚓经过web前端的学习,相信大家对于前端开发有了一定深入的了解,今天我开设了uni-app专栏,主要想从移动端开发方向进一步发展,而对于我来说写移动端博文的第二站就是uni-app开发,希望看到我文章的朋友能对你有所帮助。目录uni-app组件概述基础组件视图容器基础内容表单组件媒体组件路由组件扩展组件uni-app组件概述组件是视图层的基本组成单元,是一个单独且可复用的功能模块的封装,每个组件,包括

uni-app--》常用组件的相关介绍

🏍️作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生🛵个人主页:亦世凡华、🛺系列专栏:uni-app🚲座右铭:人生亦可燃烧,亦可腐败,我愿燃烧,耗尽所有光芒。👀引言        ⚓经过web前端的学习,相信大家对于前端开发有了一定深入的了解,今天我开设了uni-app专栏,主要想从移动端开发方向进一步发展,而对于我来说写移动端博文的第二站就是uni-app开发,希望看到我文章的朋友能对你有所帮助。目录uni-app组件概述基础组件视图容器基础内容表单组件媒体组件路由组件扩展组件uni-app组件概述组件是视图层的基本组成单元,是一个单独且可复用的功能模块的封装,每个组件,包括

uni-app小程序实现音频播放,uniapp播放录音,uniapp简单实现播放录音

效果图实现复制到.vue文件即可预览效果template> viewclass="container"> viewstyle="margin-bottom:20px;"> viewclass="audio-time"> text>{{currentTimeStr}}text> view> u-sliderv-model="sliderValue"min="0":max="sliderMax"@change="sliderChangeComplate()">u-slider> viewclass="audio-time"> text>{{timeStr}}te

十、uni-app小程序时间戳

目录1、动态年-月-日-时-分-秒2、定格时间(自动回显且下拉可选)3、可以同时选择日期和时间的选择器4、个性设置时分秒/年月日时分秒/时分秒-时分秒/年月日时分秒-年月日时分秒其他:dateTimePicker文件源码1、动态年-月-日-时-分-秒template> viewclass=""> view>{{dateFormat(date)}}/view> /view>/template>script> exportdefault{ data(){ return{ date:newDate().toISOString(), } }, onLoad(){ le