uniapp

封装背景 项目有时需要对登录/注册/找回密码这类的页面中的密码输入框右侧的显示/隐藏密码的icon进行自定义，比如不用默认的需要用带有项目特色的icon，或者是由于不同操作环境（安卓和iOS）导致的密

封装原因 项目中有时候会要求文本域获取焦点后改变背景色、添加边框 在获取焦点后如果没有输入内容，那么占位文本不要消失 注意事项 只封装了文本域常用的功能，如果还有其他需求可以进行二次封装 封装代码 页

封装原因 在项目中会出现处理文本展示的需求：内容过多就超过多少行就隐藏，但是需要可以点击展开查看完成内容、可以点击收起完整内容 可选参数 组件参数 说明 可选值 text 展示的文本内容（必传） 字符

介绍 目前适用于微信小程序、App（安卓和iOS） 本文只提供更新思路demo，具体实现方式需要根据实际项目需要更改 小程序 没什么好说的，核心原理就是使用 uni.getUpdateManager(

还是先上图，看效果 封装原因： 使用组件库的步进器的组件时，会遇到 样式与UI设计的不同，不好修改样式 有些比较刁钻的功能，组件可能无法实现，需要我们手动处理，但是改源码比较麻烦 代码 HTML代码

主要思路就是靠swiper组件实现主要思路就是靠swiper组件实现主要思路就是靠swiper组件实现主要思路就是靠swiper组件实现主要思路就是靠swiper组件实现

封装原因 项目中有时候需要使用自定义的头部导航栏，原生的无法满足需求 注意事项 基于uview组件库进行封装的 代码

封装原因 uniapp提供的tabbar样式无法满足产品需求 注意事项 使用自定义底部导航组件,建议在使用的页面中使用以下代码：uni.hideTabBar(); 将pages.json中的tabBa

封装原因 在项目中有时候会需要前端画出一个宣传海报来，这时候就会使用到canvas来制作了 代码 页面使用

``` let { url } = await $signup_export({ practice_id: this.practiceId }); // 上述代码是获取后端返回的文件路径，按实际情况修

安装插件 配置国际化相关文件 1.根目录下创建国际化所需的文件 各文件解释 json文件配置对应的语言 index.js文件负责引入语言文件并进行导出，方便后续main.js调用 main.js文件配

效果 组件属性 属性名 描述 示例 width 组件的宽度 字符串：'300rpx' text 文本内容 字符串：'这是气泡提示' position 箭头在气泡框的位置 字符串：'top-left'，

功能 点击后父组件页面回到顶部 父组件页面滚动的距离大于等于页面的一半时组件显示，否则隐藏 注意点 这组件如果用上了一般都是放在App.vue中的（让程序里的所有页面都用得上），所以基本上一个项目就对

问题复现 解决方法 只需要给input框添加两个属性就解决了 cursor-spacing always-embed 官方文档：https://uniapp.dcloud.net.cn/compone

``` // 获取页面路径以及参数 function getPagePath() { const pages = getCurrentPages(); const currentPage = page

封装原因 项目中会出现像用户拿地理位置信息或其他权限的需求，但是我们无法控制用户的操作，如果用户按要求给了我们相关权限那么项目就可以正常走下去，但是如果用户误触或者点击了拒绝，会导致项目缺少了某些数据

tmplIds为订阅消息的id的集合，例如：['aaaaa','bbbbbbb'] 调用messageSubscriptionAuthorization函数会返回结果，可以根据结果来判断用户是否授权，

参考文章：https://uniapp.dcloud.net.cn/api/system/authentication.html 代码

初始化蓝牙、检查蓝牙是否可用 搜索蓝牙 获取到搜索到的所有蓝牙 连接指定蓝牙 断开蓝牙 给蓝牙发送数据

功能包括 新用户授权登录 老用户直接登录/自动登录 注意：JS中对接的接口需要更换为自己业务的接口、返回值也可能不同，此示例只是提供一个思路