Vue搜索站点项目

在bilibili山地人学习后整理

封装logo组件

在这里插入图片描述

新建一个MySearchLogo.vue组件:
template:
在这里插入图片描述
在组件页面用less进行样式定义
在这里插入图片描述
定义logo样式的字体大小,和color颜色

ok现在搞定了一个MySearchLogo的组件,现在需要在外部引用这个组件:

在这里插入图片描述
山地人老师的话:充分利用vuecli脚手架,把东西改改就完了,然后point来自经验之谈的点,这个logo是贴着上面的,记得把样式写在引用外部,如果写在组件里,就写死了,影响别的组件复用。

封装首页搜索组件

新建组件HomeSearchBar.vue 基本同上

发布了158 篇原创文章 · 获赞 44 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_43277404/article/details/103463330