![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
Y_xxxxx
一只懵逼的小萌新
展开
-
手把手教你写vue 的通知组件
先看效果图新建一个 notify.vue 文件项目结结构如图xxxxx-ui|–src|—components|----common|-----notify|------index.js|------Notify.vueNotify.vue组件<transition name="notify-Fade" appear> <!-- 整个notify 的容器 主要控制他来显示/隐藏--> <div class="XNotify" v-if=原创 2021-07-23 17:57:01 · 467 阅读 · 0 评论 -
div + css 布局中的一些小技巧去 除图片底部空白缝隙(四)
如上图,给div加了边框之后会发现 图片和div的底部有一点间隙,产生的原因是因为:图片默认是按照基线对齐的,不是按照底部对齐解决这问题有两个办法方法1:修改vertical-align属性, 只要不是按照基线对齐就不会有这个问题 /* css */ div { width: 200px; border: 3px solid skyblue; } img { vertical-al.原创 2020-10-28 20:42:15 · 616 阅读 · 0 评论 -
div + css 布局中的一些小技巧 去除多个a标签中间的间隙(三)
在每个a链接中间有一点的间隙,有时候会影响到你需要的布局效果, 如上图如果不想要这个间隙的话,方法1设置父容器的font-size: 0;,然后设置a标签的font-size: 14px;具体如下: /* css代码 */ div { margin: 100px auto; width: 200px; height: 200px; font-size: 0px; .原创 2020-10-26 22:37:59 · 714 阅读 · 0 评论 -
div + css 布局中的一些小技巧 三角形 (一)
1、 三角<body> <div class="box"></div></body> <style> .box { width: 0; height: 0; border: 10px solid transparent; border-bottom-color: red; } </sty原创 2020-09-07 22:47:48 · 242 阅读 · 0 评论 -
如何解决vue cli3中别名无法直接配置问题
vue 中如何配置别名vue cli3 中 将配置文件给隐藏了,又不方便直接去修改源文件,所以就需要用其他方法:创建vue.config.js 具体如下在目录:src下面 新建一个文件vue.config.js复制以下代码到vue.config.js 保存//导出我们的配置, (有这配置的话,到时候会和公共配 置合并)module.exports = {//先写一个configureWebpack 表示你准备配置webpageconfigconfigureWebpack: {//配置路径相原创 2020-09-01 21:27:28 · 1466 阅读 · 0 评论