uni
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~ 版本信息 HBu ......
前端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 效果图如下： 代码如下： # 百度地图定位组件，显示地图定位，标记点，并显示详细地址 #### 使用 ......
uni-popup 实现可拖动
1、页面 点击head可以拖动弹框 <uni-popup type="bottom" :isMaskClick="false" :contentStyle="contentStyle"> <view class="show-popup"> <view class="uni-dialog-title" ......
<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中 ......
uniapp uni-number-box组件 步长为1，还能输入小数思路分享
正常情况，输入了步长为1，是无法在输入小数的。需求是要能输入一位小数，但如果直接步长设为0.1，又不能按1这样递增，输入数量上用起来肯定很麻烦。 于是我就想了一个折中方法，步长设为：1.01,然后值改变的时候，change事件里，四舍五入，保留一位小数，这样就能实现点击输入框左右的加减 ，页面显示的 ......
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 微信小程序修改checkbox-group样式
uni-checkbox .uni-checkbox-input { border-radius: 50% !important; color: #ffffff !important; } uni-checkbox .uni-checkbox-input.uni-checkbox-input-che ......
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/微信小程序】 添加与胶囊平齐的盒子
添加与胶囊平齐的盒子 <template> <view class="search_box" :style="'margin-top:'+searchBarTop+'px; height:'+searchBarHeight+'px'"> 您好 </view> </template> <script> ......
uni-app进行微信开发，获取微信授权方式
uni-app进行微信开发，获取微信授权方式 created() { this.getOpenId(); }, methods: { getOpenId() { //先判断有没有授权(判断地址栏code，有就-用户同意了授权，没有-没授权或者拒绝授权) let code = this.$route. ......
uniapp脚手架项目抖音小程序中使用了uView框架中的IndexList 索引列表组件报错uni.requireNativePlugin is not a function
解决办法 如果您是vue-cli模式的项目，还需要在项目根目录的vue.config.js文件中进行如下配置： // vue.config.js，如没有此文件则手动创建 module.exports = { transpileDependencies: ['uview-ui'] } ......
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，然后调用上传，把 图片 上传到服务器， ......