草庐IT

uniapp的tabBar角标

全部标签

uniapp获取用户头像

在uniapp中,你可以使用uni.getUserInfo方法来获取用户的头像信息,具体步骤如下:在需要获取用户头像的页面中,引入uni-app的API:importunifrom'@dcloudio/uni-app';在需要的地方调用uni.getUserInfo方法来获取用户的头像信息,例如在一个按钮的点击事件中:getUserAvatar(){//调用uni.getUserInfo方法获取用户信息uni.getUserInfo({success:(res)=>{//获取用户信息成功后,可以从res中获取到用户的头像信息constavatar=res.userInfo.avatarUrl;

【UniApp】-uni-app-打包成网页

前言经过上一篇文章的介绍,已经将这个计算器的计算功能实现了,接下来就是我们项目当中的一个发包上线阶段,我模拟一下,目的就是为了给大家介绍一下,uni-app是如何打包成网页的。除了可以打包成网页,uni-app还可以打包成小程序、App、H5、快应用等等,后面在单独开文章详细介绍。正文接着上篇文章的项目来进行,首先找到项目中的manifest.json文件,因为本篇是介绍打包成网页,所以我们要找到Web配置:配置页面标题配置一下:页面标题配置index.html模板路径配置index.html模板路径:指定VueHTML模板的路径,默认是项目目录结构下的index.html,如果你没有修改过,

【uniapp小程序-生成二维码+多个图片文字合并一张图】

canvasid="qrcode"canvas-id="qrcode"width="120">canvas> canvascanvas-id="shareCanvas"class="share-canvas">canvas>#qrcode{ opacity:0; position:absolute; left:-800rpx;}.share-canvas{ width:720px; height:1280px; background:#fff; position:fixed; left:-720px; top:0;}下载uqrcodejs:https://uqrcode.cn/doc

漫谈Uniapp App热更新包-Jenkins CI/CD打包工具链的搭建

零、写在前面HBuilderX是DCloud旗下的IDE产品,目前只提供了Windows和Mac版本使用。本项目组在开发阶段经常需要向测试环境提交热更新包,使用Jenkins进行CD是非常有必要的一步。尽管HBuilderX提供了CLI,但Jenkins服务通常都是搭建在Linux环境下的。当前的Uniappwgt打包服务是使用了WindowsServer+HBuilderXCLI的解决方案来进行打包,再用Jenkins远程调用接口。这套方案的弊病有如下几点:Jenkins侧仅负责少量参数的传递,如项目名、Gitrepo地址、分支名等,大部分流程不受控制,流水线的构建阶段显示不透明。核心由一个

『UniApp』uni-app-打包成App

前言大家好,我是BNTang,在上一节文章中,我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店趁热打铁,在来一篇文章,给大家详细的介绍如何将项目打包成APP。正文打包App也是一样的,首先需要配置关于App应用的基础信息,打开manifest.json:配置App图标选择App图标配置,选择一张即可,下面的尺寸都是自动生成而来的(建议使用1024*1024):配置App启动界面如果你有启动页面,你就可以在这个配置项当中进行配置,没有就不用配了。配置App模块如果你用到了模块当中的内容,勾选上,然后打包进去即可,没有用到就算了。配置App权限就是看你应用App中的

【uniapp】小程序中input输入框的placeholder-class不生效解决办法

问题描述uniapp微信小程序,使用input组件时,想要改变提示词placeholder的样式,但是使用placeholder-class改变不了如下:.placeholder_class{font-size:26rpx;}问题分析 如果你在使用`scoped`属性时无法改变`placeholder`的样式,可能是由于样式的优先级问题。在CSS中,选择器的优先级是根据其特定性和声明顺序来确定的。当多个选择器具有相同的特定性时,后面声明的样式会覆盖前面的样式。解决方案方法一:去掉scope为了避免影响我的其他代码,所以还是要使用scoped,我们可以单独再写一个style//原本其他的css样

uniapp微信小程序全局所有页面放置一个跳转首页的可以拖动的悬浮按钮

首页 exportdefault{ data(){ return{ x:400, //x坐标 y:400, //y坐标 } },methods:{goToIndex(){//跳转首页uni.switchTab({url:'/pages/index/index'})}} }.movable-area{//可以移动的范围 height:100vh; width:750rpx; top:0; position:fixed; pointer-events:none;//此处要加,鼠标事件可以渗透 .movable-view{//按钮大小 width

uniapp禁止页面下拉刷新(Android、IOS)

uniapp微信小程序系列问题文章目录uniapp微信小程序系列问题前言一、Android端禁止页面下拉刷新二、ios段禁止页面下拉刷新1.根据uniapp官方文档配置三、此处再提供两个可能用到的方法前言微信小程序解决页面禁止下拉刷新的问题,Android和IOS端分别对待提示:以下是本篇文章正文内容,下面案例可供参考一、Android端禁止页面下拉刷新.json文件中----固定整个页面,禁止下拉{"navigationBarTitleText":"首页","usingComponents":{},"enablePullDownRefresh":false,"disableScroll":t

uniAPP开发小程序使用MQTT通讯EMQX Cloud

uniAPP开发小程序使用MQTT通讯EMQXCloud首先感谢大佬参考案例下载并安装工具1.Hbuilderx2.nodejs3.MQTTX链接放这,自己下载安装MQTT服务器:EMQX第一步:测试MQTTX通讯1.记住这地址,你的服务器地址2.随便创建几个用户3.打开MQTTX填入刚刚的服务器地址注意我选的参数用户就是上图的用户和密码点击连接,成功失败的,自己再重复下上面看看哪里错了第二步:源码测试混个积分,谢谢,,,,源码1.打开源码IP就是刚刚你服务器的地址,密码就是服务器里面创建的用户的密码还有那个文件,我也没深究,所以还是要感谢大佬参考案例2.不要源码必须先安装Nodejs选择目录

【Android studio+uniapp】将Android 的插件打包成aar包放在uniapp中使用, Android studio将uniapp本地资源包打包成apk, 以及一些常用的配置

一.将Android的插件打包成aar包放在uniapp中使用点击构建-->rebuildproject打完包后会在build-->output-->aar文件夹中显示.然后将这个.aar文件放到uniapp中的自定义插件中.nativeplugins这个文件夹名不能改,固定的.然后到app原生插件中选择你刚刚的本地插件到这里你就可以使用自定义的安卓的插件了.二.Androidstudio将uniapp本地资源包打包成apk1,将uniapp端的代码打包成本地资源打包完后生成一个文件夹,_UNI_xxxxxx的文件夹,将这个文件夹放在Androidstudio中如下图位置2,key值,appI