前端
只想做打工人
qq:909306449 有问题交流
展开
-
使用codepen引用样式文件(可以直接引用的那种)
CodePen快速上手需求: 这几天一直苦恼没有好用的登录界面,然后在谷歌搜索的效率非常低,一直希望有一个网站能够找到网站示例,网站地址:https://codepen.io/ 网站界面是这样的这些页面都是由hTML+CSS+JS组成的,如果想要直接用,可以使用下面的export按钮,然后导出zip之后中就可以直接在dist文件下打开html运行了, 解压出来是这样的目录,然后打开其中的index.html即可。注意事项: 在js文件中还另外引入了其他js文件,可以看下下面的原创 2022-04-04 15:49:34 · 952 阅读 · 0 评论 -
el-card 组件美
el-card 组件美化最近在网上都没看到el-card组件的美化,自己也不是做前端的,就随便美化了一下组件,感觉还算不错,分享出来代码:css:.el-card{ margin: 10px; border-radius: 20px border-color: #C0C4CC;}.el-card:hover{ margin-top: -10px; margin: 30px;}效果图...原创 2022-04-03 04:24:22 · 3459 阅读 · 0 评论 -
vue v-for中遍历两个数组(使用类似于python中的zip操作)
问题在做前端的时候遇到一个需求,也就是需要将一长串字符串切分成一个数组,然后显示不同类型的标签,最后变成这样一个效果(我用的是vue+element_ui)原来标签的字符串如下:WD|西部数据|硬盘思考 因为这个时候数据类型都是数组,类型为一个标签,标签文本为一个值,但是v-for中不能进行两个循环,所以核实后需要使用一个循环将两个值都得到,这时候可以在v-for中使用一个js函数,然后在js函数中返回一个数组。解决方案<div class="tag-group"><el原创 2022-04-03 04:20:07 · 3253 阅读 · 1 评论