代码模板
hufi
学无止境,执之以恒;
脚踏实地,仰望星空。
展开
-
Vue实现移动端侧边栏城市联动功能
前言城市联动功能在业务比较常见,一般用于用户自行搜索或者选择其所在地,然后根据地点获取有关当地的一些推荐信息,比如附近商家、景点、娱乐等推荐,引导用户的出行和消费行为。效果预览功能简介可以看到,接下来要实现的功能也并不是很复杂,主要包括:城市列表,从上到下按城市拼音首字母分块排序显示城市搜索,按城市名称或者拼音进行模糊匹配搜索右侧城市首字母导航栏,支持点击和上下滑动字母,从而联动左侧城市列表的对应显示项目结构在这里,为了方便,我使用了 Vue-cli4 创建项目,项目结构如下:原创 2020-09-26 23:51:37 · 1970 阅读 · 2 评论 -
基于PLOP使用命令行自动生成 .vue 文件
在使用 vue-element-admin 框架时,你会发现它的根目录下有个 plop-templates 文件夹,那它是干嘛用的呢?带着疑问,你首先会去 baidu 一下,才知道原来是自动创建项目文件用的。其实它里面用到了 plop模板工具,它是一款用命令行就可以自动生成代码模版的工具。plop的介绍可以看 plop官网,plop 功能主要是基于 inquirer 和 handlebars 。简单的说就是通过提前配置要生成的页面模板,并且在命令行中接受指定的参数,从而生成我们需要的模板。这里简单原创 2020-07-31 16:36:26 · 1052 阅读 · 0 评论