uniapp模态框

vue3项目实现预览图片、旋转图片功能

接收图片的URL，弹出一个模态框展示大图。旋转图片功能：在模态框内添加一个“旋转图片”按钮。
Miraitowa_chole·2024-02-06 03:18

uniapp 之 base64转临时地址播放mp3

需求是：进入页面的时候是先有背景音乐，发送问题请求回答的时候会返回文字和音频，前端要把音频读出来，并且把背景音乐停止，读完音频后再打开背景音乐一开始用的直接base64直接拼接在地址后真机放不了constinnerAudioContext=wx.createInnerAudioContext();innerAudioContext.src='data:audio/mp3;base64,'+请求获取
jiojio在学习勒·2024-02-06 02:29

hello uniapp模板的page.json配置easycom出现空白

查阅资料（参考地址：uniapp微信小程序系列（2）pages.json实用配置详解_黄泽平的博客-CSDN博客）传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。
尘埃里的玄·2024-02-06 01:21

uniapp 项目请求接口千万别写死

我接手我徒弟的项目发现有一个请求接口是写死的。比如这种config.baseUrl='https://www.test1.cn'/这样写虽然没有问题，但是如果遇到上传或下载接口而且每个文件都有这么多文件都写死不利于维护。下面我优化的是这样新建一个config/index.js引入方法'@/config'然后在main.js全局注册上传或下载接口那边引入的方法是this.$VUE_APP_API_U
可口可乐Vip·2024-02-05 16:42

uniapp vue3怎么调用uni-popup组件的this.$refs.message.open() ?

vue2代码type:'center',msgType:'success',messageText:'这是一条成功提示',value:''vue2的调用方法this.$refs.message.open()然后调用的时候报错会出现错误vue3的代码consttype=ref('center');constmsgType=ref('success');constmessageText=ref('这是
可口可乐Vip·2024-02-05 16:07

uniapp中使用EelementPlus

uniapp的强大是非常震撼的，一套代码可以编写到十几个平台。这个可以在官网上进行查询uni-app官网。主要还是开发小型的软件系统，使用起来非常的方便、快捷、高效。
故里2130·2024-02-05 15:16

uniapp中配置开发环境和生产环境

uniapp在开发的时候，可以配置多种环境，用于自动切换IP地址，用HBuilderX直接运行的就是开发环境，用HBuilderX发布出来的，就是生产环境。
故里2130·2024-02-05 15:46

uniapp网络请求封装及简单使用

//http.js//设置正式环境和测试环境的服务器地址constPRODUCTION_URL='http://testapi.xuexiluxian.cn/api';//生产环境constTEST_URL='http://testapi.xuexiluxian.cn/api';//测试环境//是否启用正式环境，默认为trueletuseProduction=true;functiongetBas
来之梦·2024-02-05 12:15

Android电动汽车充电服务vue+uniAPP微信小程序

本系统利用SSM和Uniapp技术进行开发电动汽车充电服务系统是未来的趋势。该系统使用的编程语言是Java，数据库采用的是MySQL数据库，基本完成了系统设定的目标，建立起了一个较为完整的系统。
QQ_402205496·2024-02-05 11:37

FastAdmin西陆二手交易系统

应用介绍一款基于Uniapp+FastAdmin+ThinkPHP开发的二手交易系统，卖家可以发布二手信息，买家可以在线询价，支持在线聊天(高级授权)，在线购买支付，支持发布高价回收(高级授权)信息。
qq_24610005·2024-02-05 08:14

FastAdmin西陆房产系统(xiluHouse)全开源

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆房产管理系统，支持小程序、H5、APP；包含房客、房东(高级授权)、经纪人(高级授权)三种身份。
qq_24610005·2024-02-05 08:14

FastAdmin西陆教育系统(xiluEdu)开源代码

应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的西陆教育系统（微信小程序、移动端H5、安卓APP、IOS-APP），以下是教育系统所包含的一些功能：视频课程：教育系统提供在线视频课程
qq_24610005·2024-02-05 08:44

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

在使用uniapp开发移动端时，微信开发者工具里webview能正常打开后端接口返回的pdf文件流。
FinelyYang·2024-02-05 07:23

uniapp /微信小程序 使用map组件实现手绘地图方案

获取地图范围点图拾取坐标-地图开放平台|腾讯位置服务获取需要手绘地图左下角和右上角GPS坐标以北京故宫为例：截取需要手绘地图进行手绘地图制作素材处理由于地图素材文件比较大，小程序又限制包大小{console.log("显示成功",southwest,northeast)},fail:(e)=>{console.log("显示失败",e)}})效果素材模糊处理方案采用大分辨率素材，并将素材裁剪成M*
he_wen_jian·2024-02-05 05:36

