uniapp项目案例

html 中如何使用 uniapp 的部分方法

示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
某公司摸鱼前端·2024-09-16 10:55

uniapp map组件自定义markers标记点

需求是根据后端返回数据在地图上显示标记点，并且根据数据状态控制标记点颜色，标记点背景通过两张图片实现控制{{item.options.labelName}}exportdefault{data(){return{storeIndex:0,locaInfo:{longitude:120.445172,latitude:36.111387},markers:[//标点列表{id:1,//标记点idin
以对_·2024-09-16 06:55

uniapp使用内置地图选择插件，实现地址选择并在地图上标点

uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：page{background:#F4F5F6;}::-webkit-scrollbar{width:0;height:0;color
神夜大侠·2024-09-16 03:04

uniapp实现动态标记效果详细步骤【前端开发】

第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
2401_85123349·2024-09-16 02:28

若依后端正常启动但是uniapp移动端提示后端接口异常

pc端能用模拟器也能正常连接接口，手机端真机调试连不上接口解决：1.先看config.js的填自己的ip地址module.exports={//baseUrl:'https://vue.ruoyi.vip/prod-api',baseUrl:"http://192.168.101.5:8080",}2.网络环境问题（防火墙）点击属性然后选择专用
大可大可抖·2024-09-15 20:02

uniapp 获取各种小程序code

各种小程序在进入小程序是都需要去获取code才能拿到基础信息，自己记录一下用uniapp开发小程序是获取微信小程序、百度小程序、头条小程序、支付宝小程序的codeVue.prototype.
灵魂清零·2024-09-15 18:52

uniapp实现IM即时通讯仿微信聊天功能

本文介绍如何基于UNIAPP使用即时通讯SDKZIMSDK快速实现基本的消息收发功能。
即构开发者·2024-09-15 17:59

uniapp设计H5 tabbar会遮挡内容区的解决办法

uniapp设计H5tabbar会遮挡内容区的解决办法1.现象底部tabbar会遮挡内容区最底部的文字2.解决方法—css中增加个padding-bottom:var(–window-bottom)这样就是好了官方依据官方文档链接
qq_39016177·2024-09-14 20:37

uniapp H5 关掉全部头部header

uniappH5关掉全部头部header1.进入pages.json文件"globalStyle":{//"navigationStyle":"custom","navigationBarTextStyle
qq_39016177·2024-09-14 20:06

uniapp+uview-plus实现微信小程序自定义tabbar

参考文档微信小程序相关开发文档链接：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html虽然是uniapp
yx_back·2024-09-14 18:58

uniapp 获取当前位置和地理信息（微信小程序和APP）

一、在微信小程序中获取位置信息1、首先引入amap-wx.130.js文件，在项目中可以新建文件夹common，在下面引入该js文件2、在使用的页面引入该js，importamapfrom'@/common/amap-wx.130.js'exportdefault{data(){return{amapPlugin:null}}}3、获取定位信息（注意先需要申请高德地图的key）申请方式如下连接vu
火星代码·2024-09-14 17:22

uni-app获取设备唯一值、静态IP以及公网IP的方法

最近开发uniapp的时候，想要获取设备的唯一值作为绑定设备的序列号，还有手动设置的IP以及联网后的公网ip，在插件市场找到一个插件，非常适合，链接如下：lrw-getip-getid，特意在此记录一下
[廾匸]·2024-09-13 11:10

uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？

创建一个js文件里面如下importVuefrom'vue'exportdefault{computed:{},onShow(){//分享到朋友圈一定要在onShow中wx.showShareMenu({withShareTicket:true,menus:['shareAppMessage','shareTimeline']})},//发送给朋友onShareAppMessage(res){va
爱吃玉米的螃蟹·2024-09-13 11:40

uniapp实现下拉刷新

uniapp实现下拉刷新在pages.json里面配置"enablePullDownRefresh":true{"pages":[{"path":"pages/ces/index","style":{"
十一吖i·2024-09-13 11:09

uniapp对tabbar封装，简单好用

第一种，效果展示上代码，新建一个公用组件，tabbar.vue微信通讯录发现-->{{num}}发现我的exportdefault{name:"tabbar",data(){return{num:2,value:this.vlue,list:[{path:"pages/index/home"},{path:"pages/index/login"},{path:"pages/index/cartpa
爱吃玉米的螃蟹·2024-09-13 10:34

EP6 同一组件通过传递不同属性展示不同效果

文件路径：E:/homework/uniappv3tswallpaper/pages/index/index.vue公告文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容每日推荐专题精选
京城五·2024-09-12 22:14

EP7 底部tab切换页面标签

文件路径：E:/homework/uniappv3tswallpaper/pages/classify/classify.vue.classify{padding:30rpx;display:grid;
京城五·2024-09-12 22:14

【uni-app】1 uniapp介绍 & 使用 + 小程序实时获取视频播放时间

文章目录一、uni-app介绍1、诞生背景2、uni-app是什么（what、where）3、uni-app的优势（why）4、uni-app的功能框架图二、使用uni-app（how）1、下载安装&创建项目2、多端运行3、uni-app操作三、其他微信小程序实时获取视频播放时间（秒）一、uni-app介绍1、诞生背景多端泛滥。现在是一个多端泛滥的时代，用户被分散到了各个平台，随着微信小程序的兴起
疾风小蜗牛·2024-09-12 03:16

Uniapp中watch的使用

在Uniapp中，可以使用`watch`属性来监听数据的变化，并执行相应的操作。`watch`可以用于监测单个数据的变化，也可以同时监测多个数据。
Deryck_德瑞克·2024-09-12 03:13

uniapp微信授权应该在哪里做

在uniapp开发中，微信授权应当在用户界面组件中进行。授权流程包括：获取用户code、用code换取openid和unionid、应用使用openid或unionid进行后续操作。
linlinlove2·2024-09-11 11:48

uniapp 小程序样式兼容

一、遇到的问题使用uniapp一起开发h5和小程序版本，在h5上样式是正常的，但是小程序里样式未生效二、遇到的情况1、*标签经过小程序编译后会变成label标签，css中span样式的位置label标签
zpjing~.~·2024-09-11 09:32

uniapp微信小程序开发踩坑日记：Pinia持久化报错Cannot read property ‘localStorage‘ of undefined

插件默认使用localStorage实现持久化，小程序端不兼容，需要替换持久化APIimport{defineStore}from'pinia'exportconstuseCommonStore=defineStore('pack-store',{state:():State=>({wwInfo:{},globalData:{},timerLock:false,//是否关闭合成定时器}),gett
肖肖肖丽珠·2024-09-11 02:15

uniapp数据缓存和发起网络请求

数据缓存uni.onStorageSync同步的方式将数据存储到本地缓存存储数据constonStorageSync=()=>{//存储数据uni.setStorageSync('username','张三');uni.setStorageSync('age',25);};uni.getStorageSync从本地存储中同步读取数据存储数据{{username}}{{age}}import{ref
小汤猿人类·2024-09-11 02:12

uniapp媒体

uni.previewImage实现图片放大预览//图片预览函数functiononPreview(index){//收集所有图片的urlvarurls=pets.value.data.map(item=>item.url)//预览图片uni.previewImage({current:index,//当前预览的图片索引urls:urls//所有图片的url数组})}
小汤猿人类·2024-09-11 01:39

uniapp判断是图片还是pdf,如果是pdf则进行下载预览

一、附件中有图片也有pdf，需要进行预览，图片可直接预览，而pdf是下载后再预览二、主要代码{{item.title}}//预览图片preViewImg2(row){varimgArr=[];//给整个数组的文件列表都加上apifor(vari=0;i{if(data.statusCode===200){//文件保存到本地uni.saveFile({tempFilePath:data.tempFi
huang_jimei·2024-09-10 11:00

微信小程序简易弹幕组件(uniapp)

最终效果图如下：1.弹幕从弹幕区域外的右边滚动到左边，那么每条弹幕的实际滚动路径长度为当前弹幕的实际宽度+整个弹幕区域的宽度组件代码如下：{{item.text}}{{currentBullet}}2.本例中弹幕区域的宽度为当前屏幕的宽度。弹幕的滚动效果使用css3的animation实现，使用translateX来实现水平位移的变化。弹幕使用绝对定位初始时在屏幕的最左边（left:0），动画开始
Vivqst·2024-09-10 06:24

【Uniapp】前端面试题

Uniapp部分文章目录Uniapp部分1.Uniapp的页面生命周期和Vue的生命周期有何区别？1）Vue的生命周期2）Uniapp的页面生命周期3）区别2.Uniapp的rpx转换px的公式？
菜鸟una·2024-09-10 05:19

【Jeecg-uniapp】【HBuilderX】【Sass】-安装

【Jeecg-uniapp】【HBuilderX】【Sass】-安装在项目中，使用了sass，所以，需要安装对应的库。
goodmao·2024-09-10 02:28

uniapp安装自动导入插件

在日常编写中发现不断的使用import太麻烦,每次使用组件都需要导入,应该如何解决呢可以通过unplugin-auto-import插件来完成主要功能自动导入Vue组件:例如ref,reactive,computed等。支持其他库:可以配置来支持如lodash,dayjs等常用库的自动导入。按需加载:只导入实际使用的部分，减少打包体积。如何使用??以管理员运行HbuilderX打开终端运行以下命令
小汤猿人类·2024-09-08 20:27

uniapp小程序专栏六：图片保存本地

上代码：（写的好累啊…）//微信小程序保存到相册saveEwm(e){varthat=this//获取相册授权uni.getSetting({success(res){if(!res.authSetting['scope.writePhotosAlbum']){uni.authorize({scope:'scope.writePhotosAlbum',success(){//这里是用户同意授权后的
熊猫眼程序媛·2024-09-08 07:59

uniapp小程序openid和unionId

1.openid1.用户的openid在小程序中的固定不变的；2.用户在不同的小程序里的openid是不一样的；3.只要appid不变，openid就不变。获取openid1.使用uni.login获取code2.使用code调接口换取用户唯一标识OpenID、用户在微信开放平台账号下的唯一标识UnionID（若当前小程序已绑定到微信开放平台账号）和会话密钥session_key2.unionid
牛奶皮子·2024-09-08 07:23

微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

1.首先在pages.json中配置tabbar信息2.在代码根目录下添加tabBar代码文件直接把微信小程序文档里面的四个文件复制到自己项目中就可以了3.根据自己的需求更改index.js文件首先我这里需要判断什么时候隐藏某一个元素，需要引入接口然后在切换tabbar时，改变tabbar当前点击的元素importgetListfrom'../api/kdh'Component({data:{}.
牛奶皮子·2024-09-08 07:23

uniapp 微信小程序 分享海报的实现

主页面保存-->-->微信好友-->朋友圈-->保存图片-->-->importposterfrom"@/components/poster/index";import{saveImageToPhotosAlbum}from'@/utils/poster.js';exportdefault{components:{poster},data(){return{code:'',canvasImages
前端不加班·2024-09-08 07:23

uniapp小程序下载缓存服务器上的图片

1.使用uni.downloadFile,但是注意下载图片的地址里的域名，需要在微信公众平台里面的downloadFile合法域名进行配置。exportdefaultfunctiondownloadAndCacheImage(imageUrl,name){returnnewPromise((resolve,reject)=>{console.log("imageUrl",imageUrl,name
牛奶皮子·2024-09-08 06:48

Linux系统服务——【web，http协议，apache服务和nginx服务】（sixteen day）

一、web基础以及http协议1、web基本概念和常识前端开发一般用uniapp.1、Web:为用户提供的一种在互联网上浏览信息的服务，Web服务是动态的、可交互的、跨平台的和图形化的。
沉迷于学习的网络狗·2024-09-08 05:10

解决vite打包出现 “default“ is not exported by “node_modules/...问题

项目场景：uniapp+vue3+ts+vite问题描述：场景很多，下面只是一种//codemirror编辑器的相关资源importCodemirrorfrom'codemirror';errorduringbuild
司徒小北·2024-09-07 19:29

uniapp中使用pinia，并做数据持久化

安装依赖pnpmipiniapinia-plugin-persistedstate@nuxt/devalue-S创建store文件夹，创建持久化插件/store/plugins.tsimport{App}from'vue'import{createPinia}from'pinia'importdevaluefrom'@nuxt/devalue'import{createPersistedState
Terminal丶句点·2024-09-07 18:24

uniapp 隐藏滚动条

2020-11-14//在page.json{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path
追逐繁星的阿忠·2024-09-07 07:53

python pdf-pythonPDF书籍十三本

pythonPDF书籍十三本闯客网技术论坛部分Python资料合集，闯客网还有很多关于编程语言的学习资料和项目案例等免费下载，还有c++，c语言，java，Android和前端等等等的编程资料，应有尽有
weixin_37988176·2024-09-07 00:53

uniapp，vue3，ts，接口封装、小程序登录

在src下创建public文件夹，在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resol
程序猿_“大神”·2024-09-06 23:19

开源无人棋牌室源码，无人自助茶室源码，无人台球室，uniapp，Java

前一段时间在研究一个项目，uniapp可以适配微信小程序、h5，后台用java编写，数据库支持mysql，已对接多个品牌硬件，可以插拔式适配。对于这块有兴趣的可以拿来研究、学习。
charlesbabbage·2024-09-06 03:36

uni-app技术分享|开源demo视频呼叫arcall uni-app端技术实现

介绍基本uniapp_arcall是通过uniapp实现的语音通话、视频通话以及相关配套的呼叫邀请。解决向指定用户发起呼叫通知，对方接受后进行通话的场景需求。呼叫邀请基本流程
anyRTC·2024-09-06 03:36

uni-app基础框架搭建（vue3+ts+vite）

更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn
LB_bei·2024-09-06 01:24

Uniapp小程序分包

注：只拿uniap开发的小程序举例，mpvue略有差异1.首先在pages文件目录下创建pagesA文件（这里拿order页面举例），正常的order文件在pages文件下2.现在分包的话，就在pagesA文件下创建一个order文件，再把pages文件下的oeder页面剪切到pagesA的order文件下3.开始配置分包：配置mainfest.json文件(开启分包的功能)，找到源码视图“mp-
周bro·2024-09-05 15:15

uniapp APP版本更新

vardtask=plus.downloader.createDownload(userl.value,{},function(d,status){if(status==200){//下载完成-进行安装console.log('下载status',d,status)//console.log("Downloadsuccess:"+d.filename);this.show_update=false
初遇你时动了情·2024-09-05 15:14

uniapp实现位置授权并打开地图选择位置信息

实现效果图：步骤1：登录微信小程序公众平台，在“开发”——>“开发管理”——>“开发设置”中复制AppID(如果没有就申请一个)步骤2：注册并登录腾讯位置服务，点击右上角的控制台，创建应用获取Key,在“应用管理”——>“我的应用”中复制Key。（在创建应用的时候启用产品全打勾，授权APPID就填自己的微信小程序中的APPID，如下所示)步骤3：在微信公众平台“开发”——>“开发管理”——>“开发
sunshine-smile_lr·2024-09-05 15:43

类似《东郊到家》的APP小程序软件系统源码

以下是对这类系统源码的详细解析，包括技术框架、功能模块及新增特性等方面：一、技术框架前端：使用Vue和uniapp框架进行开发，Vue提供了组件化的开发模式，而uniapp则支持多端编译，包括小程序、H5
I592O929783·2024-09-05 14:10

SprinBoot+Vue宠物领养救助微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-05 00:03

SprinBoot+Vue阅读交流微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:28

SprinBoot+Vue食堂预约点餐微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他