发表于 | 分类于 ， | 阅读次数
前言本篇文章将介绍如何和UI设计师配合，制定自定义的图标字体，最终生成自定义的ttf文件和样式。 实现大致流程如下图所示： 下面就针对它做具体的分析： 首先需要在电脑中安装 sketch 软件，因为我们要用到该软件的 sketchtool (一个内置工具)命令，将 .sketch 源文件处理为s ...
阅读全文 »

发表于 | 分类于 ， | 阅读次数
声明原始代码出自vant组件库。 最新代码，点击这里 前言在实际项目中，当我们需要覆盖某些开源组件库样式的时候，我们会发现会有一些奇怪的CSS命名方式，如下所示： 1234// 以下是CSS类名.xx__xx.xx__xx--xx.xx--xx 为了搞清楚这种规则，通过查阅了解到这是一种叫做 BEM ...
阅读全文 »

发表于 | 分类于 ， | 阅读次数
前言以下源代码大部分收集于各个开源库和公开代码 # 常用辅助类函数123456789101112131415161718192021222324252627282930313233343536373839404142function isDef (value) { return val ...
阅读全文 »

发表于 | 分类于 ， | 阅读次数
千里之行，始于足下 老子> 声明 本篇文章的源代码基于开源组件库 vant 需求分析 在开始实现功能之前我们先来看下，通用的i18n库的使用流程，如下所示： 从上图可知，要想使用i18n得先导入这个包，然后使用Vue.use方法去install这个包，再进行初始化i18n实例，最后在new Vu ...
阅读全文 »

发表于 | 分类于 ， ， | 阅读次数
学然后知不足 戴圣> 声明 本篇文章是基于网上开源的UI库 vant、antd、element 等做的关于一个栅格组件的分析 组件分析 首先，需要创建的是一个布局组件，基本的结构如下图所示： 从上图可知，一个布局组件最少需要2个容器，一个父容器组件 <row>，多个子容器组件 &l ...
阅读全文 »