uniapp模态框

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

uniapp禁止页面滚动

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

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

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

uniapp+uView 【详解】录音，自制音频播放器

效果预览代码实现//创建对象--录音机constrecorderManager=uni.getRecorderManager();//创建对象--录音constaudio=uni.createInnerAudioContext()importBreathingfrom"../components/breathing.vue";exportdefault{components:{Breathing,
朝阳39·2024-02-06 21:51

BootStrap笔记参考（全）-优极限

特点2.3下载与使用3.布局容器和栅格网格系统3.1布局容器3.2栅格网格系统4.常用样式4.1排版4.2表单4.3缩略图4.4面板5.BootStrap插件5.1导航5.2分页导航5.3下拉菜单5.4模态框
A-艺凡·2024-02-06 19:33

Bootstrap学习笔记-模态框

简介模态框经过了优化，更加灵活，以弹出对话框的形式出现，具有最小和最实用的功能集，参考modal。
zhbhun·2024-02-06 19:33

JQuery动态插入Bootstrap模态框（Modal）

有些网站在大部分页面都有登录按钮，如果是用Bootstrap的模态框调用的话，常规方式都是写在HTML里面，这就不太方便后期修改，因为你一旦要修改就要动到很多个页面！
ok060·2024-02-06 19:32

【Bootstrap学习笔记】7.模态框插件

十三、模态框插件学习内容模态框插件模态框的大小模态框淡入淡出效果模态框用法说明(用法、参数、方法、事件)●模态框插件1.交互网站非常常见的弹出窗插件2.模态框的弹窗组件需要三层div容器，分别是modal
sunraito·2024-02-06 19:32

基于微信小程序的大学生党务学习平台的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:45

基于微信小程序的大学生校园兼职的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:45

基于微信小程序的超市售货管理平台的设计与实现

文末获取源码开发语言：Java框架：SpringBootJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:15

案例281:基于微信小程序的国产动漫论坛管理系统

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-02-06 19:14

uniapp设置不显示顶部返回按钮

一、pages文件中，在相应的页面中设置"titleNView":{"autoBackButton":false}二、对应的页面文件设置隐藏元素document.querySelector('.uni-page-head-hd').style.display='none'
前端（从入门到入土）·2024-02-06 18:27

SpringCloud SpringBoot uniapp vue b2b2c 微服务 多商家入驻直播带货商城 电商之2.0 Zookeeper 安装配置

2.0Zookeeper安装配置分类Zookeeper教程Linux安装zookeeper下载地址为:https://zookeeper.apache.org/releases.html。选择一稳定版本，本教程使用的release版本为3.4.14，下载并安装。打开网址https://www.apache.org/dyn/closer.lua/zookeeper/zookeeper-3.4.14/
企业软件定制·2024-02-06 18:35

当前小程序跳转另一个小程序

原生小程序：wx.navigateToMiniProgram()：参数值：appId要打开的小程序appIdpath要跳转小程序的路径uniapp小程序：uni.navigateToMiniProgram
前端小凯·2024-02-06 11:50

在uniapp中获取微信小程序状态栏和导航栏的高度

下面是一个示例代码，展示如何在UniApp中获取顶部图标距离：uni.getSystemInfo({success:(res)=>{//获取手机顶部状态栏的高度conststatusBarHeight=
swoole~·2024-02-06 07:48

uniapp小程序实现轮播图开屏页

在小程序开发中，使用uniapp框架可以快速实现多端适配，极大地方便了开发者的工作。下面，本文将介绍如何使用uniapp框架来实现开屏轮播图广告的功能。
swoole~·2024-02-06 07:48

uniapp小程序实现图片开屏页

在小程序开发中，使用uniapp框架可以快速实现多端适配，极大地方便了开发者的工作。下面，本文将介绍如何使用uniapp框架来实现开屏图片广告的功能。
swoole~·2024-02-06 07:48

uniapp的api用法大全

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

【VUE】UniAPP之uview组件库，自定义tag封装，支持添加u-icon图标

组件代码{{props.text}}import{defineProps}from'vue'constprops=defineProps({text:{//显示文本type:String,default:'自定义33'},color:{//颜色主体颜色type:String,default:'red'},mode:{//lightdark/plaintype:String,default:'lig
孑然R·2024-02-06 06:36

uniapp踩坑之项目：简易版不同角色显示不一样的tabbar和页面

1.pages下创建三个不同用户身份的“我的”页面。显示第几个tabbar，0是管理员1是财务2是司机2.在uni_modules文件夹创建底部导航cc-myTabbar文件夹，在cc-myTabbar文件夹创建components文件夹，在components文件夹创建cc-myTabbar.vue组件3.在utils文件夹创建tabBar.js4.pages.json里指定路径5.在单页面引入
意初·2024-02-06 06:35

uniapp android和微信小程序如何实现PDF在线预览

我是咕噜铁蛋，UniApp在开发移动应用时提供了跨平台的解决方案，能够同时支持Android和iOS系统，而微信小程序则是一种轻量级的应用形式，可以在微信内直接运行。
咕噜签名-铁蛋·2024-02-06 05:51

【uniapp】公众号h5端配置代理解决跨域问题

1、hbuilder内置浏览器不存在跨域问题，如果是普通web页面，可以使用hubilder内置浏览器调试2、但，微信公众号h5端只能用【微信开发者工具-公众号网页项目】调试，所以这里我们可以配置proxy代理来解决跨域问题首先需要在调用的接口前面统一配置一个基础前缀，例如在config.js中设置basePrefixUrl:'/dev-api'，之后在request请求的接口前面拼接上baseP
百香果果ccc·2024-02-06 05:16

uniapp之tab切换

{{item.name}}exportdefault{data(){return{tabIndex:0,tabList:[{name:"电器"},{name:"衣服"},{name:"百货"},{name:"电脑"}]}},methods:{testTabClick(index){console.log(index)this.tabIndex=index}}}.tab-box{display:fl
黑猫大人-魏盛楠·2024-02-06 04:05
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他