
web前端
个人在前端开发道路的学习记录
陈仙生
这个作者很懒,什么都没留下…
展开
-
CSS小技巧之替换图片(content)
一想到替换图片,我们大部分人可能都会想到用background-image或用两个img元素控制显示隐藏来实现,其实还可以利用css的content属性来替换img中的内容来实现。Part 11.首先我们使用content属性来生成一张图片,先写两个img标签 <img src="img/qaq.jpg"> <img>2.第一个img用src引入一张图片,第二个img是个空标签,注意这里不要写src属性,就是一个单纯的< img >!然后写cs.原创 2020-09-20 20:41:08 · 15463 阅读 · 2 评论 -
vue-admin-template使用路由和mockjs进行二次开发
最近在研究vue-admin-template模板,准备对他做二次开发,其中必须要经历的步骤就是创建路由和请求mock假数据了,下面是我写的一个商品页面,所有的数据都是利用Mockjs随机生成的,现在简单说一下我的编写步骤和思路。如果对这个模板不熟悉的话建议先阅读一下官方文档1.首先我们在views下新建一个product文件夹,然后在里面新建一个index.vue,官方文档说了,侧边栏是动态生成的,所以我们只需要在路由表里添加一个路由2.进入router/index.js,添加一个路由,我把它当原创 2020-05-30 19:34:22 · 3620 阅读 · 5 评论 -
使用 element-ui 隐藏组件 el-scrollbar 美化滚动条
嘻嘻,抽空出个教程,这个我也是看别人的文章学来的哈哈拿element-ui官网的这个container布局容器做例子吧,当我们展开所有条目的时候,右侧就会出现浏览器自带的滚动条,而且这个滚动条还会把左边的上下箭头挤过去…说白了就是会占间距,虽然还看得过去…但是给别人的感觉就很low然后我们再把鼠标移动到官网左侧的列表栏,就能看到element-ui自带的滚动条啦,很好看吧那么我们怎样才能用上这个滚动条呢,教程开始!element-ui是有这个组件的,<el-scrollbar>&l原创 2020-05-26 14:40:45 · 3952 阅读 · 0 评论