uniapp弹出框

2023年最新最全uniapp入门学习，零基础入门uniapp到实战项目，unicloud数据后台快速打造uniapp小程序项目

今天开始带着大家一起零基础学习uniapp，在下面的课程中我们就简称uniapp为uni吧。我这里从零基础开始教大家，后面可以带大家简单的做一个实战项目。
编程小石头·2024-02-09 05:38

uniapp 设置内容超长时的省略样式

需求在uniapp中，页面在展示搜索历史的时候，需要对内容过长的进行处理，也就是文本超出我的最大长度时，不允许换行，且末尾为省略期望的效果如下思路使用官网text-overflow可选值俩个clip修建文本
T3165919332·2024-02-09 05:38

uniapp图片加水印

1、uniapp加水印1.1、创建画布容器1.2、获取水印内容famartWeek(e){switch(e){case0:return'日'case1:return'一'case2:return'二'case3
风轻_·2024-02-09 03:28

el-input及uniappinput限制输入并提示

用if判断小于0的直接设为0通过正则限制只能输入数字或小数点uniappcheckPrice(e){letthat=this;letnum=e.detail.valueif(num>10000){this.indata.count
风轻_·2024-02-09 03:27

uniapp封装自定义头部

兼容h5和微信小程序自定义头部，动态设置固定定位、定位时是否占位、背景透明度、背景颜色、点击事件、是否包含系统栏、分割线、自定义样式有更好的建议或需求欢迎指出，谢谢/***NavBar自定义头部*@description头部组件，主要用于头部导航*@property{Number,String}color图标和文字颜色*@property{String}isBack是否显示返回按钮*@proper
风轻_·2024-02-09 03:27

uniapp的image引用本地图片不显示问题解决

使用img标签要用绝对路径前面没有'/'{type:"swiperList",data:[{imgUrl:'static/image/img/swiper4.jpg'},{imgUrl:'static/image/img/swiper5.jpg'},{imgUrl:'static/image/img/swiper6.jpg'},]}而使用image标签时要使用相对路径或绝对路径(前面有'/'){b
风轻_·2024-02-09 03:27

uniapp使用的注意事项

uniapp的特点一次开发，多端应用使用微信小程序的组件标签和API，使用vue的模板语法和js语法创建新页面小程序：在app.json中配置pages,即会在pages文件夹中创建相应的文件uniapp
grey_2450·2024-02-09 02:27

Uniapp真机调试：手机端访问电脑端的后端接口解决

Uniapp真机调试：手机端访问电脑端的后端接口解决1、前置操作HBuilderX->运行->运行到手机或模拟器->运行到AndroidApp基座少了什么根据提示点击下载即可使用数据线连接手机和电脑手机端
redvelet·2024-02-08 22:37

解决pycharm“No Python interpreter configured for the project”问题

解决pycharm“NoPythoninterpreterconfiguredfortheproject”问题1.点击左上角file，在下拉框中点击settings，出现弹出框。
luminarysun·2024-02-08 21:54

【前端开发】缓存工具类-uniapp版

uniapp数据缓存是基于K-V形式进行存储，本文主要扩展加上过期时间处理，使用其缓存具备时效性设计思路缓存数据时添加过期时间，在获取缓存内容时，判断是否过期。
会写代码的饭桶·2024-02-08 20:39

uniapp 移动端app集成微信登录（前端）

需求说明：现有的微信小程序项目，移动app项目需要实现微信提现功能，微信提现需要openid，故实际就是获取微信的openid，何为openid，即用户与应用的一种绑定关系，因此小程序和app均可通过微信授权登录方式获取openid。因小程序授权登录早已实现，现只需实现app微信登录官方api：微信登录实现步骤：1.OAuth(登录鉴权)打开项目的manifest.json文件，在“App模块配置
不等天亮等时光·2024-02-08 18:56

uniapp APP下载流文件execl 并用WPS打开

使用plus.downloader.createDownload方法将新建下载任务HTML5+APIReferenceexportdefaultfunctionplusDownload(config){if(!config){console.error("Argumentshouldnotbenull");return;}consturl=request.baseUrl+config.url;le
三线码工·2024-02-08 16:57

uniapp的api用法大全

页面生命周期APIuniApp中的页面生命周期API可以帮助开发者在页面的不同生命周期中执行相应的操作。
前端fighter·2024-02-08 11:26

uniapp中根据图片路径(网络或本地路径)转换为base64

uniapp中根据图片路径(网络或本地路径)转换为base64/***图片地址转换为base64格式图片*@param{string}url图片地址可网络地址、本地相对路径*@param{string}
夏夜追凉丶·2024-02-08 09:31

uniapp小程序端使用计算属性动态绑定style样式踩坑

踩坑点:使用uniapp编译小程序端动态绑定复杂style使用计算属性方式，return必须返回json字符串格式，不能返回object，否则会不起作用。
爱池鱼的酱酱仔·2024-02-08 09:27

SpringCloud SpringBoot uniapp vue b2b2c 微服务 多商家入驻直播带货商城 电商之12.0 Zookeeper 数据同步流程

在Zookeeper中，主要依赖ZAB协议来实现分布式数据一致性。ZAB协议分为两部分：消息广播崩溃恢复消息广播Zookeeper使用单一的主进程Leader来接收和处理客户端所有事务请求，并采用ZAB协议的原子广播协议，将事务请求以Proposal提议广播到所有Follower节点，当集群中有过半的Follower服务器进行正确的ACK反馈，那么Leader就会再次向所有的Follower服务器
企业软件定制·2024-02-08 06:06

SpringCloud SpringBoot uniapp vue b2b2c 微服务 多商家入驻直播带货商城 电商之10.0 Zookeeper 权限控制 ACL

zookeeper的ACL（AccessControlList，访问控制表）权限在生产环境是特别重要的，所以本章节特别介绍一下。推荐分布式微服务电商源码ACL权限可以针对节点设置相关读写等权限，保障数据安全性。permissions可以指定不同的权限范围及角色。ACL命令行getAcl命令：获取某个节点的acl权限信息。setAcl命令：设置某个节点的acl权限信息。addauth命令：输入认证授
企业软件定制·2024-02-08 06:05

分享一下 uniapp 打包安卓apk

首先需要安装Java环境，这里就不做解释了第二步：打开mac终端/cmd命令行工具使用keytool-genkey命令生成证书keytool-genkey-aliastestalias-keyalgRSA-keysize2048-validity36500-keystoretest.keystore*testalias是证书别名，修改为自己想设置的字符，建议使用英文字母和数字*test.keyst
某公司摸鱼前端·2024-02-08 05:45

uniapp开发App踩坑

事情是这样的：我有一个对象detial初始值：detail:{}这个对象detail是我后台请求得到的数据我要把这个对象下的子对象的某个属性渲染到页面上我通过h5调试是正常的，我真机调试就失败了上面的自定义组件props接收的参数直接就undefined了找了挺久，后来定位到这个子对象的属性报错，虽然不影响它的显示但是会有影响
某公司摸鱼前端·2024-02-08 05:15

uniapp 开发App 权限授权 js-sdk

从官网的插件市场下载的：直接上代码：/***本模块封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启*/varisIos//#ifdefAPP-PLUSisIos=(plus.os.name=="iOS")//#endif//判断推送权限是否开启functionjudgeIosPermissionPush(){varresult=false;varUIApp
某公司摸鱼前端·2024-02-08 05:44

uniapp 开发App 使用Vuex持久化存储兼容性最好的方案

首先需要安装依赖：npminstallvuex-persistedstate直接上代码：importVuefrom'vue'importVuexfrom'vuex'importbaseStorefrom'./baseStore.js'importuserStorefrom'./userStore.js'importgettersfrom'./getters'importcreatePersiste
某公司摸鱼前端·2024-02-08 05:44

UniApp 快速上手与深度学习指南

一、UniApp简介UniApp是中国DCloud公司研发的一款创新的跨平台应用开发框架，它基于广受欢迎的前端开发库Vue.js，旨在解决多端适配和快速开发的问题。
特创数字科技·2024-02-08 05:14

Android:国际化&弹出框

3.13风格与主题、国际化1、应用国际化应用国际化，通过修改系统语言，应用显示语言跟着改变。选择Locale,点击>>符号。创建多个国家，地区strings.xml文件，有一个默认strings.xml文件，各个stirngs.xml中标签中保持一致。示例：创建t_language.xml文件，默认strings.xml文件
偶是不器·2024-02-07 21:37

uniapp禁止页面滚动

@touchmove.stop.prevent="moveHandle"moveHandle(){return;}
六角形的雪花·2024-02-07 21:29

android TV的自定义关机弹出框

关机的时候会走power的相关部分首先我们监听power键的文件是在frameworks\base\services\core\java\com\android\server\policy\PhoneWindowManager.java监听的函数是interceptKeyBeforeQueueing（）这个也是监听我们keyevent其他按键拦截的位置。我们知道按键按下的时候有down事件和up事
不吃鱼的猫_992d·2024-02-07 18:48

【element-ui】el-select下拉框el-date-picker弹出框定位问题解决方案

问题描述：项目开发过程中发现el-select和el-date-picker弹出框显示时候，滚动屏幕，导致弹出框定位出现问题。
小墨鱼_z·2024-02-07 16:40

uniapp canvas绘图

问题描述根据项目需求，将商品的图片，用户头像，二维码，商品信息绘制到分享海报中。效果展示参数介绍参数类型说明avatarImgString头像图片bgImgString背景图片qrImgString二维码goodsImgString商品图片iconImgString平台icongoodsTitleString商品名称realPriceString真实价格priceString价格canvasHNu
shaoin_2·2024-02-07 16:47

uniapp canvas绘制文字头像

效果如下图：子组件代码：exportdefault{name:"canvas-avatar",props:{styleProp:{type:String,default:''},text:{type:String,default:''},canvasId:{type:String,default:''},bgColor:{type:String,default:''}},data(){return
唐小亭·2024-02-07 16:16

uniapp canvas 刮刮乐

前言uniappcanvas刮刮乐uniappcanvas刮刮乐提示：以下是本篇文章正文内容，下面案例可供参考一、使用步骤1.页面代码如下（示例）：exportdefault{data(){return
没有龋齿·2024-02-07 16:46

uniapp canvas内容转成base64格式

一、uniappcanvas内容转成base64格式uni.canvasToTempFilePath({x:0,//起点坐标y:0,width:600,//canvas宽height:200,//canvas
webuni·2024-02-07 16:46

uniapp canvas 手写毛笔字效果 根据触屏时长改变笔画粗细

确认上传清除笔迹//importUtilfrom"@/utils/httpUtil.js";//importLocalfrom"@/utils/local.js";varx=20;vary=20;exportdefault{data(){return{showCanvas:false,ctx:'',//绘图图像points:[],//路径点集合signature:'',lasloc:{x:0,y:
纸短情长—来日方长·2024-02-07 16:46

uniapp canvas画板

之前用的是canvas是老版本因为draw函数回调的问题导致canvas重复绘图越来越卡顿后边选择了新的canvas版本canvas2d；这里主要介绍一下新版本canvas的一些不一样的地方；1.canvas创建方式不同canvas2s有点类似于h5的canvas不再使用createCanvas创建画布而是通过获取元素信息来绑定canvas；这里是用的微信小程序获取元素的方式来获取到canvas元
秦康哲·2024-02-07 16:16

uniapp canvas组件不展示Vue3

uniappcanvas组件不展示Vue3页面页可以展示拆分成组件无法展示getCurrentInstance修改this指向import{getCurrentInstance}from'vue'//引入
Web995·2024-02-07 16:45

uniapp canvas绘制文字（支持文字自动换行、遇回车或换行符换行、标点符号不开头）

/***文字自动换行*@param{Object}ctx画布的上下文环境*@param{Object}content需要绘制的文本内容*@param{Object}drawX绘制文本的x坐标*@param{Object}drawY绘制文本的y坐标*@param{Object}lineHeight文本之间的行高*@param{Object}lineMaxWidth每行文本的最大宽度*@param{O
杜蜜月·2024-02-07 16:45

uniapp canvas游标卡尺效果

原项目从微信小程序转uniapp，未测试该效果在android端效果。uniapp直接使用canvas不可做子组件，否则无效果显示，其次显示时要考虑页面渲染超时的问题。如效果所见，可以设置取值精度。
lsswear·2024-02-07 16:14

uniapp Canvas使用

注意使用canvas若是网络资源，要用getImageInfo转换成本地路径。getImageInfo(src){returnnewPromise((resolve,reject)=>{uni.getImageInfo({src,success:(res)=>resolve(res),fail:(res)=>reject(res),});});}asyncimg(userImage:string,
China_Edc·2024-02-07 16:14

uniapp使用canvas

页面中加入组件onReady获取页面宽度，加入条件编译onReady(){//#ifdefAPP-PLUSthis.canvasWidth=uni.getSystemInfoSync().windowWidth;this.cas_Drawer(this.canvasWidth,384,1);//#endif}methods对象中方法cas_start(e){console.log('触摸开始');
八佾舞于庭·2024-02-07 16:14

循环后el-popover点击无反应不弹出

还有怎么关闭弹出框也是折腾了一下，结果打印this.$refs.id发现是数组…删除后无法恢复，确认删除吗？取消确定popoverClose(id){console.log(this.
koi啦·2024-02-07 14:13

ElementPlusError: [ElOnlyChild] no valid child node found

场景：使用element-plus的popover弹出框，一直报警告ElementPlusError:[ElOnlyChild]novalidchildnodefound解决方法一：在存在if等判断条件的元素外套一层元素
T^T尚·2024-02-07 14:11

uniapp v-if和v-for优先级问题

在uni-app中，v-for的优先级高于v-if。这意味着在同时使用v-for和v-if的情况下，v-for会先执行。当v-if的判断条件依赖于v-for的内容时，可以在computed计算属性里先做好判断，过滤出符合条件的元素重新组成新的数组，然后在DOM里循环这个新的数组，就不需要加v-if的判断了。在computed里过滤的成本比v-if的成本低。在uni-app中，v-for的优先级高于
emma20080101·2024-02-07 11:14

uniapp 安卓使用uni.getLocation获取不到具体位置

参考文章：https://blog.csdn.net/qq_42143163/article/details/103681740uni.getLocation({type:'wgs84',success:ret=>{console.log(ret);uni.hideLoading();if(ret.address.poiName){that.address=ret.address.poiName;
神一样的队友·2024-02-07 09:33

uniapp 本地存储的方式

1.uniapp本地存储的方式  在uniapp开发中，本地存储是一个常见的需求。本地存储可以帮助我们在客户端保存和管理数据，以便在应用程序中进行持久化存储。
雪芽蓝域zzs·2024-02-07 09:38

uniapp 中this.$store状态管理的使用

1.在pages目录同级目录，也就是根目录下创建store目录2.store文件夹中新增一个index.js敲入一些学来的代码importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)conststore=newVuex.Store({state:{userInfo:"",token:"",auth:"",},mutations:{SET_USERINF
CDialog·2024-02-07 09:08

如何使用 uniapp 开发（一）

1、下载hbuilderx编辑器https://www.dcloud.io/hbuilderx.html2、下载微信开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html3、使用hbuilder编辑器，开发微信小程序的时候需要借助微信开发者工具显示，所以需要如下配置：hbuilder编辑器左上角创建项
大浪淘沙1024·2024-02-07 09:07

uniapp 使用renderjs引入echarts

效果图：1.1renderjs引入echarts组件zmui-echarts.vue：exportdefault{name:'zmuiEcharts',props:{option:{type:Object,required:true}}}//使用renderjs就让app拥有类似有.HTML文件的环境能直接挂载.js的能力exportdefault{data(){return{timeoutId:
流氓也是种气质 _Cookie·2024-02-07 09:28

uniapp从入门到进阶

一、了解uniapp跨平台开发：Uniapp可以同时开发多个平台的应用，只需编写一套代码即可。开发者可以通过编写Vue组件来构建界面，通过编写JavaScript代码来实现业务逻辑。
前端fighter·2024-02-07 08:26

请用uniapp写一个音乐播放器 使用 slider组件控制audio组件的播放进度(播放)（暂停）（实时显示播放时长）（实时显示进度时长）

{{music.name}}{{isPlaying?'暂停':'播放'}}{{formatTime(currentTime)}}{{formatTime(totalTime)}}exportdefault{data(){return{audioId:'music',musicList:[{name:'音乐1',url:'https://atand.oss-cn-beijing.aliyuncs.c
王家视频教程图书馆·2024-02-07 07:25

uniapp打包ios成ipa文件

一、ios的id：苹果的id有三种类型：个人，公司型，企业型1、开发证书(三种开发账号都可以)、2、ad-hoc证书(三种开发账号都可以)：限定设备范围内的测试和内部分发3、企业证书(只有企业账号可以)：可以直接通过连接下载安装。不经过苹果验证4、AppStore证书(只要个人账号和公司账号可以)几类：必须发布到AppStore上上线才能下载二、ios的证书和描述文件ProvisionedDevi
Hannah_Hannah_·2024-02-07 06:15

全面解析Bootstrap弹窗的实现方法

一.结构分析Bootstrap框架中的模态弹出框，分别运用了“modal”、“modal-dialog”和“modal-content”样式，而弹出窗真正的内容都放置在“modal-content”中，
ok060·2024-02-07 03:34

饭后Android 第三餐-XUI框架（XUI介绍，使用方法，控件使用（九个Button，导航栏，可伸缩布局，顶部弹出框））

饭后Android第三餐-XUI框架（XUI介绍，使用方法，控件使用（九个Button，导航栏，可伸缩布局，顶部弹出框））1.XUI介绍2.使用方法1添加依赖2初始化XUI设置3.控件使用1.Button1
Rose J·2024-02-07 00:19
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他