随笔分类 - uni-app
1
uniapp相关
摘要：一：uniapp引入字体图标 uniapp传入自定义图标之前有写过，但没写太好，今天再温习一遍 在下载后的文件夹下的url后添加本地绝对路径即可。 二：uniapp传入事件对象与自定义参数 有时候可能偶尔遇到for循环中拿不到事件对象的问题，这时候可以在dom中使用这一种写法(源自react灵感):
阅读全文
摘要：PS:本文是笔者对基于uniapp的一小程序项目进行分包后的复盘文档，不足之处请多多指教。 一：分包相关概念 本质上是改变项目的路由以及优化项目各个模块的启动时间的一种优化技术。 主包与分包的概念 1). 主包：本项目中初始化时所必须的页面。 项目在启动时，将从主包进入，分包在用户未进入时不会加载，
阅读全文
摘要：给文本本身所在元素添加以下样式： overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 以上。
阅读全文
摘要：问题： 在手写模态框时，给蒙版层设置了透明度，但给其内部的模态框添加不透明背景色时发现虽然有背景色但模态框透明显示 template: /*凭空想象一个弹出框*/ <view class="rej_mask" catchtouchmove= 'true' v-if="isShowResMask">
阅读全文
摘要：问题1： 如图：当用户登录时点击拒绝授权手机号登录，但事实跳转登录 原因： 在getphonenumber函数内没有根据用户点击状态进行判断 问题2： 根据用户点击拒绝时的回显信息判断用户点击了拒绝授权 但依旧登录 e.detail.errMsg == “getPhoneNumber:fail us
阅读全文
摘要：大概梳理下传值的几种方式 一：父子组件传值 props方式 子组件对外暴露方法并向父组件传递由于触发方法导致的值的变化，父组件接收子组件传递来的值；子组件接收父组件传递来的值，并根据传递来的值在子组件内部进行各种操作 Tips：子组件只能接受值和发射(状态)值，父组件不能操作子组件的方法和属性 仅适
阅读全文
摘要：在flex布局下，不可直接将padding值如同margin一样设置： 👇这是不正确的写法 .box{ box-sizing: border-box; padding: 0 40rpx; margin: 0 auto; } 解读：开发者本意是想将box左右居中显示，但是这样会导致box右边无法居中
阅读全文
摘要：假设在页面中使用了别人家的组件，或者是同事写的组件(总之是不熟悉的组件)，假设要根据需求更改样式，则需要使用/deep/的方式来达成目的。 //.content:别人家的组件里的class //如果仅仅deep无效，则可能是优先级不够的原因，此时尝试在单个样式后补important的方法达成目的 /
阅读全文
摘要：@click/tap.stop: 假设父元素有点击事件子元素也有点击事件，想要子元素被点击时不触发父元素的事件，应该给子元素的点击事件添加 ' @click/@tap.stop ' 作用： ‘阻止子元素的点击事件冒泡到父元素上’。 以上。
阅读全文
摘要：.aboutFont { text-indent: 60rpx;//首行缩进 font-size: 28rpx; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 50rpx; text-align:justify;//第一步 te
阅读全文
摘要：需求： 页面中给定tabbar,要求根据当前选中tabbar改变顶部导航栏title tabbar组件中传入数组即为tabbar项目，因为可以拿到tabar各项，使用@clickHandle接收tabbar传递的事件，参数为tabbarItem的index 分两步： ：根据文档要求，onReady中
阅读全文
摘要：标签由text变为view,给view加text-indent
阅读全文
摘要：该博文作为uniapp的通用笔记项 在mounted函数内发送请求 路由跳转时添加动画： uni.navigateTo({ url: '../demo/index', animationType: 'pop-in', animationDuration: 200 }) 设置缓存时添加success方
阅读全文
摘要：这两天学到了很多知识，对项目的严密性有了极为深刻的理解，简而言之，身为前端开发者要站在用户的角度去写相关代码，而不能仅仅局限于理所当然，也不可以认为数据有便有，没有便没有，身为开发者，更多的应该考虑用户的感受，总结了以下几点： 提高代码的健壮性 1.非空过滤 给每一条要渲染显示的数据添加过滤器 要思
阅读全文
摘要：二十八画生 今天在使用uni引入iconfont图标时，发现控制台报了个错误： 文件查找失败:'./iconfont.eot?t=1588643701409' 这是由于没有使用在线链接的缘故，以下是解决办法： 假设读者已经将要使用的icon下载到了本地 1. 在官网点击图标管理，然后到我的项目 2.
阅读全文
摘要：1. 手机开启usb调试功能 1. 需要在电脑端安装对应的手机助手 2. 使用管理员身份运行hbuildX 3.添加path变量 参照： "https://www.cnblogs.com/gzhjj/p/11933390.html" 待续
阅读全文
摘要：在此记录uni与vue、小程序的区别。 1.标签区别： uni使用小程序的标签，vue使用web端的标签 标签名变化的： | 标签描述\类别 | vue | uniapp | |: :|: :|: :| | 文本 | span\font | text | | 链接 | a | navigator/
阅读全文
摘要：报错原因：未安装相关编译器 点击 工具 插件安装 该编译工具，点击安装后重启即可： 以上。
阅读全文
1