uniapp多个页面引用组件，如何操作呢？

目录前言1.方法一：使用vue引入①div文件②Javascript中③css样式④引入的vue文件2.方法二：使用json引入①div文件②Javascript中③css样式④json中的文件内容总结小点：前言由于多个地方需要使用选择民族组件，所以以民族组件来举例子1.方法一：使用vue引入创建一个vue文件，将所需要的功能写在vue中,引用到需要使用的文件中进行操作①div文件
秃头馒头·2024-02-05 01:51

校园墙表白墙系统uniapp微信小程序

配置文件(自动编号、配置参数名称、配置参数值)；前端开发:vue语言：java+python+nodejs+php均支持运行软件:idea/eclipse/vscode/pycharm/wamp均支持框架支持:Ssm/django/flask/thinkphp/springboot/springcloud均支持数据库mysql数据库工具：Navicat等小程序端运行软件微信开发者工具/hbuide
QQ_402205496·2024-02-04 19:40

uniapp获取元素位置：top、bottom、left、right

//在你的Vue组件中exportdefault{methods:{getElementPosition(){//使用uni.createSelectorQuery创建选择器查询实例constquery=uni.createSelectorQuery().in(this);//获取元素的位置信息query.select('.your-element-class')//替换为你要获取位置信息的元素类
狮子座的程序员·2024-02-04 17:23

Android志愿者活动报名服务系统uniapp 微信小程序

本课题研究的是基于SSM框架安卓平台下的志愿者服务app，开发这款志愿者服务app主要是为了帮助用户可以不用约束时间与地点进行查看活动信息进行活动报名及对活动评价。本文详细讲述了志愿者服务app的界面设计及使用，主要包括界面的实现、控件的使用、界面的布局和异常的处理等内容，将准确的志愿者服务app呈现给用户。关键词：志愿者服务app；Hbuildex开发工具；SSM框架前端开发:vue小程序端运行
QQ188083800·2024-02-04 14:12

微信小程序uniapp+vue毕业设计选题管理系统

管理员模块（做后台，用vue+springboot即可，该模块用网页做）1.登录：该模块根据数据库中的信息判断账号密码是否正确，如果不正确提示错误原因，正确则进入管理员的主页面。2.用户管理：在后端管理教师和学生的基本信息，能对基本信息进行增删改查，在修改的时候只修改自己需要的某一项。（基本信息：1.学生：学生学号、姓名、密码、所在班级、班主任、所在学院、手机号、性别、所学专业2.教师：教师号、教
QQ188083800·2024-02-04 14:12

微信小程序vue信用卡管理系统uniAPP程序

人们为了能够更加方便地管理信用卡，信用卡APP管理系统被人们开发出来从而更好地方便管理信用卡，一个完美的信用卡APP管理系统已经成为各个银行的追求目标。本系统利用VUE+SSM技术进行开发信用卡APP管理系统是未来的趋势。编程语言使用的是流行安全性高的Java，数据库利用的是关系型数据库MySQL，基本完成了系统设定的目标，建立起了一个较为完整的系统。系统的特点是简单方便操作，管理员能够轻易进行管
QQ188083800·2024-02-04 14:12

uniapp实现微信小程序吸顶效果

当我们页面滑动到一定位置的时候，让这个组件固定，之后再滑动到一定位置时候，回归原页面，还有点击立即到最顶部效果如果是移动端的话，可以用一个position:sticky;不过要考虑兼容性uniapp怎么做呢
进阶的巨人001·2024-02-04 13:54

uniapp开发一个交流社区小程序

uniapp开发一个交流社区小程序假期的时候简单学了一下uniapp，想开发一款类似百度贴吧的交流社区来练练手。本篇文章主要记录开发过程，文末附上项目地址。主要需要开发以下几个页面。
小小城序员·2024-02-04 12:47

uniapp如何监听页⾯滚动

在uni-app中监听页面滚动，可以通过使用组件的@scroll属性或者监听滚动事件来实现。首先，你可以在需要监听的组件上设置@scroll属性，并在组件的methods中定义scroll方法。例如，你可以在scroll-view组件上设置@scroll属性，然后在methods中定义scroll方法来接收滚动事件。在这个方法中，你可以获取到滚动的距离或者滚动的位置，并进行相应的处理。htmlex
emma20080101·2024-02-04 09:38

