随笔分类 -  微信小程序

小程序隐藏scroll-view滚动条的方法
摘要：在wxss文件上加上 ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; } 阅读全文
posted @ 2020-04-29 08:49 J__F 阅读(2554) 评论(0) 推荐(0)
云函数调用云函数 openid不存在
摘要：最近发现了一个问题 就是我使用云函数调用云函数的时候,将openid存入数据库发现为空,怎么回事呢,一查, 原来是这样 还是没有仔细看文档的错啊 阅读全文
posted @ 2020-04-23 11:36 J__F 阅读(794) 评论(0) 推荐(0)
微信小程序 switch
摘要：微信小程序 switch 组件 的大小调整方法: 加上 zoom:数值 ==>数值在0到1之间 阅读全文
posted @ 2020-04-16 21:35 J__F 阅读(340) 评论(0) 推荐(0)
使用云开发
摘要：微信小程序提供了云开发功能 云函数:一个运行在云端的函数. 使用: 先新建云函数 在project.config.json文件中加上 "cloudfunctionRoot": "./文件名" 然后添加云函数 在云函数的index.js文件中 cloud.init({ env: '环境id' }) 记 阅读全文
posted @ 2020-04-14 14:19 J__F 阅读(202) 评论(0) 推荐(0)
微信小程序 的 openid,appid,unionid
摘要：openid: 用户在同一个小程序下的唯一表示，即同一个用户在不同的小程序下的openid是不同的 appid 小程序唯一凭证，即 AppID，每个小程序都有自己的一个appid unionid 如果开发者拥有多个移动应用、网站应用、和公众帐号（包括小程序），可通过 UnionID 来区分用户的唯一 阅读全文
posted @ 2020-04-14 13:34 J__F 阅读(1331) 评论(0) 推荐(0)
wx小程序 组件无法使用全局样式 (app.wxss)
摘要：解决方法: 在组件中加上options选项 Component({ options: { addGlobalClass: true } }) 阅读全文
posted @ 2020-04-09 17:12 J__F 阅读(2048) 评论(0) 推荐(0)
微信小程序 组件
摘要：今天学习一下微信小程序的组件. 官网上解释地也很清楚了. 首先创建一个组件, 右键->新建component 新建的josn文件是这样的 { "component": true, >组件,表示当前内容组件 "usingComponents": {} --使用组件 } 而js文件呢: Componen 阅读全文
posted @ 2020-04-09 14:27 J__F 阅读(168) 评论(0) 推荐(0)
px 转化 为 rpx
摘要：小程序 的 px 转化为rpx 在 获取 屏幕高度 后 ,这个单位是px ,可是我的项目是用rpx,所以这里就涉及一个转化的公式了 1rpx = 750 / 设备屏幕宽度 所以 wx.getSystemInfo({ success:function (res) { console.log(res.w 阅读全文
posted @ 2020-04-04 21:59 J__F 阅读(4432) 评论(0) 推荐(0)
满屏 背景图
摘要：wxss中 page{ width:100%; height:100vh; background-image:url("转码 base64") background-size: cover; background-repeat: no-repeat; } 这样可以满屏 可是!!! 当内容过多 即屏幕 阅读全文
posted @ 2020-04-03 13:22 J__F 阅读(148) 评论(0) 推荐(0)
文字与图片对齐
摘要：1. 图片设置 vertical-align: text-bottom; 2. 利用flex布局 display: flex; align-items: center; 阅读全文
posted @ 2020-01-17 11:26 J__F 阅读(171) 评论(0) 推荐(0)
微信小程序url乱码
摘要：原因JSON.parse无法识别某些url中的特殊字符，所以报错 mistakes.js中 nextBtn:function(){ var nextData = this.data.dataNextInfo; console.log(nextData.pop()); var nextDatas = 阅读全文
posted @ 2020-01-16 14:55 J__F 阅读(893) 评论(0) 推荐(0)
微信小程序回到顶部的两种方式
摘要：https://blog.csdn.net/sxs1995/article/details/80091924 阅读全文
posted @ 2020-01-16 11:36 J__F 阅读(254) 评论(0) 推荐(0)
微信小程序解决view文本文字过多溢出问题
摘要：单行: overflow:hidden; //超出一行文字自动隐藏 text-overflow:ellipsis;//文字隐藏后添加省略号 white-space:nowrap; //强制不换行 多行: display: -webkit-box;//盒子类型 word-break: break-al 阅读全文
posted @ 2020-01-16 11:28 J__F 阅读(4224) 评论(0) 推荐(1)