uni
百味苦
成长中。。。
展开
-
targetsdkversion过低
用hbuilder 打的包,上架小米,发现提示targetsdkversion 过低 要 >= 26只需要在 。json文件中设置 就可以了"plus" : { "distribute" : { "google" : { "targetSdkVersion":26 } }}在这里 添加一个"target...原创 2019-05-28 11:20:38 · 1906 阅读 · 0 评论 -
HBuilder使用夜神模拟器调试Android应用
原文修改本文是根据上面的链接修改后写的,在hbuilder开发app 需要用模拟器调试的时候可以使用这种方法,首先自己去下载夜神模拟器,然后打开cmd命令跳转到安装的夜神模拟器的 bin 目录我的路径是:cd F:\2018.5.21\nodejs\夜神\Nox\bin这是我的命令只做参考主要是后面是bin目录下就可以了如果不会cmd命令 ,可以去百度...原创 2019-03-12 15:25:21 · 1026 阅读 · 0 评论 -
弹性布局多列换行居左布局
项目中有碰到一列 3 个及以上的 多行布局设置 justify-content: space-between; 后 如果满格 就是正常显示,如果最后一行少1个就会出现 两头布局,影响美观。做一个解决这种问题的样式css.position-view,.size-view{ width: 150upx; margin: 10upx 0; } .size-view{ p...原创 2019-11-01 11:23:42 · 2123 阅读 · 0 评论 -
uni异步后无法正确赋值
项目发现一个小问题通过异步后的数据无法渲染,但是可以赋值测试过后才想到是作用域的问题。最后获取缓存之前 加上that 就可以解决单纯的作用域的问题。...原创 2019-10-17 15:20:34 · 1327 阅读 · 0 评论 -
UNI 阻止冒泡
在uni内置模板里面的ColorUI里面有模板找到一个modalNmae<view class="cu-modal" :class="modalName=='DialogModal3'?'show':''" @tap="hideModal"> <view class="cu-dialog" @tap.stop=""> <view class="...原创 2019-10-17 10:57:53 · 463 阅读 · 0 评论 -
UNI错误:Duplicate keys detected
写静态页时,碰到一个奇怪的问题翻译过来:检测到重复键:'redian'。这可能会导致更新错误。键值对,肯定是数据问题,于是找到假数据果然只要改掉这些重复的 键值对 就可以了...原创 2019-10-15 09:11:45 · 2954 阅读 · 0 评论 -
uni-app底部tab挡住页面
引入uni官方的娱乐直播app,发现这个tab居然挡住了页面最下方,用的就是uni的官方tab,好了好久才发现,是css原因。live_list里面有个float 浮动熟悉,下方的view 不清除浮动 或者不多加两个view 就会一直挡住删掉熟悉 换成盒子布局display: flex;flex-wrap: wrap;align-items: center;就可...原创 2019-10-14 08:54:19 · 4703 阅读 · 0 评论 -
uni动态class
uniapp中给动态数据添加动态class的时候有固定的class和动态的class共存的时候class是可以和 :class共存的所以可以<text class="item-title" :class="item.isTrue?'red':''">{{item.title}}</text>这么写。我不知道两个class直接有什么冲突或者别的什...原创 2019-09-20 11:37:59 · 6266 阅读 · 0 评论 -
uni列表渲染
刚接触uni的列表渲染,碰到一个语法问题。不仔细真的有点难找到写的循环 item。title一直不出来,打上{{}}就报错问了下群里才发现语法错了,需要在 title之前加上:加上 就可以出来了,之后应该也是同理,所有在行内的循环渲染,都要加上: 来表示动态数据。...原创 2019-09-20 10:10:41 · 799 阅读 · 0 评论 -
uni-app设置标题名字
在项目中有碰到,一个页面渲染多个list ,就可以用到这个。监听上一个页面传递过来的参数设置标题。uni.setNavigationBarTitle({ title:"剩余次卡"})原创 2019-06-26 10:59:03 · 15968 阅读 · 0 评论 -
uni-app注册 page-head
初次使用uni-app,随便写了个测试,遇到了bug翻译了一下,组件注册正确吗?对于递归组件,请确保提供“name”选项。好像是用到head 或者foot 没有注册就会有这种报错。只要在main。js里面注册就可以了。在main。js 中加上import pageHead from './components/page-head.vue'Vue.compo...原创 2019-06-19 15:20:56 · 6481 阅读 · 0 评论 -
uni-app 编辑器安装
今天尝试了一下 uni-app 的使用,但是用到自定义组件的时候,出现了预编译器错误:代码使用了scss/sass语言,但未安装相应编译器,请在菜单工具-插件安装里安装相应编译插件研究了一下 ,发现在HBuiderX里面可以直接安装点击这个工具因为打开不能截图就用手机照的,像素一般。打开插件安装。然后就可以安装自己需要的插件了。我因为是scss/sass所以安装这个,你...原创 2019-01-09 17:15:24 · 5196 阅读 · 0 评论 -
uni引入自定义图标
项目中需要引入阿里图库的字体图标首先在阿里上下载图标源码解压后,只需2个文件就可以把ttf文件放到 static中 是可以自己建文件夹放的,但是uni官网上 有说过static中 放一些静态数据css文件放到存放css的文件目录中下一步 (注意)在iconfont 中修改@font-facttf的文件 一定要用 ~@ +绝对定位 如果用相对定位,不会生效更...原创 2019-10-26 16:59:16 · 581 阅读 · 0 评论 -
mui自定义图标
研究了一下自定义图标,不仅仅可以在h5里面用,还可以在小程序或者别的开发环境里面用。首先找到图标源,我自己找的是阿里巴巴矢量图库。将用到的图标添加入库,就是购物测的图标 打开库存直接点击下载代码最后解压下载的文件就会得到需要的数据然后再编辑器中打开iconfont.css 文件可以根据选择将需要的文件放到同目录的css下理论上只要一个iconfo...原创 2019-02-18 10:04:10 · 697 阅读 · 0 评论 -
uniapp ios软键盘弹起跳转页面,返回后留白问题
项目中碰到一个奇怪的问题,uniapp 中 ios软键盘弹起的状态下跳转页面,然后在子页面关闭软键盘,再返回上一页,会导致页面留白的问题。因为页面是nvue写的 ,所以不确定vue会不会出现相同的情况,因为不是页面向上推,所以设置 页面滚动也没有效果然后也不知道怎么恢复留白问题。所以只能在跳转页面之前关闭一下软件盘,这也只是临时方案,如果有更好的方法,请指教,谢谢。try{ uni.hideKeyboard()}catch(e){ //TODO handle the excep.原创 2020-07-03 11:02:35 · 1115 阅读 · 1 评论 -
uniapp 使用canvas 画图连线
实现很简单,还实现了点击图片的功能因为是基于uniapp做的项目测试,所有就发布到了uniapp的插件市场里面bw-canvas画线原创 2020-06-22 14:10:09 · 4218 阅读 · 2 评论 -
uni设置scroll-top为0无效
uniapp里面使用scroll-view 组件,动态设置scroll-top 属性来控制滚动高度,但是当想滚动到起始位置时 设置动态值为0 时无效的。具体原因还在找,但是找到了解决方法。首先要定义一个变量记录滚动条的位置<scroll-view :style="{'background-color': currentTheme.backgroundColor}" @sc...原创 2020-04-30 14:19:52 · 3416 阅读 · 1 评论 -
uniapp H5端使用播放器
代码已经上传到 uniapp 官方插件市场 可以直接下载bw视频播放器原创 2020-04-27 18:04:43 · 3638 阅读 · 0 评论 -
毫秒转换天时分秒倒计时
因为项目基于uniapp开发,所以就用uniapp的写法,只要知道具体放他,就可以自己 修改自己用了样式 就不详细写了 自己写。<view class="bw-cd"> {{cdStr}} </view>let setStartTime; export default { data() { return { cdTime:0, ...原创 2020-04-03 17:02:12 · 1074 阅读 · 0 评论 -
uni打包H5在手机浏览器看控制台
uni写的h5项目在电脑上调试没有问题,但是在手机上有bug时,很难调试,所以需要在移动端有一个控制台查看具体问题。首先,打开hellouni的项目,找到自带的入口html也可以在官网上找初始化的html。将html放到自己项目里。然后打开manifest.json选择h5配置找到刚刚导入的html文件。最后在这个文件下面加上2行代码script s...原创 2020-02-12 11:20:22 · 3364 阅读 · 0 评论 -
uni scroll-view滑动到最底层
一个简单的scroll-view滚动到底部例子内部的scroll-into-view 应该是不支持动态渲染数据的,所以如果有动态渲染,只能使用scroll-top 计算高度因为是计算高度,所以设置高度是可以 100%scrollToBottom: function () { let query = uni.createSelectorQuery();//这个是你所有渲染的...原创 2020-01-05 16:49:19 · 4799 阅读 · 2 评论 -
uni.createSelectorQuery渲染后执行
每次使用createSelectorQuery时,因为和数据赋值一起调用,所以导致只能获取到上一次渲染的数据,如果能让这个函数 在渲染之后调用,就可以完美解决了暂时不知道怎么监听页面是否渲染。所以只能使用setTimeout临时代替一下 scrollToBottom: function () { let query = uni.createSelectorQuery(...原创 2020-01-04 14:33:59 · 6719 阅读 · 0 评论 -
UNI如何使用 plus
在uni项目钟使用h5+的puls可以直接使用uni的条件编译就可以直接使用了 // #ifdef APP-PLUS plus.nativeUI.toast(str); // #endif // #ifndef APP-PLUS uni.showToast({ title: str, icon:'none', duration:2000 });...原创 2019-12-30 10:42:43 · 5263 阅读 · 0 评论 -
uni.createSelectorQuery().select()总是获取不到元素
使用uni.createSelectorQuery().select选择元素时经常获取不到 报一些 height 或者 width null或者找不到到官方查了之后才发现需要加上 in(this)只要加上let el = uni.createSelectorQuery().in(this).select('#' + id);就不会有这种问题了...原创 2019-12-20 15:04:41 · 27225 阅读 · 15 评论 -
UNI监听页面返回2次退出APP
项目中常用的功能,阻止页面返回,连点2次退出在uni中页面的生命周期有一个 onBackPress只要知道这个生命周期怎么使用 就可以运用了只需要在 当前页面 加上onBackPress(options) { this.backButtonPress++; if (this.backButtonPress > 1) { plus.runti...原创 2019-12-20 10:41:09 · 4325 阅读 · 2 评论 -
uni 设置简单的通用函数
在项目中 可以常用的uni函数 封装起来 在main。js中挂载,这样就不用多页面写相同的代码了import Vue from 'vue'import App from './App'Vue.config.productionTip = falseVue.prototype.toBack = function(num){ uni.navigateBack({ delta: n...原创 2019-12-16 11:50:23 · 771 阅读 · 0 评论 -
uni自定义tabbar
在项目中会有2个tabbar一个在主页,一个在副页,但是uni的tabbar只能有一个,所以就基于colorUI的代码自定义一个tabbar首先解决tabbar的样式冲突问题上面的是 colorUI的原生样式引入后出现了 样式冲突。uni有一个样式是uni-view { line-height: 1.8;}只需要重新定义 行高,改为1 就可以了然后...原创 2019-11-06 10:40:12 · 1190 阅读 · 0 评论 -
uni自定义模板
页面开发时,会有很多通用样式,可以放到模板中重复调用首先创建一个页面,不能再page中注册,不然不能当成模板导入(非常重要)<!-- name是模板名 --><template name="list-goods"> <view> <view class="list-view"> <view class="m-...原创 2019-10-25 14:27:04 · 1170 阅读 · 0 评论