【uniapp&微信小程序】小程序分包加载机制与配置

前言因为小程序有体积和资源加载限制，各家小程序平台提供了分包方式，优化小程序的下载和启动速度。所谓的主包，即放置默认启动页面/TabBar页面，以及一些所有分包都需用到公共资源/JS脚本；而分包则是根据pages.json的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。分包配置目前微信小程序每个分包的大小是
Ghmin！·2024-02-04 09:07

uniapp新增一条数据增加一个折叠栏

//折叠栏年份{{item.fatCalfNum}}货币资金(万元){{item.fatCalfNum1}}//新增按钮//弹窗addInventory(){this.$refs.inventoryPopup.open()},addInventoryHandle(data){this.$refs.inventoryPopup.close()this.dataForm.beefCattleNums.
Girasoless·2024-02-04 08:50

uniAPP小程序webview从H5返回小程序不起作用

最近在用uniAPP做小程序与H5之间的跳转，从微信小程序跳转到H5很容易实现了，但是从H5再返回到小程序根据官网上的提示使用uni中的跳转方法时一直不起作用。
程序媛啊啊啊·2024-02-04 05:16

html的dialog标签元素

模态框(modal)用法与普通用法不同的是，显示需要使用showModal方法，而模态框默认上下左右居中，还有默认的蒙层。当模态框显示的时候，可
大拿加拿大·2024-02-04 05:15

带有 HTML5 ＜dialog＞ Tag的原生弹出窗口对话框

使用标签，预计在创建模态框时可以减少50%的工作量。演示演示#1这个演示显示了一
allway2·2024-02-04 04:03

HTML5 之 Dialog 标签

属性open  用于控制模态框的显隐，即含有open属性就显示，否则隐藏。helloworld  浏览器呈现如下，含有部分默认样式，并且仅水平方向居中。  显示时样式。  隐藏时样式。
DonV·2024-02-04 04:30

基于JAVA+Uniapp的微信小程序接入微信小程序支付案例（基于APIV3）

微信支付文档小程序接入（基于APIv3进行支付）一：参数准备需要的参数如下所示wx:#微信小程序appidapp_id:xxx#微信小程序app_secretapp_secret:xxx#微信小程序获取openid地址session_key_url:https://api.weixin.qq.com/sns/jscode2session?appid=${wx.app_id}&secret=${wx
智能编程设计工作室·2024-02-04 02:25

uni-app基于nativejs实现PDA手持终端扫码广播信息接收

pda手持终端的开发，大多是用原生安卓开发的，官方给的dome也都是安卓的，索性就自己改装一下，用uniapp做个简单的实现//依赖引入constIntent=plus.android.importClass
十八里8837·2024-02-04 01:04

uniapp 组件封装

