- 博客(13)
- 收藏
- 关注
RSS订阅原创 uniapp 使用input软键盘弹出时将input框内容上移的问题
由于input框默认开启软键盘上顶功能，但是页面又固定了高度，导致input上顶了页面没上顶。
2023-01-16 10:31:56
1813
1
原创 uniapp 带数组或对象跳转页面
跳转页面uni.navigateTo({ url:`../chooseGoods/chooseGoods?selectGoods=${encodeURIComponent(JSON.stringify(this.selectGoods))}`})接收页面onLoad(option) { const item = JSON.parse(decodeURIComponent(option.selectGoods)) console.log('上一个页面传递过来的参数对象',item )},
2022-03-24 15:42:59
1940
4
原创 css 点击事件击穿
点击事件击穿这种需求的发生前提通常是在有一个a组件被b组件完全覆盖这种情况下产生。这种可以分为两种细分需求，一种是a被b盖住后，但只需要a能被点击而b不需要被点击；另一种是a被b盖住后，b和a都能被点击。第一种情况可以在b组件加 pointer-events: none;这个属性，这样a组件就能被点击，不过b的点击事件就会被触发第二种情况可以在b组件的外围加一个盒子包起来，然后在外围的盒子加 pointer-events: none; 然后再在b加一个 pointer-events: aut
2022-02-28 11:48:27
550
原创 uniapp 动画 主动效果
主要代码如下所示，首先要有一个变量进行控制，我这里用了”isShowTypePop“这个变量主动去控制动画，样式”type_pop“是动画开始，样式”type_pop.active“是动画结束，其中主要变化的是宽高，所以我这边在active里面写的也只有宽高，animation这一行可以控制动画速度<view class="type_pop" :class="isShowTypePop?'active':''" > .type_pop{ background-color: #FFFFF
2022-02-23 17:07:56
963
原创 uniapp 固定行数，宽高，过长显示省略号
height: 65px; width: 55vw; background-color: #F5FAFF; font-size: 12px; color: #BFBFBF; padding: 9px; padding-top: 6px; padding-bottom: 2px; margin-left: 16px;}.ellipis_text {//这个是省略的关键css代码 overflow: hidden; word-brea
2022-02-22 14:03:34
1848
原创 vue 判断两个日期的大小
方法：compareDate (d1, d2) { //判断两个日期的大小 let reg = new RegExp('-', 'g') if(((new Date(d1.replace(reg, '/'))) > (new Date(d2.replace(reg, '/'))))){ console.log("第一个大"); return true; }else{ console.log("第二个大"); return false; }},使用：this.compa
2022-02-11 11:36:24
4103
1
原创 网站推荐 压缩图片网站推荐
开发小程序时，通常会遇到ui给的一些图片过大，而小程序在不分包的情况下最多只能发布2MB，所以压缩静态图片的显得非常必要，推荐一个网站，压缩效率高，不会自动转换格式，且免费。https://tinypng.com/...
2022-01-20 17:41:20
148
原创 UNIAPP 不同平台的条件编译
使用 #ifdef为开头，#endif为结尾去判断用uniapp下开发，大多还是用来区分两个平台的，一个是微信小程序，一个是APP，这两个的代称是分别是MP-WEIXIN ，APP-PLUS如果写在html<!-- #ifdef APP-PLUS --> <!-- #endif -->如果写在js// #ifdef APP-PLUS // #endif如果写在style/* #ifdef APP-PLUS */ /* #endif */...
2022-01-17 14:11:54
534
原创 记录：vue用三目运算符判断不同样式
在class上变换<view :class="tabIndex==TypeIndex ? 'uni-tab-item-title-active' : 'uni-tab-item-title'">{{TypeItem.name}}</view>在style变换 <view :style=" 'color: ' + (tabIndex == '1' ? '#FFFFFF' : ''#000000') ">{{TypeItem.name}}</view>
2022-01-17 13:52:01
934
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人