草庐IT

使用vscode搭建vite+uniapp+vue3+uview-plus项目

1.使用vscode创建项目 npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project需要注意的是当前的node版本^14.18.0以上2.项目创建完成后npmrundev:mp-weixinnpmrunbuild:mp-weixin以上是以微信小程序为例,如需其他可以查看其他项目命令https://uniapp.dcloud.net.cn/quickstart-cli.html3.下载uview-plus1)uview-plus依赖SCSS所以需要先下载sass和sass-loadernpmisasssass-loader@10-D2)依次安装以

缺少nodejs环境,请在设置中配置nodejs的安装路径 - uniapp

HBuilder运行uni-app小程序项目运行到微信小程序内置环境提示:缺少nodejs环境,请在设置中配置nodejs的安装路径解决办法:找到工具–设置–运行配置-node运行配置,运行终端类型:选择内置/外部。踩坑,留下足迹~

uniapp 的socket类

新建类classsocketIO{ constructor(){ this.socketTask=null this.is_open_socket=false//避免重复连接 this.is_show_Loading=true this.url='连接地址'//连接地址 this.connectNum=1//重连次数 this.followFlake=true//traderDetailIndex==true重连 //心跳检测 this.timeout=15000//多少秒执行检测 this.heartbeatInterval=null// this.reconnectTi

【uniapp】小程序自定义一个通用的返回按钮组件

左边箭头,右边文字可以自定义,但是不要太长,太长可以自己改.back的width值,改宽一点。用这个组件的时候首先要在pages.json里把导航栏变成自定义的:,{"path":"pages/test/test","style":{"navigationBarTitleText":"","enablePullDownRefresh":false}},{"path":"pages/shop/shop","style":{"navigationBarTitleText":"","enablePullDownRefresh":false,//这个-->自定义导航栏 "navigationSt

uniapp微信小程序如何创建树形组件

 目录 1:前言2:最终效果:2.1一级菜单2.2二级菜单2.3三级菜单3:实现方法3.1:创建一级菜单 3.2创建二级三级菜单4:完整代码如下1:前言树形组件应用很广,应用于一些分层次的内容。vue有树形组件,但是uniapp没有树形组件,想要在uniapp使用树形组件,必须要自己写个树形组件。2:最终效果: 2.1一级菜单2.2二级菜单2.3三级菜单3:实现方法3.1:创建一级菜单建立一个view标签,遍历数据 {{item.title}} 之后在前面添加两个图标,两个图标分别对应点击前和点击后的不同的图标。view绑定方法,点击view时改变状态。使用v-if根据点击获取到的

uniapp 上传本地图片、以二进制流的方式上传

1、上传本地图片 1.1 uni.chooseImageuni.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。1.2 uni.uploadFileuni.uploadFile(OBJECT)将本地资源上传到开发者服务器,客户端发起一个 POST 请求,其中 content-type 为 multipart/form-data。如页面通过 uni.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器。代码: exportdefault{ methods:{ /** *从本地相册选择图片 */ handleCho

uniapp使用自带【刷新方法】与使用【scroll-view】实现下拉刷新上拉加载

前言:uniapp自带下拉刷新,上拉加载功能基本可以满足刷新需求,但是顶部有状态栏的页面就得进行特殊处理,使用scroll-view解决,状态栏会连带被下拉问题 1、uniapp自带下拉刷新、上拉加载在page.json中对应页面路由设置【enablePullDownRefresh】值为true(开启下拉刷新)代码://下拉刷新触发方法(和onLoad同级)onPullDownRefresh(){ this.params.pageNum=1this.PostCollectList()//获取数据},//上拉加载触发方法onReachBottom(){ if(this.hasNextPage){

uniapp 配置chooseLocation微信小程序腾讯地图选点

uniapp配置chooseLocation微信小程序腾讯地图选点场景在uniapp中使用地图选点搜索功能,回显功能,移动选点功能使用到的API是uni.chooseLocation详细看一下都有哪些属性latitude:目标地纬度Numberlongitude:目标地经度Numberkeyword:搜索关键字,仅App平台支持Stringsuccess:接口调用成功的回调函数Functionsuccess返回参数说明name:位置名称address:详细地址latitude:纬度,浮点数longitude:经度,浮点数fail:接口调用失败的回调函数Functioncomplete:接口调用

uniapp input 被键盘遮挡的解决方案

在uniapp登录页遇到了input被键盘遮挡的和一点击输入框(或两个输入框来回切换输入)页面就闪现刷新的问题。解决如下:闪现/刷新:用uniapp自身的input标签,替换uview的u-input,用@input事件替换掉v-model属性遮挡:增加三个标签属性:always-embed=“true”:adjust-position=“true”cursor-spacing=“30”inputtype="password"class="flex-1ml-2"placeholder="请输入密码"autocomplete="off":always-embed="true":adjust-po

uniapp引入uview-ui 报错:$u-badge-primary: $u-primary !default;

解决方法上面这个问题是在引入uview-ui这个ui框架后出现的,那么具体的解决方法是在项目根目录下的uni.scss文件中引入uview对应的样式文件:@import"@/uni_modules/uview-ui/theme.scss";插件地址uni-app插件地址(可以搜索一些其他的可用插件):https://ext.dcloud.net.cn/uView2.0重磅发布,利剑出鞘,一统江湖:https://ext.dcloud.net.cn/plugin?id=1593最后最后说一下,即使安装,样式引入都成功了,但是还是会报错提示不能使用的情况,建议重新创建一个uni项目,再次添加uvi