
小程序学习笔记
记录自学小程序的笔记
红豆O(∩_∩)O
这个作者很懒,什么都没留下…
展开
-
uni-app小程序,将base64图片保存到本地相册
描述在做项目时,通过填写个人信息,生成一个二维码,现在要求将生成的二维码保存到本地,当点击图片上面的“保存到本地"时,就会将图片保存到本地相册里实现过程下面代码中的picUrl是base64格式的,需要将前面的”data:image/png;base64“这一段去掉,才可以使用接下来调用的apisaveBase64Img(){ console.log("picUrl") console.log(this.picUrl)// let base64=this.picUrl.re原创 2021-07-28 17:56:45 · 3574 阅读 · 2 评论 -
uni-app小程序,实现根据中文首字母排序功能
描述:从后端调用接口获取所有热的姓名,将这些名字的首字母排序,然后放到对应字母下面,最终效果图如下:实现过程**总体实现的思路是:**首先调用接口,获取所有员工的姓名以及其他信息,将获取回来的中文名字转换为拼音,这里做的是转为姓名首字母大写的简写格式(比如:“张三” 转为“ZS”)这里只需要名字的第一个字的首字母,使用js的截取功能就能实现,中文转拼音这里我使用的是js-pinyin,将转换好的内容渲染到页面上。1、下载js-pinyin包npm install js-pinyin2、在mai原创 2021-07-28 11:28:18 · 5619 阅读 · 1 评论 -
uni-app实现多图片上传
html <!-- 上传图片 --> <view class="Voice_input"> <text class="Voice_title">上传图片:</text> <view class="Image_box"> <div class="box" v-for="(item,index) in totalImg" :key='index'> //选择图片后回显的图片 <原创 2021-07-15 23:57:04 · 6298 阅读 · 1 评论 -
uni-app实现微信小程序长按拍视频的功能
html<!-- 上传视频 --> <view class="Voice_input"> <text class="Voice_title">上传视频:</text> <view class="" > <view class="video_image"> <view class="video_box" v-for="(item,index) in videoSrc" :key='ind原创 2021-07-15 23:47:21 · 1659 阅读 · 2 评论 -
uniapp微信小程序实现按住说话功能
前端页面布局代码描述:@longpress是uniapp的事件,长按时触发的事件,@touchend事件可以监听松开按钮时触发的是。 <!-- 上传语音 --> <view class="Voice_input audiodiv" > <text class="Voice_title">语音输入:</text> <view class="Voice_Btn"> <!-- <view class="sp原创 2021-07-15 23:36:24 · 4398 阅读 · 1 评论 -
uniapp微信小程序分包
描述本篇文章主要讲解uniapp开发微信小程序时的分包过程。这里使用的案例是工作时的一个项目,这里我分了三个包,分别为:Personal、Property、Community,分别表示小程序tebar对应的三个页面,每个包下面有相应的其他页面。目录结构pages目录下面存放的是三个底部导航栏的页面和登录页面操作进行分包相关的配置。点击mainfest.json文件,接着点击源码试图,然后将添加截图中的代码。2"app-plus": { "optimization": { "s原创 2021-07-15 19:25:14 · 505 阅读 · 0 评论 -
原生微信小程序class绑定
描述:根据后端返回来的数据,判断列表页某一条数据是否置顶,如果置顶,则显示icon小图标,点击置顶消息跳到详情页,在详情页里显示icon和时间。这里对详情页的icon和时间显示位置做讲解,因为我使用的是flex布局,我给每一条数据都设置了justify-content: space-between,但问题是在没有icon的那些数据,使用justify-content: space-between,时间放的位置就在左边了,最终要的效果是无论是否置顶,时间的位置都显示在右边。所以我这里使用到class绑定没原创 2021-06-17 15:23:11 · 935 阅读 · 0 评论