
uniapp
uniapp
ur home
全网同名;希望成为一个有趣的人,创造出有趣的工具;知乎、抖音等平台的文章、视频累计超过亿次阅读和播放。
展开
-
开箱即用 vue-cli4 uniapp Webpack4 移动端框架方案
描述基于vue-cli4.0+Webpack4+thorui-uni+less+请求封装,构建手机端模板脚手架项目地址:githubNode 版本要求本示例 Node.js 14.17.5编辑器建议使用vscode 配合 HBuilder启动项目git clone https://github.com/wz930206/uniapp-ma-template.gitcd uniapp-ma-templatenpm installnpm run...原创 2021-09-03 11:03:03 · 1245 阅读 · 5 评论 -
vue+uniapp配置Eslint+Stylelint+Pettier 统一开发规范
第一步>npm i eslint eslint-plugin-vue -D>npm i babel-eslint eslint-plugin-node -D>npm i stylelint stylelint-config-prettier stylelint-config-standard stylelint-order -D第二步新建.eslintrc.js 文件,极简配置即可。// ESlint 检查配置module.exports = { root: .原创 2021-08-30 14:36:20 · 2594 阅读 · 0 评论 -
uniapp eslint error ‘uni‘ is not defined no-undef
.eslintrc.js 加上 globals: { "swan": "readonly", "wx": "readonly", "uni": "readonly" },原创 2021-08-30 14:19:47 · 6819 阅读 · 0 评论 -
微信小程序如何获取oss存储的json文件
由于小程序包大小的限制,起初考虑把文件放在服务器上,但是考虑后续会持续增加文件,就放在oss上了,如何获取文件呢,很简单uni.request({ url: 'https://xxx.oss-cn-shanghai.aliyuncs.com/data/xx.json', headers: { 'Content-Type': 'application/json' }, success: (res) => { if (res.statusCode === 200) { co.原创 2021-07-19 11:17:31 · 1915 阅读 · 4 评论 -
uniapp markdown最佳渲染方案
使用rich-text、uparse、v-html进行解析时,发现很多格式都不能展示rich-text带有表格的页面展示如图uparse带有表格的页面展示如图v-html带有表格的页面展示如图towxml带有表格的页面展示如图Towxml是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。Towxml官...原创 2021-07-12 16:22:58 · 5260 阅读 · 6 评论 -
uniapp:函数节流和防抖的使用
防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。debounce: function(fun, delay) { return function(args) { let that = this; let _args = args; clearTimeout(fun.id); fun.id = setTimeout(() => { fun.call(that, _args) }, delay) }}节流:规定在一个单位时间内,只能触发一次原创 2021-05-08 11:14:16 · 6638 阅读 · 2 评论 -
uni-app 底部导航栏添加角标或者红点
1. uni.setTabBarStyle(OBJECT)动态设置 tabBar 的整体样式uni.setTabBarBadge({ index: 2, text: '1'})注意:text只接受string类型2. uni.showTabBarRedDot(OBJECT)显示tabBar某一项的右上角的红点。uni.showTabBarRedDot({ index: 2})官方文档...原创 2021-04-28 11:59:26 · 5672 阅读 · 0 评论 -
使用Uniapp开发小程序注意事项
1. 在新增页面之后,需要重新运行小程序,才可生效,点击运行-运行到小程序模拟器-微信开发者工具未完待续原创 2021-04-28 10:59:35 · 432 阅读 · 1 评论 -
小程序实现人脸取景框摄像-uniapp版
此篇幅主要介绍,关于人脸取景框的摄像功能,如何实现及实现代码,以及createCameraContext使用时遇到的坑,使用到的组件有camera、cover-view、cover-image期望效果实现逻辑首先是当做一个页面而不是组件,需要在pages.json中注册(作为组件时有各种坑,目前还没爬出来)接下来就是要劳烦UI小姐姐的地方了,作图和切图最后就是对于createCameraContext对象的了解了具体代码如下<template> <...原创 2021-04-19 14:57:42 · 5631 阅读 · 5 评论 -
Vue + Nestjs 全栈开发,项目实战(三):搭建 Uniapp 项目&模块
本篇幅讲解的是,招聘管理系统-C端求职端-前端项目的架构搭建及模块uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习...原创 2021-04-01 14:53:15 · 1082 阅读 · 6 评论 -
小程序实现身份证取景框拍摄-uniapp版
此篇幅主要介绍,关于身份证取景框拍照,如何实现及实现代码,其他的银行卡取景框等等一些证件就可以照猫画虎了,使用到的组件有camera、cover-view、cover-image期望结果实现逻辑首先是当做一个页面而不是组件,需要在pages.json中注册(作为组件时有各种坑,目前还没爬出来)接下来就是要劳烦UI小姐姐的地方了,作图和切图最后就是处理对拍出来的照片进行旋转展示了(style="{transform:rotateZ(270deg)}")具体代码如下&...原创 2021-01-26 14:52:11 · 8352 阅读 · 12 评论 -
uniapp 中 修改 uni-checkbox 默认样式
uniapp checkbox默认样式是我修改的样式是在App.vue中加上就可以,最外层可是当前页面的最外层class .wrap { /* #ifdef H5 */ uni-checkbox .uni-checkbox-input { border: none !important; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked { color: #FF6903;.原创 2021-01-25 19:20:19 · 2316 阅读 · 3 评论 -
uniapp 中 修改 placeholder默认字体颜色
<input placeholder-class="phcolor" placeholder="请输入" v-model="bankNum"type="number" />class phcolor 放在App.vue中就可以了<style lang="less"> page { background-color: #f5f5f5; } .phcolor { color: #999; font-size: 30rpx; }</style&g..原创 2021-01-19 14:05:55 · 2648 阅读 · 1 评论