![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
文章平均质量分 60
有关uniapp的使用
進~
前端小菜鸡
展开
-
创建uniapp空项目并引入uViewUI
公司有这方面的需求,以前是用的uview1.0,现在uview2.0出来了当然要重新整理一个空项目了。步骤创建uniapp项目(直接在HBuilder X 中创建)引入uViewUI创建uniapp项目直接创建一个空项目就行了。文件 ==> 新建 ==> 项目 ==> 默认模板引入uView插件市场找到对应插件uView2.0,点击使用HBuilder X导入插件。导入插件后,项目目录会多出uni_modules文件夹。接下来需要我们配置一些东西。具体可以看原创 2022-02-10 19:30:00 · 992 阅读 · 0 评论 -
uniapp文件上传(任意文件,多文件上传)
此处代码只针对APP,如果要针对全端们可以参考这个。https://ext.dcloud.net.cn/plugin?id=5459同样项目需求是这样要求可以在APP上传任意文件,没法啊,硬着头皮搞啊,插件市场找啊,哎~~没一个满足需求的。根据上个链接的启发.自己写一个,当然咱们项目是APP,所以只满足了APP端。重点讲一下几个重点把。webview: 可以了解uniapp的webview和H5+的webview(我用的H5+)webview和uniapp的通信: 如果不用通信可以不考虑这个原创 2021-12-31 18:00:21 · 18387 阅读 · 0 评论 -
获取发布的SHA1和PackageName
我们进入高德开饭平台的控制台后创建新应用,在新应用李点击添加按钮。会弹出如下提示框。此时的需要填写SHA1和PackageName,可根据以下链接进行填写。https://ask.dcloud.net.cn/article/35777...原创 2020-05-08 15:44:57 · 937 阅读 · 0 评论 -
uniapp用Promise封装get和post请求
用Vue开发Web网页,请求都是都会用到axios这个库,axios支持promise。所以就打算在uniapp中封装一个返回Promise对象的get和post请求。HttpUrl 就是固定前缀和axios.defaults.baseURL一样的第三个参数正常来说应该传个header对象,但是项目需求没这么大,所以就直接传了个属性下面两个函数其实就method不一样,还可以封装一个函数传递请求的,这里我就不写了吧。//get请求import app from './main.js'cons原创 2021-10-15 17:41:41 · 1810 阅读 · 1 评论 -
uni-app上传图片(选择,预览,删除图片)
用uni-app做项目时,上传图片的功能需求应该是在正常不过的了。最近有几个项目都有遇到,所以想总结一下。所用到的api都很简单。功能需求功能需求如列表所示,视图展现如图所示,代码如下。点击相框按钮可选择图片上传,点击每一个图片可以进行预览,点击每个图片删除图标可删除对应图片。本地相册选择图片或使用相机拍照上可以预览选择上传的图片删除选错或不选的图片<!--出错了就自己写,不知道复制粘贴对没有--><view>图片上传</view><vie原创 2021-03-09 19:06:40 · 8544 阅读 · 4 评论 -
中文汉字按拼音排序并按字母分类(uniapp indexedList索引列表格式匹配)
最近做uni-app项目,遇到中文排序,使用indexedList组件布局渲染。自己也是查询了很多资料,https://www.cnblogs.com/wteng/p/5658972.html展现了一种方法。但是自己测试怎么也不对,不知道是不是环境问题或者是自己代码写错了。代码如下所示interface Curr { letter: string, data: string[]}function pySegSort(arr: string[]): any[] { let letters:原创 2020-08-11 14:44:55 · 3247 阅读 · 1 评论 -
uniapp 图片缓存
思路:最近遇到项目图片很多导致加载数据很慢,所以想到了缓存图片到本地,然后直接加载本地的图片。具体思路大概就是首先加载本地图片,如果本地图片不存在image组件会调用error事件,error事件中处理两件事。把路径修改为服务器地址的路径将图片保存到本地讲解之前需要了解一下后台返回的图片地址,如图所示。这里我都是直接修改的返回后的Attachment属性。最主要的就是多张图片的路径使用了逗号隔开。三种路径的文件名(形如 2781c620-af5e-4293-b73d-f254e989b9f2.j原创 2020-09-23 17:31:45 · 7969 阅读 · 2 评论 -
uniapp IndexedList索引列表添加搜索框
最近做uniapp项目时,用到了IndexedList索引列表这个组件,但是需要添加一个搜索功能,于是呢我就尝试着在组件上面自己改一下。下面我就简单介绍一下:所需组件其实也就是两个,首先是indexedLIst索引组件,其次就是搜索框组件了,如果你不显麻烦,搜索框组件你可以自己写。这里我用的searchBar搜索栏组件。步骤1. 下载两个组件。最主要是在uni-indexed-list.vue页面中添加搜索框,记得先引入啊。如图所示。import uniSearchBar from '@/co原创 2020-12-10 17:26:00 · 4923 阅读 · 2 评论