![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp混合开发
文章平均质量分 71
别忘了微笑_cuicui
这个作者很懒,什么都没留下…
展开
-
推荐几款适用于uniapp开发【全端支持】的UI框架,方便开发
1、uview https://www.uviewui.com/尤其针对底部tabbar动态显示,给出了优化方案,采用还是原生得tabbar基础组件:表单组件:数据组件:反馈组件:布局组件:导航组件:其他组件:2、Thor UI组件库 https://thorui.cn/doc/组件列表:3、 GraceUI http://grace.hcoder.net/manual/info/167-110.html组件列表:...原创 2020-08-31 10:47:12 · 22553 阅读 · 5 评论 -
uniapp之复选框支持全选,多选,反选
具体效果图如下:官方给出的https://uniapp.dcloud.io/component/checkbox是不能直接实现全选,反选,功能的。需要在逻辑中进行转化。下面我们一起来看看实现的过程:首先声明一下,顶部的搜索框及新增按钮是封装在一个公共组件里边,如果需要复制代码,可以忽略此部分。数据定义部分:data() { return { all:'aa', isAllSelected: true, // 是否全部被选中 checkedList :[], // 默认选中的值原创 2020-08-27 08:58:47 · 12421 阅读 · 11 评论 -
uniapp使用指纹识别功能,异常温馨提示(2种方式,官方api验证或用plus.fingerprint进行验证)
要使用指纹识别功能需要具备条件:1、确认当前设备环境是否支持指纹识别,2、当前设备是否设置密码锁屏,3、当前设备是否已经录入指纹。使用官方api,省略第二步。方式一: 官方api方法App端自2.3.8版本起开始支持生物认证,更低版本或想使用指纹功能,可以采用方式二,或者去插件市场官方api链接: https://uniapp.dcloud.io/api/system/authentication实现方式:第一步:uni.checkIsSupportSoterAuthentication:原创 2020-08-26 12:22:38 · 4018 阅读 · 13 评论 -
uniapp之界面顶部放入扫描按钮及调用方法
扫描按钮的图标可以去阿里图标库进行选择然后使用。1、 选择下载至本地然后解压2、将ttf文件复制一份,放在static文件下;3、在page.json文件下配置 { "path" : "pages/tabBar/index/index", "style" : { "navigationBa...原创 2019-11-25 10:39:45 · 2438 阅读 · 0 评论 -
uniapp之h5反向代理设置踩坑,解决跨域问题
uniapp可以适应多个平台开发,你会发现在HBuilderX上的内置浏览器上调接口,没问题;在小程序中,也没问题;连接手机联调也没问题;但是用浏览器比如谷歌浏览器,你会发现接口调不通,报了一个错,就是跨域问题CORS。一般遇到这个问题,我们首先想到的是后台有没有进行设置允许跨域当后台设置允许跨域之后,前端h5需要进行设置反向代理才能解决这个问题。在manifest.json文件中...原创 2019-11-06 10:40:31 · 12458 阅读 · 13 评论 -
uniapp之封装横向进度条
主要是针对投票详情这个需求进行封装,uniapp官方实例中没有进度条;如果不需要显示总数(总票数,可以不绑定这个字段值);效果图如下:下面看一下实现的代码部分。1 、在comonents文件下创建一个uni-progress.vue的文件<template> <view class="uni-progress-box"> <...原创 2019-11-01 09:36:23 · 4608 阅读 · 4 评论 -
uniapp之自定义弹窗(允许插入可编辑表单)
uniapp自带的模态框,不支持content部分插入可编辑的表单元素,这一点比较局限。首先看一下实现的效果图,再进一步附上源码加讲解。1、编写公共的模态框组件,在components文件下创建一个文件叫uni-dialog.vue的文件 <!-- 模态框公共部分界面 --><template> <view v-if="showPopup"...原创 2019-10-28 15:56:40 · 17598 阅读 · 1 评论 -
uniapp之封装公共的搜索控件
为了增加代码的复用性,多次重复的效果图如下:1、在componts文件夹下创建一个uni-search.vue的文件 <template> <view class="uni-searchbar"> <view class="uni-searchbar-form__box"> <uni...原创 2019-10-27 21:03:24 · 46841 阅读 · 1 评论 -
uniapp之上拉、下拉临界点的监听(当前界面,或部分视图)-------生命周期函数的运用,或scroll-view 的运用
// 组件嵌套方式的上拉,下拉触碰(当前界面只对部分视图进行滚动)<scroll-view style="height: 450upx;" class="scroll-v list" @scrolltoupper="pullDown" enableBackToTop="true" scroll-y @scrolltolower=...原创 2019-10-27 20:52:13 · 3045 阅读 · 0 评论 -
uniapp之封装一个公共的带token的请求方法
1 创建一个文件名为config.jsconst baseurl = 'http://xxx:9090/'; //公共接口请求地址export default baseurl;2 在登录接口返回数据的那步,将token存进缓存中 // 存储token uni.setStorage({ ...原创 2019-10-25 17:03:19 · 16640 阅读 · 5 评论