uni-app
前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066
#### 前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下：  export const BASE_URL = 'http://xxx.xxx.xx.xxx:xxxx/'; export const http = (options) => { return new Promise((resolve, rejec ......
uni-app开启消息通知
场景：uni-app开启移动app，如果用户没开启消息通知提示开启因为uni-app升级到androidx，之前的android.support.v4.app.NotificationManagerCompat 已经找不到了，androidx中采用androidx.core.app.Notifica ......
uni-app简单通用Request网络请求 支持请求成功 失败回调
uni-app简单通用Request网络请求 支持请求成功 失败回调; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12794 效果图如下: 实现代码如下: # 非常简单通用Request网络请求 支持请求成功 失败回调 ## ......
前端vue uni-app多图片上传组件，支持单个文件，多个文件上传 步骤条step使用
快速实现多图片上传组件，支持单个文件，多个文件上传 步骤条step使用; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12747 效果图如下: 代码如下： # 多图片上传组件，支持单个文件，多个文件上传 支持图片压缩 #### ......
uni-app基于原生input增强选择picker插件 可用于地图定位选位置 页面跳转选数据
前端基于原生input增强选择picker插件 可用于地图定位选位置 页面跳转选数据, 下载完整代码请访问uni-app插件市场地址: https://ext.dcloud.net.cn/plugin?id=12831 效果图如下: # 基于uni-app原生input增强选择picker插件 可用 ......
前端vue uni-app基于uQRCode封装简单快速实用全端二维码生成插件
快速实现基于uQRCode封装简单快速实用全端二维码生成插件; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12677 效果图如下： 代码如下：# 基于uQRCode封装简单快速实用全端二维码生成插件 #### 使用方法 `` ......
前端vue uni-app宫格组件提供常见九宫格菜单组件，扩充性好，可切换四宫格 九宫格 十二宫格
快速实现vue uni-app宫格组件提供常见九宫格菜单组件，扩充性好，可切换四宫格 九宫格 十二宫格; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12680 效果图如下： 代码如下# 宫格组件提供常见九宫格菜单组件，扩充性 ......
前端vue uni-app列表组件 list组件,简单好用
快速实现uni-app列表组件 list组件,简单好用; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12675 效果图如下： #### 使用方法 ```使用方法 <!-- proList: 条目数组数据 goProDetai ......
前端vue uni-app百度地图定位组件，显示地图定位，标记点，并显示详细地址
快速实现前端百度地图定位组件，显示地图定位，标记点，并显示详细地址; 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=12677 效果图如下： 代码如下： # 百度地图定位组件，显示地图定位，标记点，并显示详细地址 #### 使用 ......
<img>标签没有mode属性（微信小程序和uni-app有mode扩展属性） <img>如何使图片等比自适应，
```plaintext **在HTML标准中，标签没有mode属性**。标签的主要作用是在HTML页面中插入图像，它有一些常用的属性，例如src、width、height、alt等。 但是，在一些前端框架中，例如**微信小程序和uni-app，标签被扩展了一些属性，其中就包括了mode属性。**在 ......
uni-app笔记
# uni-app笔记 `uni-app` 使用vue的语法+小程序的标签和API 所有组件与属性名都是小写，单词之间以连字符`-`连接 每个vue文件的根节点必须为 ``，且这个 `` 下只能且必须有一个根 `` 组件 view==div ```tsx ``` 在computed/methods中 ......
uni-app中微信小程序跳转到另一个微信小程序
如下图所示，一个小程序跳转到另一个小程序， 在要跳转到ATS中登录小程序后端，获取到小程序的APPID，这个APPId要配置到uni-app的manifest.json中配置下， /* 小程序特有相关 */ "mp-weixin" : { "appid" : "本小程序的APPID", "setti ......
Uni-app 封装 API 请求
## 一、在文件夹 API 下创建 api.js ```javascript const BASE_URL = ""; // 封装请求方法 const request = (url, method, data) => { wx.showLoading({ title: '加载中' // 数据请求前l ......
uni-app图片剪切上传;uview2用使用uview1中的图片剪切上传组件，把原有代码抽取出来
1.其实是个组件页面，移过来就行了。 2.原有组件中，可视区域和截图结果区域的长宽是一样的，所以需要调整一下； 3.因为剪切图片，是在一个单独页面实现的.所以pages.json中需要加上剪切的页面路径; pages.json { "path": "components/u-avatar-cropp ......
uni-app实现公众号登陆实现
公众号实现登陆流程思路： 1. 创建一个页面用于登陆，页面上需要有输入账号和密码的表单，以及登陆按钮。2. 在登陆按钮的点击事件中，调用后端接口进行账号密码校验。如果校验通过，则将后端返回的用户信息保存在本地存储中。3. 在需要使用用户信息的页面中，可以通过 uni.getStorageSync 方 ......
uni-app进行微信开发，获取微信授权方式
uni-app进行微信开发，获取微信授权方式 created() { this.getOpenId(); }, methods: { getOpenId() { //先判断有没有授权(判断地址栏code，有就-用户同意了授权，没有-没授权或者拒绝授权) let code = this.$route. ......
uni-app使用总结
简述 uni-app 是一个基于 Vue 的前端开发框架。同时它整合了 H5+、各大主流厂商小程序、Weex 等规范及特性，致力于用户通过最低成本(一套代码)开发出兼容 Web、IOS、Android 以及各种小程序的跨平台前端应用。 从 DCloud 官网我们可以了解到，官方不只提供了 uni-a ......
uni-app中使用uCharts图表设置横向滚动无法滑动。
opts: { color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"], padding: [15,10,0,0], enableScroll: true, ......
uni-app引用echarts
官网：https://uniapp.dcloud.net.cn/tutorial/renderjs.html#%E7%A4%BA%E4%BE%8B 使用renderjs 引入echarts （不支持小程序【支持app和H5】） 官网例子：https://ext.dcloud.net.cn/plugi ......
uni-app 无法清空input，即无法刷新 UI
<input :value="inputValue" @input="handleInput" @clear="handleClickClear"/> handleInput ({detail}) { // 没有这一行会导致第二次无法清空 input this.inputValue = detail ......
【uni-app】【02】请求域名的全局配置。
关于uni-app的请求问题，可以访问官方文档 https://uniapp.dcloud.net.cn/api/request/request.html 值得注意的一个点就是全局配置域名的问题。 因为本地测试是localhost，但是实际部署前后端分离的，域名就不是localhost了，端口号什么 ......
uni-app 踩坑之旅4
又是踩坑的一天，今天来处理一下富文本： https://uniapp.dcloud.net.cn/component/editor.html 直接用的内置的，修修改改： 除了把字体和背景扩展了下，其他的都原生的： 图片底层走的是 uni.chooseImage，然后调用上传，把 图片 上传到服务器， ......
【uni-app】【01】底部导航栏与页面切换
1.（配置文件在哪）uni-app 路由控制是在 pages.json文件中的。 2.（基本配置项有哪些）初学的时候主要有三个配置项，①pages ② globalStyle ③ tabbar [!TOC] 接下来主要是对这三个配置项做一个简单介绍。 pages 负责页面管理。不需要自己写的，你在项 ......
uni-app 页面传值 tabbar切换
场景：tabbar页面是展示一个列表，页面中有一个搜索按钮，点击按钮进入搜索页面，输入字段以后返回tabbar页面展示相应的搜索结果，切换tabbar页面后搜索条件置空 方案1：使用navigateTo 跳转传值 坑1：因为搜索页要跳转的是tabbar页面，不能直接使用navigateTo 跳转，只 ......
uni-app列表页的实现，下拉翻页，思路也适用其他手机端，h5和小程序等
pc端的列表页面，通常有个页码，一页页的加载数据。 手机端的页面就不能这么做了，通常是需要用户滚动页面，到最底部时，加载下一页的数据。 页面上元素有：搜索框、for列表、无数据。 定义变量：搜索输入值searchValue、列表数组list、页码page、是否无更多notMore、是否显示无数据sh ......
顶象uni-app版设备指纹上线，满足企业多平台服务需求
某旅游公司，在短视频平台上发布了自己的小程序服务。用户观看精彩旅游直播或视频时，可以转到视频平台的小程序上查阅详细路线套餐。该旅游公司想详细了解来访者的更多情况，以便于进行深度营销，为用户提供个性化服务。经过多番比较，他们选用了顶象uni-app版设备指纹。 顶象uni-app版设备指纹，通过用户上 ......
uni-app 踩坑之旅3
接下来记录下相关使用细节： 1、为了方便直接选用 uview ui框架使用，为了配合 vue3，项目引入 uview-plus ~ 2、顶部导航条，使用 u-tabs: 3、图片轮播，u-swiper 4、可滑动屏幕，scroll-view 计算滚动区域高度： return { navHeight: ......
uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性
web-view是什么 web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面？有什么好处呢？ ......