
小程序(抖音,微信)
文章平均质量分 57
深入抖音以及微信小程序
开发路上的AZhe
做一个坚定的码农攻克狮
展开
-
小程序打卡日历
小程序日历打卡原创 2022-05-10 18:24:24 · 2130 阅读 · 0 评论 -
小程序:js+css实现瀑布流
效果图:页面:<view class="flow"> <view class="left-flow-item"> <view wx:for="{{leftList}}" wx:key="index"> <image class="img" mode="widthFix" lazy-load="{{true}}" src="{{item.url}}"></image> <view class="titl翻译 2022-01-21 18:33:37 · 384 阅读 · 0 评论 -
使用阿里巴巴的iconfont图片库(下载到本地)
1.登录,选择喜欢的图标加入购物车2.添加至项目3.修改项目设置保存之后:下载至本地->解压代码使用<icon class="iconfont icon-caidan"></icon>效果图:原创 2021-09-11 15:24:51 · 3295 阅读 · 0 评论 -
微信小程序 自定义tabbar
app.json// 需要先定义tabBar页面// “pages” 配置里面也不要忘了"tabBar": { "custom": true, "list": [ { "pagePath": "pages/index/index" }, { "pagePath": "pages/goods/index" }, { "pagePath": "pages/add/index"原创 2021-09-09 18:33:47 · 2138 阅读 · 0 评论 -
小程序之getImageInfo报errMsg:getImageInfo:fail download image fail
错误信息:errMsg:getImageInfo:fail download image fail翻译:errMsg:getImageInfo:fail下载镜像失败这种情况一般有两种:一,域名没在小程序的白名单中也就是download合法域名里面(需要去小程序后台配置)二,第二种就是配置了,但是返回过来的网络图片链接是http的而不是https的,这个也会报这个错误...原创 2021-01-08 15:23:05 · 6684 阅读 · 0 评论 -
小程序音频使用
第一种:在界面创建audio组件,并附一个id属性<!--fileSrc 判断文件路径是否存在 src 音频文件的路径--><view wx:if="{{fileArr.fileSrc}}"> <audio src="{{src}}" id="myAudio"></audio> <button type="primary" bindtap="audioPlay">播放</button> <button type=原创 2020-06-27 22:46:37 · 436 阅读 · 0 评论 -
解决微信小程序IOS部分页面可以左右滑动的问题
page { width:100%; overflow-x:hidden;}原创 2020-05-07 14:53:02 · 2852 阅读 · 1 评论 -
小程序结合腾讯云对象存储
首先需要引入腾讯云的sdk:cos-wx-sdk-v5下载地址:https://gitee.com/azhe2000/publicClassLibrary小程序上传图片的代码就不贴了//懒将下面的代码贴在要用的地方 var cos = new COS({ getAuthorization: function(params, callback) { //获...翻译 2020-03-17 17:20:59 · 822 阅读 · 2 评论 -
微信小程序结合日历判断累计打卡以及连续打卡
利用js生成日历翻译 2019-10-19 10:45:23 · 5691 阅读 · 16 评论 -
微信小程序 下拉刷新
首先需开启下拉刷新动作可以在页面的json中开启 或app.json中开启,在app.json中开启则表示所有页面允许下拉刷新{ "enablePullDownRefresh":true //开启下拉刷新}这里有个小坑,就是刷新的时候弹不回去,或则看不到刷新的那个黑点这里就需要在js中处理了 /** * 页面相关事件处理函数--监听用户下拉动作 */ onP...原创 2019-09-17 15:34:25 · 240 阅读 · 0 评论 -
微信小程序 自定义底部导航栏
自定义底部导航需写一个共用模板: (名称自定义)<template name="nav"> <view class="nav_link" bindtap="{{fn}}"> <button class="defalut_btn {{current==0?'':'on_cor'}}...原创 2019-09-16 15:51:27 · 1900 阅读 · 0 评论 -
微信小程序scroll-view去掉滚动条
只需在app.wxss或者本页的wxss里面加一句:/* 隐藏滚动条 */::-webkit-scrollbar { width: 0; height: 0; color: transparent;}加这个就可以了,但这代表什么意思呢?::-webkit-scrollbar:代表滚动条整体部分参考文档:https://blog.youkuaiyun.com/qq_32067045/a...翻译 2019-07-23 12:32:16 · 368 阅读 · 0 评论 -
微信小程序 form表单提交
上图==》bindsubmit //绑定一个提交事件report-submit //是否返回formId用于发送模板消息模板消息官方解释:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/template-message.htmlform表单官方api:https://developer...翻译 2019-07-12 08:51:58 · 453 阅读 · 0 评论 -
微信小程序 post请求后台无法接收到数据问题(解决)
官方api:https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.htmlheader中的content-type 默认为 application/json 将其改成application/x-www-form-urlencoded就好了application/json:将数据进行 JS...翻译 2019-07-10 14:04:52 · 3563 阅读 · 0 评论 -
微信小程序:预览图片
上图===》我这里是选择哪张图片就对哪张进行预览current:当前显示的图片链接,默认显示urls第一张urls:显示图片链接的列表官方api:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html...原创 2019-07-09 16:34:16 · 216 阅读 · 0 评论 -
微信小程序 点击按钮 底部弹出菜单
页面:js:效果:原创 2019-07-05 14:56:31 · 6276 阅读 · 0 评论 -
微信小程序 wx:if wx:elif wx:else的用法
直接上图===》注意:这里的else if 并不是 elsif 而是elif 注意写法原创 2019-07-05 13:52:43 · 8510 阅读 · 0 评论 -
对[ [ {1,2,3},{4,5,6},{7,8,9} ],[ {5,5,5},{6,6,6},{7,7,7} ],[ {8,8,8},{6,6,6},{9,9,9} ] ]数据格式的解析
解析该数据格式只为页面显示,没有后台代码,但感觉大同小异:使用嵌套循环对最外层数组进行遍历,然后条件判断 youkeindex,在js中已经解析好了的,会显示一个0-4的数字,如果==index就进入第二层循环 item是wx:for自带的,参考原文:https://www.cnblogs.com/cppeterpan/p/7323568.html ,表示为数组当前项的变量名,index表...原创 2019-07-04 11:56:30 · 338 阅读 · 0 评论 -
微信小程序:自定义单选框以及样式并得到该item的指定数据
页面:wx:key:参考原文:https://www.jianshu.com/p/e81d29b01fbejs:new两个对象,一个用于显示等级,一个用于控制icon的样式定义两个数组,循环生成用itemarr数组的长度去循环产生icon样式添加到iconarr数组中,默认第一个为选中状态this_checked:得到页面循环产生的idparamater:得到iconarr数组...原创 2019-07-04 11:05:52 · 1959 阅读 · 0 评论 -
动态添加item以及删除指定item
页面:(点滴记录:页面这里有点类似于当初学的jsp中的jstl语法)wx:for遍历details数组,这个数组中存的是Detail对象,对象中包含了input的值以及img的src路径img的src采用三目运算符,optionsimgone是一张默认的图片路径,如果为真则显示该item指定的图片,反之则显示我默认的图片,id属性为唯一,用来取值js:定义Detail对象,包含页面inp...原创 2019-07-03 11:09:22 · 1362 阅读 · 0 评论 -
抖音小程序的scroll-view的左右滑动
在抖音小程序的scroll-view组件里面使用flex布局直接无效,不像微信小程序的scroll-view,直接给我们提供了一个enable-flex属性让我们可以启用flex布局enable-flex:启用 flexbox 布局。开启后,当前节点声明了 display: flex 就会成为 flex container,并作用于其孩子节点。那么在抖音小程序里面如何实现,看了一下文档(主要是文档里啥都没有,就一个ttml给你,这丫的,不知道代码块里面详细波,主要是懒就导入)发现没有想要的,于是去社区原创 2020-07-11 10:27:12 · 1960 阅读 · 1 评论 -
小程序保存视频到本地并监听下载进度
//下载视频 downLoadFile(e) { console.log("进入下载视频方法") //查看用户授权状态 /*auth.authState这个是封装的授权方法,自己手写一个就好,有授权判断是否为开启状态,无授权就直接 拉起授权询问框,授权成功就直接result返回true,失败就false(我这边是直接返回false, 想感观都好一点可以写一个提示)*/ auth.authState(result => { if (resu原创 2020-12-19 11:08:18 · 1060 阅读 · 1 评论 -
小程序选择城市及右边字母滚动提示
页面:<view class="zeigai" tt:if="{{zeigaiStrat}}" bindtap="hiddenView" > <view class="backGroundColor"> <view class="showtitle flex-end"> <view class="title">选择国家地区</view> <view> <image src="取消的小icon" st..原创 2020-07-23 16:53:40 · 1023 阅读 · 0 评论 -
小程序-----手写字板----------生成本地链接图片
原文链接:https://www.jianshu.com/p/a1341c0d12e8官方文档:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/interface/canvas-draw/canvas-context/上代码:<view>写字版</view><canvas class="sign" canvas-id="sign" bindtouchmove="move" bindtouchs转载 2020-07-17 17:27:32 · 269 阅读 · 0 评论 -
小程序拉起用户地址授权拒绝后,引导用户再次授权
简单封装一下获取用户授权信息,需要在多页面使用,进入小程序检查用户是否已经授权,未授权提示请求获取定位权限,引导用户去设置界面授权,如还未授权就会返回false(每次在页面检查需要用户刷新,如下拉,上拉,显示刷新等)这里因为需要在多页面使用于是使用callback回调函数回调函数是什么:A callback is a function that is passed as an argument to another function and is executed after its parent原创 2020-07-16 12:05:02 · 991 阅读 · 0 评论