底部uniapp
uniapp项目迁移至vue cli
目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
element-ui中的el-table底部固定指定行
1，固定一行合计的情况 https://element.eleme.cn/#/zh-CN/component/table 直接使用官方文档上的summary-method 2，固定指定行或者多行 使用样式去固定 例子：(计算列表数据的平均值，最大值，最小值并固定底部) 1，计算数据的值 protec ......
【UniApp】-uni-app-自定义组件
前言 经过上个章节的介绍，大家可以了解到 uni-app-网络请求的基本使用方法 那本章节来给大家介绍一下 uni-app-自定义组件 的基本使用方法 原本打算是直接写项目的，在写项目之前还有个内容需要我在码一篇文章，所以就先码这篇文章了 本章节的内容比较简单，大家可以快速的过一遍，然后在项目中使用 ......
C++ Qt开发：StatusBar底部状态栏组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStatusBar`底部状态栏组件的常用方法及灵活运用。`QStatusBar` 是 Qt 中用于在主窗口底部... ......
uniapp开发——未登录登录失效页面登录后页面回调的处理
刚开始默认沿用了前边小程序的做法，即在单击事件或者onHide函数中缓存标识，onShow中读取标识，对必要的业务逻辑进行重新请求。具体代码如下： 微信小程序登录后页面回调的处理方案： 1.缓存回调刷新标识： 单击事件中设置： methods:{ onSubmit(){ this.setData({ ......
uniapp app安卓、ios文件选择 (上传pdf word video img )等
1、hybrid 必须放在项目根目录下，不然会调用失效：如图 2、建立nvue 子窗体 代码： 1 <template> 2 <view class="nvue"> 3 <text class="popup-item" @click="clickfun">选择文件</text> 4 <text cl ......
uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决
问题代码如图 bug原因 建了vue2版本和vue3版本的uniapp分别测试，vue3版本的scroll-view存在scroll-into-view不生效的问题，目前未修复（23.12.20） 解决方法，换了个思路，如图 思路：获取当前选中元素的left值，并动态绑定给scroll-left实现 ......
【UniApp】-uni-app-网络请求
前言 经过上个章节的介绍，大家可以了解到 uni-app-pinia存储数据的基本使用方法 那本章节来给大家介绍一下 uni-app-网络请求 的基本使用方法 步入正题 首先我们打开官方文档，我先带着大家看一下官方文档的介绍：https://uniapp.dcloud.net.cn/api/requ ......
uniapp之scroll-view添加自定义刷新
自定义scroll-view 下拉及复位 来自：https://ask.dcloud.net.cn/question/176935 <template> <view class="action"> <scroll-view scroll-y :style="'height:'+listHeight+ ......
css适配ios状态栏和IOS底部安全区域的样式代码记录
safe-area-inset-left: 安全区域距离左边界的距离safe-area-inset-right: 安全区域距离右边界的距离safe-area-inset-top: 安全区域距离顶部边界的距离safe-area-inset-bottom: 安全区域距离底部边界的距离 css适配ipho ......
在 uniapp 中为 App 添加权限告知目的
const permission = { // 初始化状态 state: { // 处理应用程序权限请求 WRITE_EXTERNAL_STORAGE: false, ACCESS_FINE_LOCATION: false, CALL_PHONE: false, CAMERA: false, REC ......
uniapp实现水印
1.新建水印文件 <template> <view class="make"> <view class="list"> <view class="item" v-for="i in 500"> <text>{{info}}</text> </view> </view> <slot></slot> < ......
【UniApp】-uni-app-pinia存储数据
前言 经过上个章节的介绍，大家可以了解到 uni-app-数据缓存 的基本使用方法 那本章节来给大家介绍一下 uni-app-pinia存储数据 的基本使用方法 经过我这么多篇章的介绍，我发现大家环境比较耗时，所以在今后的文章中，我会尽量减少环境的搭建 如果某一篇的文章环境确实是不一样的，我会在文章 ......
【UniApp】-uni-app-数据缓存
前言 好，经过上个章节的介绍完毕之后，给大家补充了一下 uni-app-数据传递的内容 那么补充了 uni-app-数据传递的内容之后，这篇文章来给大家介绍一下 uni-app-数据缓存 搭建项目 首先我们还是要先搭建一个项目，这里我就不多说了，大家可以参考上一篇文章 搭建好项目之后，我们就可以开始 ......
【UniApp】-uni-app-数据传递补充
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-CompositionAPI传递数据 那么了解完了uni-app-CompositionAPI传递数据之后，这篇文章来给大家介绍一下 uni-app-数据传递补充（也就是在补充一点内容给到大家） 先主要介绍逆向传递数据，逆向传递数据除 ......
【UniApp】-uni-app-CompositionAPI传递数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-传递数据 那么了解完了uni-app-传递数据之后，这篇文章来给大家介绍一下 uni-app-CompositionAPI传递数据 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 ......
uniapp的editor组件在H5上无法点击的问题处理
uniapp开发的移动端H5和小程序，富文本框输入框使用了editor的组件在小程序端是运行正常的，但是在H5端出现了无法点击的情况，是好时坏 原因是H5端依赖远端的quill.min.js组件，该远端的组件偶尔会出现访问的情况文档上写的比较清楚，但是具体怎么写没有写的写的很具体 经常尝试，搞定。具 ......
【UniApp】-uni-app-传递数据
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-路由 那么了解完了uni-app-路由之后，这篇文章来给大家介绍一下 uni-app-路由传递数据 路由传参怎么传，是不是可以从 A 页面传递给 B 页面，然后 B 页面再传递给 C 页面, 也可以从 C 页面传递给 B 页面，然后 ......
【UniApp】-uni-app-路由
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-CompositionAPI应用生命周期和页面生命周期 那么了解完了uni-app-CompositionAPI应用生命周期和页面生命周期之后，这篇文章来给大家介绍一下 uni-app-路由 前面我还说过，除了有应用程序的生命周期和页 ......
uniapp nvue 手指缩放
uniapp nvue中俩个手指按下，每次只会监听到一个 uniapp 中双指缩放，touch.scale 为当前的缩放比例 <template> <view @touchstart.stop="move" @touchmove.stop="moving" > {{ touch.scale }} < ......
flchart库判断当前点击的底部title的index
使用flchart库，版本0.35，在点击柱状图时，当柱状图的高度为0，默认选中热区很小，很难点击选中对应区域，如图一 9和10的柱状图高度为0。 查了源码，貌似没有单独针对底部title设置点击事件的回调。 实际上点击底部title,barTouchData 内的touchCallback是有回调 ......
uniapp---使用uView
在用uniapp开发项目的时候，选择合适的UI组件，往往能够事半功倍，而 uView 就是 uniapp 生态专用的 UI 框架，但是该 UI 框架并没有内置，而需要单独引入安装： uview官网： https://uviewui.com/components/intro.html 安装步骤： 第一 ......
新增数据后自动滚动到表格底部
<table> <thead> <tr> <th></th> </tr> </thead> <tbody :ref="indexInfo.index_id" :id="indexInfo.index_id"> <tr> <td></td> </tr> </tbody> </table> 有上述一个h ......
uniapp base64 转 png
主要用到了这个API， uni.base64ToArrayBuffer(base64) // 将Base64编码的字符串转换为ArrayBuffer对象 const base64 = res.data.img; // Base64编码的图片数据 const arrayBuffer = uni.bas ......
uniapp日常开发记录
一、uni-app中u-radio-group和u-radio点击事件的区别 <u-radio-group v-model="hcData.hcqk" style="width: 100%;" :disabled="disabled" @change="radioGroupChange"> <u-r ......
uniapp开发——纯原生渲染nvue调用uni.makePhoneCall没反应的处理办法
uni.makePhoneCall(OBJECT) | uni-app官网 (dcloud.net.cn) 正常情况下,manifest.json配置拨打电话的权限就可以了： 配置权限后重新打包，真机运行应该就可以正常的拨打电话了。 如果API没反应，那么可以试试下边这种不弹出询问框直接拨打电话的方 ......
uniapp插件市场上架插件，提示components不包含对应包名称的组件
第一次在uniapp上架了一个小组件，所有的都按照文档填写上传了，但是提交的时候一直提示不行 原来是在压缩组件源码的时候出问题，不要把 components和 static 放在一个文件夹下面压缩文件夹，要直接把 components 和 `static`` 组合压缩就行。 这是错误的 这是正确的 ......
【UniApp】-uni-app-CompositionAPI应用生命周期和页面生命周期
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-OptionAPI应用生命周期和页面生命周期 那么了解完了uni-app-OptionAPI应用生命周期和页面生命周期之后，这篇文章来给大家介绍一下 uni-app-CompositionAPI应用生命周期和页面生命周期 Compos ......
vue uniapp 弹出层背景穿透，穿层
// 投注信息弹窗 内容组件上 @touchmove.stop.prevent="() => {}" u-popup :show="show" @close="show= false" @open="open" component @touchmove.stop.prevent="() => {}" ......
【UniApp】-uni-app-OptionAPI应用生命周期和页面生命周期
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-修改组件主题和样式 那么了解完了uni-app-修改组件主题和样式之后，这篇文章来给大家介绍一下 uni-app-OptionAPI应用生命周期和页面生命周期 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目： ......