随笔分类 - uni-app
摘要：1.前言 个人封装的一系列简单易用的UI组件 2.按钮 支持大小中三种尺寸，支持主题色全局配置，支持常见的状态色 <template> <view :class="['zll-button-wrap', size, disabled? 'disabled':'',type=='text'?'text
阅读全文
摘要：1.前言 功能介绍：提供个性化的展示方案给用户，用户可以选择喜欢的主题色，让App使用该主题色进行渲染 功能实现：主要分为2个模块，一，选择主题色并存储，二，读取选择的主题色，使用该颜色对部分内容进行渲染（导航栏，卡片边框，表格边框，按钮等） 2.选择颜色组件 一般在设置页面进行操作，通过弹窗形式，
阅读全文
摘要：1.前言 PDA扫码是工厂项目中是非常常见的功能，这里记录下工作中的开发思路和模板，仅供参考 PDA扫码模式：模拟输入和广播模式 模拟输入：模拟键盘输入，一般后面会设置追加一个回车，优点是通用型强，缺点是每次扫描前需要先获取焦点，且弹出的软键盘会遮挡页面布局 广播模式：通过底层的广播进行事件驱动，优
阅读全文
摘要：1.全局变量 项目根目录的 uni.scss 文件是uni-app内置的常用样式变量，这个文件会自动引入，开发者可直接引用这个变了 文件默认已经定义了常用的变量，开发者也可以在此基础上继续添加 /* 行为相关颜色 */ $uni-color-primary: #007aff; $uni-color-
阅读全文
摘要：###1.前言 - 作为一个非原生App的开发者，对于手机系统的推送机制了解是是非有限的，只有了解清楚这些机制，后期的开发才会少踩很多坑，本文将对推送机制逻辑进行一个简单的梳理与记录 ###2.推送流程 - 推送流程1.0：后台服务器 -> 推送服务器（第三方） -> 手机App - 推送流程2.0
阅读全文
摘要：###1.基本概念 云数据库：一个云空间只能有一个数据库，一个数据库可以有多个集合（表），每个表可以有多行数据（文档） DB Schema：是基于 JSON 格式定义的数据结构的规范，每个表有多少字段都需要提前定义后才能操作，这个规范文件本地云端各有一份，开发时读取的是本地的，开发完毕记得上传同步
阅读全文
摘要：###1.前言 蓝牙设备扫码的效率要高于手机摄像头 App需要进行对蓝牙扫码枪进行适配才能正常使用蓝牙设备枪，并兼容之前的摄像头扫码 适配的关键在于：扫码枪进行扫码时，需要对其进行事件监听，并拿到条码的值 ###2.注意事项 蓝牙模块是可选项，默认应该是关闭状态，需要时再手动开启 蓝牙模块的运行状态
阅读全文
摘要：###1.UI效果 ###2.操作提示 因为此元素背景色是白色，推荐将页面背景色设置为#f8f8f8 <view class="operation-tip">请扫描设备号</view> .operation-tip{ background-color: #fff; text-align: cente
阅读全文
摘要：1.前言 官方的picker组件不能禁用某个下拉项，所以就有了这个下拉组件 组件只适配了宽屏模式，效果参照element-ui的select组件 demo地址：lianlizhou / ep-select 2.封装思路 此组件使用了字体图标，素材来源于iconfont 组件分为3个部分：输入框容器，
阅读全文
摘要：###1.前言 uniapp中的canvas与HTML中的canvas用法并不同，他的使用文档请参考微信小程序画布 ###2.基本使用 1.准备canvas容器，并为其设置canvas-id和宽高（为了兼容H5，最好把id也一并设置） <canvas id="canvas" canvas-id="c
阅读全文
摘要：###1.前言 uni-app能用的图表插件太少，这是唯一能用，虽然官方声称 傻瓜式 配置，但是在我看来异常繁琐，可选的配置项一大堆统统堆到demo里面，导致上手非常困难。既然踩了坑，我就记录下来。 ###2.基本使用 (1)引入插件 import uCharts from '@/libs/u-ch
阅读全文
摘要：1.fixed定位 在H5中，tabbar，顶部导航栏，系统状态栏（手机信号，电量显示等）包含在内容区，H5在定位时，需要算上这些高度（如果页面中存在这个元素的话） 解决办法：使用条件编译，针对不同的平台设定不同的top值 position: fixed; top:var(--window-top)
阅读全文
摘要：1.前言 也不知道是我水平菜还是文档太烂，这个框架使用的过程中踩了无数的坑，屡次想砸键盘，最后贫穷让我平复了心情。为了纪念这段操蛋的日子，我决定把这些坑都记录下来。 2.数据请求 在实际的项目中，数据请求需要配合一些UI效果，例如请求数据时展示'loading'效果,数据回来后又要取消这种'load
阅读全文
摘要：###1.前言 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 ###2.项目创建 项目创建有两种方式： (1)使用npm创建 (
阅读全文
