一，下载HBuilderX软件首先需要下载HBuilderX框架下载地址：https://www.dcloud.io/hbuilderx.html二，创建uniapp项目选择uni-app，默认模板即可 、创建之后的项目目录 在pages里创建页面导入你项目所需要的静态资源（图片）在static文件中这时可以尝试运行文件最后运行

serve.js//和请求一块封装BASE_URL='https:test.com/api'//统一请求地址exportconstuploadFile=(options)=>{ returnnewPromise((resolve,reject)=>{ console.log('options',options) letheader={} header['Content-Type']=

{"pages":[{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-app","navigationBarBackgroundColor":"#c7edcc"}

<viewclass="apply-form"><viewclass="apply-lt">手机号</view><viewclass="apply-phone"><

onLoad同级,有图片就用图片，没图片就直接用屏幕截图onShareAppMessage(){letthat=this;letpages=getCurrentPages();letroute=pages[pages.length-1].$page.fullPath;letimageUrl=that.shareUrl||'';if(image

Uniapp导入Vant组件库VantWeapp开发文档VantWeapp-轻量、可靠的小程序UI组件库创建wxcomponents目录在uniapp项目的根目录下，创建一个新的wxcomponents目录下载vant-weapp项目[email protected]:vant-contrib/vant-weapp.git下载下来后，把

第一步：新建文件夹services第二步：新建文件request.ts//服务器接口地址constbaseURL:string='http://xxxxxx'//本地调试接口地址//constbaseURL:string='http://xxxxxx'//封装公共请求方法functionrequest(url:string,method:"GET"|"POST"|undefined

uniapp实现音视频通讯还在为uniapp的音视频通讯发愁吗？anyRTC为解决广大开发者需求，特别研发了uniapp版的音视频通讯。anyRTC实时通信包括两个模块：实时音视频模块-音视频通信实时消息模块-信令交互，直播间弹幕等通信下面我来带大家先了解实时音视频模块示例项目运行流程(

获取微信小程序的AppID官方文档https://lbs.qq.com/qqmap_wx_jssdk/index.html在uni-app项目中的manifest.json文件中的微信小程序获取AppID以及开启位置接口获取腾讯位置服务的Key搜索腾讯地图api进去并登录https://lbs.qq.com/下载sdk下载微信小程序JavaScript

安装npminstallqs//用来序列化post类型的数据引入importbaseUrlfrom'../baseUrl';//url地址信息importqsfrom'qs'//处理data环境切换uni-app可通过process.env.NODE_ENV判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的

本篇会详细讲解如何在uniapp开发中去使用长连接，如有疑问可以下方评论或者私聊。一、引入第三方插件socket.ioimportiofrom'@/common/uni-socket.io.js';二、建立长连接onSocket(state,user){//每次建立长连接之前先断开连接，防止重复 if(state.socket){

在用uniapp编辑支付宝小程序富文本的时候，发现rich-text不显示解决问题：安装插件对字符串进行转换yarnaddmini-html-parser2js文件引入importparsefrom'mini-html-parser2'对字符串进行转换lethtmlNodes=[];//声明（防报错，不报错也可以不声明）parse(ret.data.info,(

在做自定义分享时，用到了微信jssdk，记录一下。声明：本文演示uniapp中使用jssdk，示例为网页自定义分享npm方式使用下方指令进行安装，正文部分为非npm方式。npm install jweixin-module --save1、下载导入jssdk文件下载链接：https://www.lanzous.com/i8ujkvi下载后放在项目中，具体放置位

//支付 toPay(){ this.$request.post(this.$api.system.order_pay,{ order_sn:this.order_sn,//订单号 pay_type:this.pay_type,//支付类型，后端定义 }).then(res=>{ this.$msg(res.msg,0) if(this.pay_type==3&&res.code==2

什么是跨域？跨域是指一个域下的脚本试图去请求另一个域下的资源。造成跨域的原因？由于H5前端测试时启动地址是localhost:8081，SSM框架ip地址是localhost:8080。端口不同，产生了跨域问题。解决方法：先配置uniapp的manifest.json配置SSM后端1.maven项目，在pom.xml中配置下<

1.安装npmihtml2canvas2.代码<template><view><viewclass="print"@click="generatorImage"><spanstyle="font-size:30px;">打印</span></view><

搜索蓝牙连接蓝牙获取特征存储特征 import{ mapState }from'vuex'; exportdefault{ data(){ return{ isSearching:false,//是否正在搜索中 list:[], services:[], detail:"",//货品详情 serviceId:0, writeCharacter:fa

<template> <viewclass="relative"> <viewclass="date"> <viewclass="titleflexcol"> <viewv-for="item,indexintitle"class="title-itemflexcenterborbox"> {{i

今天APP上线之后发现一个问题，提示：本应用使用HBuilderX3.1.12或对应的cli版本编译，而手机端SDK版本是3.1.13，不匹配的版本可能造成应用异常。如图：一、问题原因HBuilderX1.7.0及以上版本uni-app添加了运行环境版本和编译环境版本的校验机制，当两个版本不一致时会弹出如上

背景我18年本科毕业，年前已有换工作想法，一直没有付诸行动，疫情爆发后回到老家，年后开始找工作，对于自己水平不是很清楚，之前找工作一直都挺顺利的。大学毕业没有留在实习单位继续做前端开发，那时候三大框架已经开始流行了，实习公司用的还是jquery。回老家学了一个月的车和vue、小程

1.配置URL地址文件项目根目录下生成一个文件夹config，文件夹中生成一个config.js文件。module.exports={dev:"www.xxxxxx.xxx",test:"www.xxxxxx.xxx",pro:"www.xxxxxx.xxx"}2.请求拦截、响应拦截项目根目录下生成一个文件夹utils，文件夹中生成

在数据量较大时采用后端分页是常用的方法，与PC端不同的是，移动端分页往往不借助分页条，而是向上滑动触发对下一页的请求。在小程序里，向上滑动会触发onReachBottom事件，在该事件里发起对下一页的请求即可。首先在列表底部添加一个提示表现当前列表状态<divclass="loading-text">

uniapp--request请求封装，uploadFile上传文件封装request.jsvarapiUrl='http://192.168.1.156:9527';//放入后台接口的url//封装request请求constsendRequest=(url,method,data={},contentType)=>{ //判断header提交数据类型 lettypes=''; //co

body<viewclass="bbgxw"v-if="isgx==1"> <viewclass="bbgx"> <viewclass="bbgx1"> 版本更新提示 </view> <viewclass="bbgx2"> 发现新版本，快去更新体验吧~ <viewclass=&quo

一、项目中要求：1.1点击写文章1.2点击标签1.3点击#爱情#1.4最后标签展示为蓝色字体二、思路：这是uniapp里editor组件的使用。需先获取EditCont组件中的内容，进而将#爱情#标签添加到组建的内容中，最后重新渲染EditCont组件内容；三、方法：项目中有一个主页面，主

login(){ varwxCode=''; uni.login({ provider:'weixin', success:(res)=>{ //console.log(res.code) wxCode=res.code; } }) uni.getUserProfile({ lang:'zh_CN', desc:'获取您的昵

点点点效果vue多行vue单行nvuevue多行overflow:hidden;//超出部分隐藏 -webkit-line-clamp:3;//只显示两行 text-overflow:ellipsis;//超出部分显示省略号 display:-webkit-box;//将对象作为弹性伸缩盒子模型显示 -webkit-box-orient:vertical;//

1，   2，注意点：路径必须要这样写，不然找不到， 3，使用：   

$box-shadow2:0px5px5px0px#EDEDED;使用：box-shadow：$box-shadow2效果：

目录前言步骤一步骤二总结前言做项目的时候遇到一个问题，就是vue脚手架创建的项目，使用以下代码可以在控制台-application-sessionstorage下看到vuex的字段，但uniapp看不到。于是便寻找原因。...store.jsimportVuefrom'vue';importVuexfrom'vuex';importcreatePersiste