小程序
kjs_pass
这个作者很懒,什么都没留下…
展开
-
微信小程序中position:fixed;bottom:0,在iphoneX中被遮住的问题
问题的描述:env() 和 constant()iOS11 新增特性,Webkit 的一个 CSS 函数,用于设定安全区域与边界的距离,有四个预定义的变量:safe-area-inset-left:安全区域距离左边边界距离safe-area-inset-right:安全区域距离右边边界距离safe-area-inset-top:安全区域距离顶部边界距离safe-area-inset-bottom:安全区域距离底部边界距离可以通过加内边距 padding 扩展高度:padding-bo原创 2021-10-19 14:16:12 · 2395 阅读 · 0 评论 -
微信小程序隐藏的滚动条
代码如下:::-webkit-scrollbar { width: 0; height: 0; color: transparent;}原创 2021-08-16 14:37:23 · 112 阅读 · 0 评论 -
小程序上传微信聊天图片
wx.chooseMessageFile({ count: 1, type: 'image', success (res) { // tempFilePath可以作为img标签的src属性显示图片 const tempFilePaths = res.tempFiles }})参考链接原创 2021-08-10 16:00:58 · 243 阅读 · 0 评论 -
uniapp的websocket的使用
1、websocket的封装uniapp获取websocket返回来的数据可以采用Vuex进行存储class websocketUtil { constructor(url, time) { /* url 是请求的后端的地址 time 是心跳包的时间 */ this.is_open_socket = false //避免重复连接 this.url = url //地址 this.data = null //心跳检测 this.timeout =原创 2021-08-03 20:47:20 · 3914 阅读 · 2 评论 -
小程序实现图片上传和拖拽
html代码如下:<movable-area style="height:100vh;width: 100%;"><view class="list"><view class="item" wx:for="{{imgList}}" wx:for-item="item"wx:key="{{item.id}}"data-index="{{index}}"data-item="{{item}}"bindtouchstart="touchstart"bindtouc原创 2021-08-02 17:44:09 · 266 阅读 · 0 评论 -
小程序实现区域数据滑动
小程序代码:/*moreX X轴移动距离moreY Y轴移动的距离*/ <movable-area style="height: auto; width: 100%"> <movable-view :x="moreX" :y="moreY" direction="all" :damping="5000" :fr原创 2021-08-02 14:39:00 · 313 阅读 · 0 评论 -
图片高度自适应
添加属性 mode=“widthFix”原创 2021-07-23 11:20:10 · 86 阅读 · 0 评论 -
如何控制小程序的tabBar的显示和隐藏
1、使用wx.hideTabBar() 方法隐藏tabBar2、使用wx.showTabBar() 方法显示tabBar参考文档原创 2021-07-12 11:11:29 · 2649 阅读 · 0 评论 -
关闭小程序
1、想关闭小程序链接使用标签:<navigator open-type="exit" target="miniProgram">关闭小程序</navigator>原创 2021-07-12 10:38:31 · 490 阅读 · 1 评论 -
PC端微信使用openDocumen无法下载xlsx处理
1、getSystemInfo判断类型,是windows或mac wx.getSystemInfo({ success (res) { if (res.platform === 'windows' || res.platform === 'mac') { wx.saveFileToDisk({ filePath, success (res) { }, fail () {原创 2021-06-07 15:24:00 · 503 阅读 · 0 评论 -
小程序引入iconfont多色图标
1、登录阿里图标库网址2、将下载的文件进行解压,命名为iconfont3、全局安装npm install -g iconfont-tools4、运行命令行: iconfont-tools,如下图所示5、将iconfont-weapp-icon.wxss(默认生成的文件名字)放入到小程序的项目文件夹下注意:由于使用多色的图标,是图片,所以支持图片的样式;不在是字体,不支持修改颜色...原创 2021-05-24 11:37:46 · 423 阅读 · 0 评论 -
nodejs做小程序一键获取手机号码
1、先去微信公众号官网下载解密算法微信官网2、进行解压,选择你要用来解密的语言3、在nodejs文件下,引入WXBizDataCrypt.js文件4、通过微信的openType="getPhoneNumber"电仪获取手机号码,现获取到iv, encryptedData,的值 <button openType="getPhoneNumber" @getphonenumber="getMobile">一键获取手机号</button>5、通过微信提供wx.login获原创 2020-11-24 11:30:59 · 1974 阅读 · 2 评论 -
小程序获取地理位置授权的封装
小程序用户取消第一次授权后,再次调用授权的方法封装,代码如下所示:第一授权获取的信息和把城市区,代码如下所示:wx.chooseLocation({success (res) {const { address, latitude, longitude, name } = resconst reg = /.+?(省|市|自治区|自治州|县|区)/g;const data = address.match(reg)console.log(data);},fail (err) {}})再次授原创 2021-08-03 20:02:45 · 546 阅读 · 0 评论 -
小程序苹果手机获取地理位置
小程序怎么处理苹果手机获取授权定位问题?需要在小程序的app.json中加入 permission: { ‘scope.userLocation’: { ‘desc’: ‘"x"需要获取你的地理位置’ } },就饿可以实现在小程序中支持苹果手机获取授权定位的获取位置授权如下图所示:...原创 2020-11-16 10:14:42 · 1107 阅读 · 0 评论