最后一瓶可乐-CSDN博客

原创 uni-app实现PDA采集器扫码

1、建议使用nvue开发，体检会非常好，使用uni.preloadPage({url: “/pages/index”})预加载页面，页面的流畅程度会提高非常多，单独vue的写法，打包成安卓体验很不好，模块加载很慢，页面加载的时候明显h5的感觉。2、nvue的样式很不好写，建议使用真机实时观看样式处理。

2023-03-18 09:55:14 1632

ElementUI过渡动画篇element官方提供的过渡动画并不能很好的满足使用。我尝试过几种过渡动画的设置方式，最终选择了Animate.css。一、使用方法？引入引入：npm install animate.css --save然后在mian.js中引入：import animated from 'animate.css'Vue.use(animated)二、使用首先后面中css中使用的animation-name属性是过渡动画名，可以移步 https://www.dowebok

2022-03-04 16:45:43 4838

原创 ElementUI前端页面开发

最近完成了elementui的前端开发，遇到不少问题，包括ui、路由、过度动画、css等等，这两天有时间我会全部列出来，有正在写的新手可以一起互相交流一下。

2022-03-02 11:18:49 705

原创 uni-app开发小程序无需https接口即可上线

云函数的使用使用uniCloud创建云函数，具体使用见官方说明https://uniapp.dcloud.io/uniCloud/quickstart调用方法在开通云函数的时候，uni官方给出两种方案，一种腾讯云，基本与微信小程序的云开发方案类似，腾讯免费的方案一般满足不了使用，特别是云函数的调用，我测试随便使用一下，就1g没了，每个月的用量1000g。因此建议使用阿里云方案，所有功能免费使用，而且竟然没有收费项目，简直爱了。新建云函数在index.js里写下如下代码，就可以通过云函数调用接口了

2021-11-25 11:29:25 1697 3

原创 uni-app实现扫码的几种方式

如果使用小程序，默认就是微信扫码，非常的好用，在安卓和ios，个人倾向推荐华为，但是88的收费，并且只能用在一个程序上，也劝退不少个人开发者。优点：uni.scanCode(OBJECT)就可以直接调用，方便快捷，支持安卓、ios，如果制作小程序，便可以直接转换成微信等官方扫码api。缺点：需要配置阿里云控制台，而且阿里在控制台有初始埋点，第一次使用如果没有关闭，会直接短信通知欠费，不能离线扫码，数据安全性不详。缺点：安卓、ios端识别率非常差，并且扫码耗时很长，很多条件下，无法识别二维码。

2021-10-29 15:03:27 16502 6

原创 uni-app打包安卓和小程序

uni-app打包安卓和小程序uni-app打包安卓注意事项uni-app打包小程序注意事项uni-app打包安卓uni-app打包安卓比较简单，先获取安卓的证书，几分钟就好了。直接点击云打包，就可以了，但是也有几点注意的事项。注意事项点击根目录manifest.json文件，设置安卓的图标及开屏图片APP图标配置建议把图片放在源码包外面，点击浏览，选中图片然后点击自动生成，下面各种大小的的图标会自动生成了，这里注意，图片只能用png格式的，.jpg的直接修改后缀是不可以用的，这里直接去百度

2021-10-10 09:40:54 722 2

原创 u-input改变输入框内的字体样式

编辑uview的组件input由于我的项目背景是蓝色，因此要改变input组件的字体颜色，刚开始我的思路是，直接找到u-input组件的class，但是这样设置的话，会导致所有的input内文字都变成我设置的颜色，综合网上的信息，我的处理方式是这样的。在u-input外包一层view，给view一个class，然后再给input一个class，示例如下<view class="dev-number"><u-input class="input" v-model="form.numb

2021-09-15 15:06:12 12352

原创如何取消edge浏览器最新版，新增标签页的广告呢？

今天我打开edge浏览器，快乐的写我的代码，突然发现，新建标签页的时候竟然这样简直气煞我也，我不允许简洁的生活出现这种事，难道我又要换回谷歌？但是谷歌不能在线备份书签，我已经丢了很多次啦。于是我找到了这个使用edge官方的插件库安装之后，他是这样的可以说是非常的好用！...

2021-08-24 15:08:36 628

原创 uni-app组件推荐之---uView UI

uni-app组件推荐之---uView UIuView UI的使用uView UI的使用官方号称uView UI，是uni-app生态最优秀的UI框架，那我们就小心翼翼的打开官网吧。https://www.uviewui.com/真不错，该款UI配备了八核大内存… 扯远了那么打开了官网，我们该如何使用呢。我们开发的时候只需要下载官方给我模板，在模板基础上，就可以随意引用组件啦。点击右上角的模板按钮，里面就有空白模板的脚手架，还有更换官方底部导航栏的Tabbar组件，总之 ----- 非常的好

2021-08-18 08:26:03 1099 1

原创 uni-app使用封装导航栏

uni-app使用封装导航栏修改pages.json文件，隐藏原生导航栏封装tabBer.js用户id传值调用相应的权限由于uni-app原生导航栏存在很多功能不可以配置，特别是我需要用到根据登录的用户权限，来打开不同用户界面，这里不同就指的是导航栏的部分权限。修改pages.json文件，隐藏原生导航栏这里我们只需要保留原来的list里的路径即可封装tabBer.jsconst tabbarAD= [ // 首页 { // 未点击图标 iconPath: "/static/repo

2021-08-10 17:47:12 584 2

原创 uni-app触发点击事件

uni-app触发点击事件触发点击事件，两种比较简单的情况跳转非导航栏页面跳转底部导航栏触发点击事件，两种比较简单的情况跳转非导航栏页面<view @tap="clickOrder" ></view>//js触发methods: { clickOrder() { uni.navigateTo({ // url: 'test?id=1&name=uniapp' c传递参数 url: "/pages/interactive/ord

2021-08-10 17:07:42 11594

sinat_41772813的博客