uniapp轮播

uniapp导入uView组件库

目录准备工作1.新建一个项目2.导入uview组件库3.关于SCSS配置步骤1.引入uView主JS库2.在引入uView的全局SCSS3.引入uView基础样式4.配置easycom组件模式添加效果实验运行即可成功准备工作1.新建一个项目2.导入uview组件库在进行配置之前，请确保您已经根据安装中的步骤对uView进行了下载安装，如果没有，请先下载安装HbuilderX方式下载方式配置文档如果
前端 贾公子·2024-01-27 13:22

JS-组合设计模式

设计模式：针对特定问题提出的简洁优化的解决方案当多个实例对象需要统一启动的时候，则可以使用组合设计模式统一调度实例对象的启动方法，达到启动统一管理使用set集合实现//轮播图构造函数functionCarousel
Turbosaa·2024-01-27 11:27

uniapp 封装公共请求方法

版本vue2在main.js中引用//导入封装好的请求数据的方法importUtilfrom'@/util/util.js'importHttpfrom'@/util/request.js'//封装请求路径importstoragefrom'@/store/storage.js'Vue.prototype.$storage=storageVue.prototype.$Util=UtilVue.pr
Sliy 磊磊·2024-01-27 11:46

移动端——uniapp开发记录(公共请求request封装)

移动端开发需要兼容各个端,技术栈选用vue2+uniApp；1.项目初始化可以使用IDE(HBuilderX)去初始化项目，也可以使用npm命令去构建实现不依赖uniapp去打包部署;【详细见官网】2.
我不瘦但很逗·2024-01-27 11:45

uniapp封装接口方法挂在到全局

