tianyaluqingchen的博客

uni-app之阿里字体图标转base64方法uni-app开发过程中发现小程序端不能直接使用字体图标，需先转成base65方可使用，转换方式如下。一、转换步骤1.1 从iconfont下载字体图标文件iconfont官方网址：iconfont-阿里巴巴矢量图标库在“我的项目”中下载Font class文件：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wi4TjbKT-1650546635273)(C:\Users\styzf\AppData\Roaming\T

uni-app老年模式字体设置一、实现原理借助插件，将项目中的字体单位rpx换成rem，结合官网提供的page-meta属性，通过控制根字体大小，达到调节字体大小的要求。em：font size of the element，是相对于父元素的字体大小单位；rem：font size of the root element，是指相对于根元素的字体大小单位；page-meta：页面配置节点，用于指定页面的一些属性、监听页面事件，类似于html中的header标签，可以部分替代pages.json的

详情参考：https://www.jianshu.com/p/0ba533f2b6d8

    本文实现了微信小程序的悬浮tab标签布局，当页面向上滚动到tab标签布局时，标签布局置顶。    效果图如下所示：    本文基于mpvue项目框架，注意安装完成之后还需添加scss的支持：npm install sass-loader node-sass    tab标签布局悬浮置顶的核心思想是判断占位图布局A和列表布局B：当A布局向上滚动到不可见而B布局仍处于可见...

    目前小程序由于体积限制，主程序包不能大于2M，整个小程序包不能大于8M，所以随着小程序体积越来越大，不得不考虑分包。好在现在mpvue已经支持分包了，以下分两种情况来讲述分包操作：一、全新开始的项目    全新的项目分包十分简单，可以基于mpvue-entry 来初始化项目，也可以使用我基于前者并加入了mpvue-router-patch后的mpvue-base-framework...

    有这么一个UI布局需求：上半部分是一个可变列表，下方底端有一个输入框布局，要求在列表长度较短时，输入框布局保留在底端；当列表长度够长时，输入框布局放在列表底端，可以随列表一起滚动。效果如下图所示：    实现分析：如下图所示，A布局需要设定一个固定高度，如100vh, 超出部分可以滚动；B布局设定一个最小高度，如86%；C布局放在B布局下方即可。    关键代码：&l...

    mpvue是美团团队开发的开源前端框架，项目地址为：https://github.com/Meituan-Dianping/mpvue，使用时可以参考该文档。该框架基于vue.js,通过改写compile文件，将vue文件重新编译为小程序能够识别的wxml等文件，底层还是小程序语法。    mpvue有一个5分钟上手的 quick-start 教程,通过该教程可以快速搭建一个mpvue...