微信小程序开发
Kunkun只喝怡宝
Less interests, More interest.
展开
-
微信小程序textarea换行输入的文本,在view中如何换行渲染
当我们在textarea标签中输入的内容是有换行的,存储在数据库中则没有了换行,如果我们希望在前端view标签中渲染的时候也能够原样换行,只需要在view标签中加一个text的子标签就可以了。<view wx:if="{{showText && userInputAnswer}}" class="userAnswer"> <text style="display: block;color: #09BB07;">你的答案:</text> &原创 2022-05-06 10:22:33 · 1997 阅读 · 0 评论 -
微信小程序云开发之调用服务端API删除云数据库集合
在开发者文档中,删除云数据库的集合需要通过调用API来实现。请求需要的三个参数中,access_token可以通过云函数来获取。具体获取步骤可以参考这位博主的文章https://blog.csdn.net/qq_41170983/article/details/115202574写得非常详细。按照这位博主的步骤写完获取access_token的云函数后,在js中只需要调用云函数,然后调用API删除集合即可。//调用云函数获取access_token wx.cloud.callFunctio原创 2022-03-28 16:55:07 · 1215 阅读 · 0 评论 -
微信小程序 延时执行 延时跳转
在微信小程序开发中,经常会遇到这样的需求:当用户操作后,我们需要先提醒用户操作成功,然后再进行页面跳转,这时候我们就需要用到setTimeout()来实现。success(res){ wx.showToast({ title: '修改成功', icon:'success', duration:1500 }) setTimeout( function(){ //注原创 2022-03-27 09:28:36 · 3221 阅读 · 0 评论 -
微信小程序 向左滑动显示(删除、修改)按钮
原理就是上下两个盒子,当上面的盒子向左滑动时显示出下面的盒子。效果展示:直接上代码,注释应该写的挺清楚的。wxml <view class="list-item" wx:for="{{list}}" wx:key="id"> <view class="item-btns"> <image class="update" src="/icons/修改.png" bindtap="update"></image>原创 2022-03-26 13:46:55 · 4117 阅读 · 6 评论 -
微信小程序 Setting data field “icon_src“ to undefined
在微信小程序云开发中,如果我们从数据库中查询的结果只有一条数据的话,在js中赋值的时候一定要给res.data[0]加上下标0,否则就会出现无法赋值的情况。js代码wx.cloud.database().collection('iconAndColor').get().then(res=>{ console.log(res.data) this.setData({ icon_src:res.data[0].iconSrc, color_va原创 2022-03-24 10:33:06 · 1597 阅读 · 1 评论 -
微信小程序给button设置宽高(wxss中设置button宽度不生效)并让文字居中
在开发微信小程序过程中,如果想给button按钮自定义宽的话,在wxss中设置是没有效果的,只设置高会有效果。比如wxml<button class="btn">只喝怡宝</button>wxss.btn{ margin-top: 30rpx; width: 400rpx; height: 200rpx;}效果就是这样的,只有高度生效如果想要宽度也生效的话,就需要在button标签设置style属性<button class="btn" st原创 2022-03-14 17:24:19 · 6996 阅读 · 4 评论 -
微信小程序如通过判断动态决定button是否禁用
1. 效果演示试了一下上传不了视频。。。2. 原理原理就是给button的disabled属性绑定数据,然后通过给input绑定点击事件,判断输入框输入值的长度来动态改变disabled的属性,以及button的背景颜色。3. 代码wxml代码<!--pages/sendSms/sendSms.wxml--><view class="send_sms"> <input type="number" class="phone" placeholder="请输入手机原创 2022-03-13 17:15:16 · 3202 阅读 · 0 评论 -
微信小程序去掉button的边框
首先要确保button的样式不要镂空,也就是plain属性值不能为true,否则样式不能生效。如果不想要背景颜色就在wxss中自定义白色的背景颜色。然后用类名::after{border:none}.phonenumber_login{ background-color: #fff;}.phonenumber_login::after{ border: none;}就可以去掉边框了...原创 2022-03-12 10:40:41 · 424 阅读 · 0 评论 -
微信小程序将自定义组件获取的值传递给页面
例如,在页面中的搜索框是自定义的组件,现在用户在搜索框中输入内容,然后我需要将该内容从组件从传递给页面。第一步,给组件的input框绑定一个点击事件第二步,在组件js中获取用户输入的值第三步,给页面组件标签绑定一个点击事件第四步,组件向页面传值第五步,页面获取传递的值...原创 2022-03-09 10:44:00 · 1873 阅读 · 0 评论 -
微信小程序云开发查询(显示)数据库集合的指定字段
在小程序云开发中,如果我们对于查询到的集合只需要某条记录的某个字段值的话,可以这样实现:res.data[第几条记录].字段名原创 2022-03-08 13:54:15 · 3553 阅读 · 1 评论 -
点击一个组件隐藏另外一个组件
组件的隐藏和显示通过display:none/block来控制首先给要隐藏的组件添加一个三元表达式的来切换组件的类wxml代码:<input class="{{showInput?'show':'hide'}}" type="text" placeholder="请输入简要描述"/>wxss代码:.show{ display: block;}.hide{ display: none;}js代码:data:{ showInput:true }, b原创 2022-03-07 19:32:51 · 319 阅读 · 0 评论 -
集合中有添加记录,但是前端查询结果为0
在云控制台中手动给集合添加了数据,但是前端却查询不到数据,是因为手动添加的记录没有_openid,前端查询结果为空。要在前端通过db.collection().add()添加的记录就可以被查询出来。原创 2022-03-07 19:14:39 · 190 阅读 · 0 评论 -
微信小程序云函数安装wx-server-sdk依赖
1. 如何判断是否已安装wx-server-sdk依赖创建一个云函数,检查云函数目录,如果是以下目录则成功安装依赖。如果只有这三个目录则是未安装依赖,则继续以下步骤。2. 检查是否安装 Node.js因为云函数的运行环境是 Node.js,因此在本地安装依赖时务必保证已安装 Node.jsWindows+R 后输入 cmd 命令然后输入出现版本号则是已安装,若没有安装则在本网址https://nodejs.org/en/ 进行下载安装3. 安装 wx-server-sdk 依赖在终端原创 2022-03-07 15:13:40 · 7682 阅读 · 1 评论