1.新建util/api.jsconstBASE_URL="http://localhost:8082"exportconstmyRequest=(options)=>{returnnewPromise((resolve,reject)=>{uni.request({url:BASE_URL+options.url,method:options.method||'GET',data:options
前端路上迷茫的小鲨鱼·2024-01-27 11:12

uniapp封装request请求的方法

第一步：新建utils/request文件//导出方法//1.直接导出用export导出声明的变量//exportconstxx=({})=>{}//2.模块导出如下module.exports={}//注意:直接导出的需要使用解构赋值{}不能直接引文件名constbaseURL='http://localhost:3000'//1封装公共请求接口方法exportconstrequest=({ur
不抽烟的小王·2024-01-27 11:42

uniapp封装公共的方法或者数据请求方法

仅供自己参考，不是每个页面都用到这个方法，所以我直接在用到的页面引用该公用方法：1、新建一个util.js文件exportconstaddress=function(options){returnnewPromise((resolve,reject)=>{uni.request({url:"https://x.cxniu.cn/api/area_list",method:"GET",success
傻的太坏·2024-01-27 11:11

数字博物馆系统的设计与实现(论文+源码)_kaic

本毕业设计关键实现集人性化、高能率、特别便捷等特别好性于一身的数字博物馆教学系统，系统主要包含了用户登录、轮播图管理、留言反馈管理、保护修复管理、公告管理、信息介绍管理、
开心工作室_kaic·2024-01-27 11:04

【uniapp/vue/pdf.js】在 uniapp 中使用 pdf.js（可以实现在电脑和手机上预览 pdf 文件）

pdf.js可以在uniapp中使用，可以实现在电脑和手机上预览pdf文件，如果是用iframe无法实现在手机上预览，附件传的是比较低版本的pdf.js文件（2.2.228），其中跨域报错已处理，因为我试过高版本的
花间半盘棋·2024-01-27 10:28

HbuilderX报错“Error: Fail to open IDE“，以及运行之后没有打开微信开发者,或者运行没有反应的解决办法

按照步骤一步一步完成分析,除非代码报错,否则都是可以启动的第一步:检查HbuildX是否登录账号第二步:检查微信开发者工具的端口有么有打开第三步:配置manifest.json中的微信小程序选项第四步:重新获取uniapp
苦逼的猿宝·2024-01-27 09:46

uniapp中事件传参，传递对象

套用多层vfor循环的复杂页面结构指定的:key="subItem.id"为undefind引起的问题导致点击传的参数为undefind。并且如果是多层v-for嵌套，只要某一层的:key出现问题，那么这一层以及其子级循环的值都无法取到。尽量使用:key=index
良诤·2024-01-27 09:01

uniapp小程序：内存超过2mb解决方法（简单）message：Error: 上传失败：网络请求错误 代码包大小超过限制。

分析：这种情况是代码文件内存超过2mb无法进行预览上传解决方法：1、Hbuilder中点击运行-->运行到小程序模拟器--->运行时是否压缩代码2、在微信小程序中点击详情--->本地设置：3、点击预览即可运行了
荀鼠不是鼠·2024-01-27 08:31

uniapp使用真机调试报未授权错误问题解决，亲测有效

首先要使hbuilderx能识别到手机设备，需要找到手机版本信息多次触发激活开发者模式，找到开发者选项-->开启usb调试，数据线连接电脑（作用选择传输文件）然后选择andriod基座运行发现能够成功连接上之后就一直报错控制类这样的手机上这样的解决方案找到你的网络连接，把你当前连接的网络的其他网络设备禁用就可以正常运行亲测有效~~~~~
111自由人·2024-01-27 07:09

Uniapp生命周期函数

UniApp的生命周期函数与Vue的生命周期函数类似，但也有一些特定于UniApp的生命周期函数。
111自由人·2024-01-27 07:08

uniapp使用vuex整合各个模块

vuex作为各个组件的中转站，在组件间通信过程中发挥了很大的作用，下面我就通过使用uniapp使用vuex来去整个各个模块的数据,步骤如下：建立store文件夹，并编写store文件exportdefault
111自由人·2024-01-27 07:08

JS基础学习:轮播图完善/offset系列/图片跟随鼠标

案例：图片跟随鼠标飞img{position:absolute;}document.onmousemove=function(e){my$('im').style.left=e.clientX+"px";my$('im').style.top=e.clientY+"px";};直接通过document获取元素啊娃娃//获取的是元素---标签console.log(document.body);//
Merbng·2024-01-27 04:59

uniapp获取定位

在uni-app中获取用户的地理位置信息，主要涉及使用框架提供的API来获取当前设备的位置。下面是如何在uni-app中实现获取用户定位的步骤：使用uni.getLocationuni-app提供了uni.getLocation方法来获取设备的当前位置。这个方法是异步的，你可以使用回调函数或Promise来处理结果。以下是一个基本的示例：exportdefault{data(){return{la
翱翔-蓝天·2024-01-27 01:01

【uniapp小程序】安卓手机与苹果手机的getPhoneNumber拒绝授权返回错误信息不同

getPhoneNumber拒绝授权返回错误信息不同开发工具和ios是getPhoneNumber:failuserdeny；安卓手机是getPhoneNumber:fail:userdenygetPhoneNumber:function(e){if(e.detail.errMsg==='getPhoneNumber:ok'){//确认授权的代码}elseif(e.detail.errMsg===
七冬与小糖·2024-01-27 01:06

【uniapp小程序】实现二维码图片弹窗、保存图片功能

小程序uniapp需要实现一个点击某个按钮后，弹出二维码图片，并且有保存图片的功能。
七冬与小糖·2024-01-27 01:36

【uniapp小程序】分享功能onShareAppMessage函数传参数

【uniapp小程序】onShareAppMessage函数传参数小程序中分享功能需要在button组件中添加open-type:“share”，当点击button的时候就会调用onShareAppMessage
七冬与小糖·2024-01-27 01:36

uniapp小程序使用canvas画布进行签名

重写保存预览上传完成返回请签名exportdefault{data(){return{canvasName:'handWriting',ctx:'',canvasWidth:0,canvasHeight:0,transparent:1,//透明度selectColor:'black',lineColor:'#1A1A1A',//颜色lineSize:1.5,//笔记倍数lineMin:0.5,//
白小白灬·2024-01-27 01:33

解决uniapp真机调试报错信息真机运行失败，失败原因：手机上没有信任本计算机的授权，请在手机上信任该授权

错误信如图所示，错误原因网上搜了些解决方法未解决，个人解决方法:网上下载小米助手到电脑上，官网下载地址，打开小米助手连上手机，具体连接方法网上自行寻找，之后再次测试uniapp真机调试成功。
白小白灬·2024-01-27 01:02

JS-swiper插件

插件：就是别人写好的一些代码，我们只需要复制对应的代码，就可以直接实现对应的效果官网：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
小沐°·2024-01-27 00:24

uniapp组件库fullScreen 压窗屏的适用方法

目录#平台差异说明#基本使用#触发压窗屏#定义压窗屏内容#注意事项所谓压窗屏，是指遮罩能盖住原生导航栏和底部tabbar栏的弹窗，一般用于在APP端弹出升级应用弹框，或者其他需要增强型弹窗的场景。警告由于uni-app的Bug，在最新版的HX2.8.6(包括之前的多个版本)，此功能(组件)无效，等到uni-app修复此Bug时，我们会撤销此通告。提示这里的做法是在本页面打开一个新页面，同时在pag
TechWhiz-晓同·2024-01-26 20:53

uniapp组件库Line 线条 的适用方法

目录#平台差异说明#基本使用#线条类型1.3.7#兼容性#API#Props此组件一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用组件内部有预置的参数，直接使用即可，有如下几个参数需要了解：color为线条的颜色direction为线条的方向，默认为
TechWhiz-晓同·2024-01-26 20:20

uniapp vuecli项目融合[小记]：将多个项目融合，打包成一个小程序/App，拆分多个H5应用

前言：目前两个uniappvuecli开发的项目【A、B】，新规划的项目C：需要融合项目B80%的功能模块，同时也需要涵盖项目A的所有功能模块。
陨石猎人·2024-01-26 20:12

uniapp项目搭建

目录uni-app项目搭建路由request工具封装UI组件如何引入uni-app项目搭建什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。为什么要选择uni-appuni-app在开发者数量、案例、跨端抹平度、扩展灵活
qq_27169469·2024-01-26 19:49

uniapp框架组件封装调用及环境变量配置

组件封装uniapp组件封装及调用方法跟vue用法其实差不多组件建立最外层新建个components文件（文件名可自定义），建个Toast文件夹（文件名可自定义），内层建个index.vue文件浅写个demo
马农码字·2024-01-26 19:49

uniApp介绍篇-1.基础框架搭建与排坑备忘

基础框架搭建与排坑备忘一.uniApp介绍与注意点1.目录结构2.跳转页面3.条件编译4.生命周期5.样式布局6.图片引用7.html标签8.JsApi9.小程序组件支持10.事件调用11.文件存放注意点二
情系半生e·2024-01-26 19:49

uniapp 框架搭建及使用

uniapp官方文档uview官网文档前期工作：1.下载HbuilderX编辑器；2.熟悉uniapp的相关文档；3.查找合适的UI组件库，我使用的是uview（适配H5和小程序）创建uniapp新建:
马农码字·2024-01-26 19:17

uniapp表单上传多张图片

uniapp实现表单内多图片上传注意事项：只有app支持多图片上传，小程序只能一张一张传需求描述：表单数据和选择的多张照片同时提交，效果如下所示：话不多说，上代码，前端代码：问题描述请录入问题描述照片提交取消
ljw@lq·2024-01-26 19:13

uniapp定位失败，不同情况处理方式

exportdefault{getPosition(){uni.showLoading({title:"获取定位中...",mask:true,});returnnewPromise((resolve,reject)=>{uni.getLocation({type:'gcj02',isHighAccuracy:true,success:(res)=>{uni.hideLoading()resolv
奶昔不会射手·2024-01-26 18:46

免费小程序商城搭建之b2b2c o2o 多商家入驻商城 直播带货商城 电子商务b2b2c o2o 多商家入驻商城 直播带货商城 电子商务

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
2301_77700816·2024-01-26 18:29

uniapp 开发H5页面，实现语音识别功能--前端，不包含后端转换

一、背景微信小程序开发，内嵌h5页面，不能调用微信内部的插件二、实现方式通过安装js-audio-recorder插件实现既定需求三、具体步骤1、安装插件npmijs-audio-recorder2、引入在需要使用的页面中引入：importRecorderfrom'js-audio-recorder';3、具体配置1、定义recorderdata(){return{recorder:null};}
一块西瓜皮啦·2024-01-26 18:27

uniapp app更新

uniappapp更新这个版本要随之增加，不然刚更新时直接用app,新包增加的那些页面跳转会有问题，不能跳新的页面//app更新检测updataApp(){constthat=this;uni.showLoading
前端菜鸟丶Ndie·2024-01-26 17:07

使用uniapp框架写小程序，requestjs文件中的常用配置

创建文件夹：utils-request.js1，使用uview中封装好的(封装的是uniapp中的网络请求)在requestjs文件夹中代码如下：//初始化请求配置uni.
好想Z☡zᶻ·2024-01-26 16:55

uniapp 微信小程序分包

uniapp微信小程序发布时，压缩完单包还是超过3M解决方法：1）uniapp运行微信开发工具时，勾选上“运行时是否压缩代码”2）在manifest.jsom中设置分包3）手动分包具体可查看官方文档首先新建一个跟
Shiki2147·2024-01-26 14:54

uniapp --request请求封装，uploadFile上传文件封装，上传多张图片

uniapp--request请求封装，uploadFile上传文件封装request.jsvarapiUrl='http://192.168.1.156:9527';//放入后台接口的url//封装request
Shiki2147·2024-01-26 14:54

SSM+mysql儿童疫苗接种管理系统-计算机毕业设计源码35164

儿童疫苗接种管理系统，主要的模块包括查看首页、个人资料、公共管理（轮播图、公告信息）用户管理（管理员、儿童家长、入库员、接种员）信息管理（疫苗资讯、资讯分类）疫苗供应商、疫苗接种点、疫苗信息、接种预约、
vx_Biye_Design·2024-01-26 11:55

springboot+mysql+微信小程序点餐系统-计算机毕业设计源码65933

摘要点餐系统小程序采用B/S模式、采用JAVA语言、SSM框架、mysql数据库、小程序框架uniapp等开工具。促进了点餐系统小程序的业务发展。
vx_Biye_Design·2024-01-26 11:55

java版Spring Cloud+SpringBoot+mybatis+uniapp b2b2c 多商户入驻商城微服务设计

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
不会写代码的女程序猿·2024-01-26 11:46

/deep/ 深度选择器

一般使用场景有2个.1.是嵌套了子组件的父组件上,2.是UI组件的节点样式修改上,如swiper组件的轮播分页原点样式上.需要注意的是:/deep/效果对其下所有子组件的样式都生效,不需在里面嵌套使用.
浪浪山小妖_·2024-01-26 10:28

Java+Spring Cloud +Vue+UniApp微服务智慧工地云平台源码

目录智慧工地云平台功能【劳务工种】所属工种有哪些？1.管理人员2.信息采集3.证件管理4.考勤管理5.考勤明细6.工资管理7.现场统计8.WIFI教育9.课程库管理10.工种管理11.分包商管理12.班组管理13.项目管理智慧工地管理平台是以物联网、移动互联网技术为基础，充分应用大数据、人工智能、移动通讯、云计算等信息技术，利用前端信息采通过人机交互、感知、决策、执行和反馈等，实现对工程项目內人员
源码技术栈·2024-01-26 10:41

Vue 自定义轮播

先看效果图：开发可视化大屏的时候想在网上随便找一个，翻了翻都不太满意就手撸了一个，配置信息如下：有些属于“预留”功能，目前没有达到理想效果，后续我会在这篇博客里继续完善，源码如下：自定义轮播图文字和图片没有什么关联图片是河南开封的美景
我不是费圆·2024-01-26 10:48

uni-app之网络请求解决跨域

一：uniapp网络请求第一步：新建uni-app项目第二步：在npmjs中下载第三方包（用于请求）安装步骤链接如下：@escook/request-miniprogram-npm1、打开uniapp项目的终端输入
bsegebr·2024-01-26 10:06

uniapp制作app的nvue组件live-pusher聚焦框问题

methods:{//拦截点击在live-pusher上,避免出现聚焦框over(){return},}//定位遮挡.dingwei{position:absolute;top:0rpx;width:557rpx;height:557rpx;background:#000000;opacity:0;}
前端专业写bug·2024-01-26 10:36

uniapp Android 离线打包之未配置appkey或配置错误

1、去官网申请appKey:申请Appkey2、项目中使用appKey:3、参考官方教程，修改配置：配置教程注意：本地的appId和官网中应用的appId保持一致：本地的appId和官网中应用的appId保持一致：本地的appId和官网中应用的appId保持一致：1、修改：dcloud_control.xml文件中的appid:2、修改app下的资源目录名称：修改dcloud_control.xm
唐诺·2024-01-26 10:33

Vue开发之proxy代理的配置（附带uniapp代理配置）

vue1.在vue.config.js中添加devServer属性中配置proxy属性module.exports={productionSourceMap:false,publicPath:'/',devServer:{port:8085,proxy:{'/api/admin':{target:'http://10.58.104.70:6111',changeOrigin:true,pathRe
qq_386605092·2024-01-26 10:03

uniapp报错：export { render, staticRenderFns, recyclableRender, components }

uniappvue2项目启动报错export{render,staticRenderFns,recyclableRender,components}解决办法:降低prettier的版本"prettier
彭世瑜·2024-01-26 10:32

uniapp安卓android离线打包本地打包整理

离线打包准备下载Androidstudio1.准备资源hbuilder2.准备离线SDK最新android平台SDK下载最新android平台SDK下载3.离线打包key申请4.直接导入HBuilder-Integrate-AS工程，直接运行simpleDemo项目即可5.安装java1.8jdk-8u151-windows-x646.遇到这个报错报错Causedby:org.codehaus.g
前端专业写bug·2024-01-26 10:01
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他