![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uniapp
Remyme
遇上彩虹,吃定彩虹
展开
-
uniapp生成海报入坑指南
公司用uniapp开发的小游戏经常会用到生成海报分享给好友的需求,在uniapp的插件市场中找了很久,终于找到符合需求的海报插件,大概是这样地址如下:https://ext.dcloud.net.cn/plugin?id=471#image,在之前的游戏中友好型也比较强,简单修改一下内容基本上是可以用的。最近开发另一个项目的时候又要用到海报,再次用到此插件的时候发现海报生成之后一直显示不完全(只显示背景图片的上部分),同时生成的二维码也无法被识别,一直以为是代码的问题,直到去查插件市场的官网才发现问原创 2021-02-26 16:07:50 · 655 阅读 · 0 评论 -
uniapp之跳转到元素最底部
最近开发一个小游戏过程中,有一个寻宝地图的需求,每次进入地图页面都先显示在第一关,也就是直接到页面的最底部uniapp中可以达到这种效果的有两种方法:分别是uni.pageScrollTo和scroll-view中的scroll-into-view属性,在反复尝试中发现uni.pageScrollTo的坑比较多,试过了各种方式都无法起到作用,最后采取了第二种方式scroll-view标签(在uniapp官网中有对scroll-view标签的详细API,可自行查阅)。用此方法时一定要注意两个点:原创 2021-02-20 10:42:59 · 2756 阅读 · 0 评论 -
生成一个随机的颜色
今天看uniapp官方文档时,无意中在例子中发现一个生成随机颜色的方法,在平时的开发工作中,例如弹幕或者一些其他文字的颜色有随机生成的需求时都可以用到,特先码住getRandomColor: function () { const rgb = [] for (let i = 0; i < 3; ++i) { let color = Math.floor(Math.random() * 256).toString(16)原创 2021-01-24 16:41:36 · 3066 阅读 · 0 评论 -
uniapp 跳转页面传取参数
假设是从A页面传参到B页面:A页面传参:toWish() { uni.navigateTo({ url: 'myWish?initData='+encodeURIComponent(JSON.stringify(this.initData)) }); },B页面(跳转页面)取参onLoad(option){ const editItem = JSON.parse(decodeURIComponent(option.editItem)); },原创 2020-12-11 17:34:20 · 2290 阅读 · 0 评论 -
uniapp点击事件修改元素样式
1.要有一个dom元素,用ref绑定2.获取到dom元素并操作样式原创 2020-11-19 17:52:07 · 13575 阅读 · 12 评论 -
uniapp针对不同平台条件编译
最近公司项目要把之前的微信网页转换为uniapp下的多端共有(即微信网页版和小程序端都可同时使用),在此过程中会不同程度的遇到微信网页和小程序端不兼容的情况,那么就要分情况进行操作,于是接触到***条件编译***1.首先有两个比较容易看错且混淆的编译语句ifdef与#ifndef#ifdef 标识符part1程序#elsepart2程序#endif他的用法是:当满足某种条件(即标识符已经被定义过)时,编译part1程序,当不满足条件时(即标识符没有被定义过)则编译part2程序。#if原创 2020-09-16 15:15:06 · 1158 阅读 · 0 评论 -
uniapp运行到小程序之无法启动
创建了一个uniapp项目,要求是在H5以及小程序都可运行,H5端很容易实现,那么我们来一起探讨小程序遇到的问题:首先,HbuilderX运行到微信小程序,前提是要安装微信开发者工具,来模拟手机上的小程序情景运行报错,原因是微信小程序工具的服务端口已关闭,所以需要在微信开发者工具中打开本以为就万事大吉了,结果又出现如下问题导致小程序启动不了通过百度又找到了解决方法,哈哈然后关掉微信开发者工具再重新运行就ok啦,开发者工具会自动跳到当前项目小程序运行情景...原创 2020-09-03 15:29:36 · 14519 阅读 · 4 评论 -
uniapp入坑(一)----事件冒泡
项目中用到了uni-segmented-control分段器来实现不同ucharts图表的切换,需求中有一个是点击除分段器按钮的其他地方时,界面要回到最初的那个。最先是尝试给最外面的盒子加上绑定点击事件,用到的是原生JS实现绑定,然后在分段器的onClickItem中用原生的阻止冒泡事件event.stopPropagation();在PC端运行的时候是完全没问题的,但用真机调试的时候发现报错了T...原创 2019-12-11 20:52:43 · 5220 阅读 · 0 评论