1.uniapp组件封装时间戳格式化为星期1.1.components/m-week.vue{{week}}exportdefault{props:{'time':String},mounted(e){
雪芽蓝域zzs·2024-02-03 20:13

uniapp 高德地图显示

1.uniapp高德地图显示  使用前需到**高德开放平台（https://lbs.amap.com/）**创建应用并申请Key  登录高德开放平台，进入“控制台”，如果没有注册账号请先根据页面提示注册账号
雪芽蓝域zzs·2024-02-03 20:11

2024前端面试题

1.uniApp中如何进行页面跳转？
jiojio在学习勒·2024-02-03 14:08

uniapp+vue生成二维码

终端下载二维码插件yarnadduniapp-qrcode1.dom2.jsimportwxcodefrom'uniapp-qrcode'//生成二维码constcreateQRCode=()=>
前端小葛·2024-02-03 08:27

uniapp本地存储的几种方式localStorage

在uniapp开发中，本地存储是一个常见的需求。本地存储可以帮助我们在客户端保存和管理数据，以便在应用程序中进行持久化存储。本文将介绍uniapp中本地存储的几种方式，以及相关的代码示例。
令狐少侠2011·2024-02-03 08:24

uniapp移动端预览本地pdf，使用PDF.js

1.项目根目录src目录下，创建hybreid/html文件夹2.将下载的pdf.js文件夹放到hybreid/html，放HTML以外的目录，不会将其一起打包3.下载pdf.js链接4.找到src\hybrid\html\pdfJs\generic\web\viewer.js文件下DEFAULT_URL，有值得去掉，不然会赋值失败5.自己新建一个页面，使用web-view预览PDFimport{
inprivacy·2024-02-03 08:52

uniapp移动app实现将网页保存为图片到手机相册

项目中新增了一个需求，将页面保存为图片，且保存在相册中。Android端运用到的技术点：html2canvas：将网页绘制base64的图片plus.nativeObj.Bitmap：下载base64的png图片，临时存放起来uni.saveImageToPhotosAlbum：将临时存放的png图片，存放到手机相册plus.io.resolveLocalFileSystemURL：删除临时存放的
inprivacy·2024-02-03 08:52

【uniapp开发小程序】封装一个公共接口，每次点击不同页面时都会调用

在uni-app中封装一个公共接口，让每次点击不同页面时都会调用，您可以使用uni-app的全局混入（mixin）功能来实现1.创建一个全局混入文件mixin.js，并在其中定义一个公共方法：//mixin.jsexportdefault{methods:{commonApi(){//封装的公共接口逻辑console.log("调用了公共接口");}}};2.在main.js文件中全局引入混入文件
小跳不会Coding·2024-02-03 08:33

uniapp中封装一个svg转base64的组件

uniapp中由于不支持svg--》base64，同时无法使用h5中atob，这里我们采用js-base64插件实现这样一个组件，只要传人svg的代码即可在uniapp中转为base64，同时支持自定义参数
sleeppingfrog·2024-02-03 08:45

基于WordPress开发微信小程序1：搭建Wordpress

-知乎(zhihu.com)，收到了，很多回答自己打算做一下提升，便有了自己基于wordpress开发微信小程序的想法项目定位基于wordpress+uniapp进行开发，开发一套基础版的微信小程序，现在想到这么多
福兴信息科技·2024-02-03 08:44

uniapp父子组件通信

在Uni-app中，可以使用props和$emit方法实现父子组件之间的通信。父组件向子组件传递数据（props）：1.在父组件中，在子组件的标签上使用属性绑定方式传递数据2.然后，在子组件中通过props接收父组件传递过来的数据{{message}}exportdefault{props:{message:String}};这样，父组件中的parentMessage就会传递给子组件的messag
前端fighter·2024-02-03 07:17

uniapp实现自定义底部tab栏

1、自定义底部导航组件接收一个tabs数组作为参数，每个数组项包含icon和text字段，用于表示每个底部标签的图标和文本。通过遍历tabs数组，渲染每个底部标签项的图标和文本。activeIndex表示当前选中的底部标签的索引。点击底部标签时，调用switchTab方法切换底部导航，并通过$emit触发switchTab事件，将选中的标签索引传递给父组件。                    
前端fighter·2024-02-03 07:17

如何查看手机APP使用的前端框架？

三、打开解压后文件夹中的assets文件夹，参考图：四、由上图得出，此APP所用前端框架为uniapp（不同APP所用前端框架有所不同，自行判断即
张牛儿·2024-02-03 00:25

uniapp小程序实现直播组件live-player全屏问题

实现效果：代码：exportdefault{data(){return{srcLink:"",showControlbar:true,timer:null,btnToggle:false}},onLoad(option){this.srcLink=option.id;wx.getVideoInfo({src:this.srcLink,success(res){console.log(res)}})
tianxinw·2024-02-02 21:12

SpringIOC之support模块PostProcessorRegistrationDelegate

《Uniapp项目案例》有几个有un
卡布奇诺-海晨·2024-02-02 20:11

“type-check“ exited with 1.

《Uniapp项目案例》有几个有un
卡布奇诺-海晨·2024-02-02 20:11

Error: Projects must list all files or use an ‘include‘ pattern.

《Uniapp项目案例》有几个有un
卡布奇诺-海晨·2024-02-02 20:09

自定义modal模态框

在uni-app中，通过自定义组件和组件扩展来实现自定义的模态框Modal组件。1.创建自定义组件：在uni-app项目中，创建一个自定义的模态框组件。
前端fighter·2024-02-02 16:08

uniapp生命应用生命周期和页面生命周期

在uni-app中，组件生命周期分为两部分：页面生命周期和应用生命周期。页面生命周期用于控制页面的生命周期事件，而应用生命周期用于控制整个应用的生命周期事件。页面生命周期：onLoad：页面加载时触发，可以在这个生命周期里进行初始化数据操作。onShow：页面显示时触发，每次页面展示都会触发，比如从其他页面返回到该页面时。onReady：页面初次渲染完成时触发，可以在这个生命周期里访问页面节点。o
前端fighter·2024-02-02 16:36
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他