element-ui-plus给头像avatar增加头像框-编程知识

element-ui-plus给头像avatar增加头像框

news/2024/11/15 13:46:29/文章来源:https://www.cnblogs.com/air/p/18536993

template部分：

<el-avatar shape="square" :size="50" :fit="fit":src="avatarImg"class="avatar-with-border-image"/>

style部分：

.avatar-with-border-image {position: relative;margin-top: 5px;margin-left: 5vh;
}.avatar-with-border-image::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: url('../assets/images/kuang.png'); /* 替换为你的头像框图片路径 */z-index: 1;
}

效果展示：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/829399.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

DBeaver如何一次性执行多条sql语句，原来和单条不一样！

前言我之前一直是用Navicat来连接数据库的，说实话，用起来真的很舒服。但是，后来，我离职了，换了一家新公司。新公司有一个规定，不准使用Navicat，其中的原因众所周知。由于Navicat是付费的，而公司又不想付这笔钱。而且，也不能使用破解的。于是，公司给我们推荐了DBeav…

词典编译配置文件概述

本文简要讲解了《汉文博士》词典的制作方法概述《汉文博士》允许使用者自己编写词典文件。本文简要讲述了词典编译过程和相关配置文件的编写方法。读者需具备XML和正则表达式的基础知识。词典编译器《汉文博士》的词典编译器可在“文件”菜单中点击“词典编译器”调出。编…

安川MOTOMAN机器人NX100维修的注意事项

安川MOTOMAN机器人NX100维修，操作人员安全注意事项整个机器人的最大动作范围内均具有潜在的危险性。为机器人工作的所有人员 (安全管理员、安装人员、操作人员和机器人维修人员) 必须时刻树立安全第一的思想 ,以确保所有人员的安全。 • 机器人的安装区域内禁止进行任何的危…

Webrtc播放H265的技术探索(datachannel+wasm)

zlm、webrtc、H265、wasm、视频播放通过这个帖子把我对通过webrtc方式播放H265视频的技术探索过程记录下来。虽然最终不一定能够形成产品进行实现，但觉得也是一个有意义的过程。很多事情不就是这样吗？~ ----------------------------- 一。背景1）由于Webrtc具有低延时、高稳…

MR756-ASEMI汽车用整流二极管MR756

MR756-ASEMI汽车用整流二极管MR756编辑：ll MR756-ASEMI汽车用整流二极管MR756 型号：MR756 品牌：ASEMI 封装：BUTTON 正向电流：6A 反向电压：1000V 正向压降：1.2V 引线数量：2 芯片个数：1 芯片尺寸：MIL 漏电流：10ua 恢复时间：35ns 浪涌电流：400A 芯片材质：正向电压：…

python之判断语句

一、if语句（1）单分支：格式： if 判断条件执行语句块1 else：执行语句块2 备注：判断条件 if中可以使用比较运算符,<,!=，，>=,<= 案例1： a=10 if a != 10: print("你中奖了") else: print("谢谢惠顾") 2、if语句多分支 if 判断条件1：执…

DE-9IM 空间关系模型

参考博客：空间拓扑关系描述:9交叉模型(DE-9IM) | 会飞的大象 DE-9IM 空间关系模型 - 乌合之众 - 博客园 DE-9IM 空间关系模型与Boost Geometry Lib - SuperVan - 博客园简述 DE-9IM 是Dimensionally Extended 9-Intersection Model的缩写，它是Egenhofer在《point set topol…

BUU BRUTE 1 wp

BUU BRUTE 1 引子 burpsuite实战指南尝试一下发现用户名和密码是分离的，手动输入常用用户名，发现为 admin，得到提示密码是四位数字。之后用 bp Intruder 尝试爆破，设置 payload需要注意的是如果请求间隔太短会报 429 错误，fix 一下请求间隔时间或者设置自动控制 429 即…

LeetCode 3014[输入单词需要的最少按键次数I]

LeetCode 3014[输入单词需要的最少按键次数I]题目链接 LeetCode 3014[输入单词需要的最少按键次数I] 详情实例实例1实例2提示题解思路一圈下来8个字母，每个字母按1次二圈下来16个字母，前8个字母每个按1次，后8个字母，每个按2次三圈下来24个字母，前8个字母每个按1次，…

解压缩支持文件时出错:灾难性故障处理方式

电脑系统WIN10，在反复安装卸载文件后，再安装软件时出现，解压缩支持文件时出错: 灾难性故障在解决之前，卸载软件出现报错提示。手动删除软件所在目录，打算重装，也是出现同样的错误提示。解决方法：在此电脑--C:\Program Files (x86)\InstallShield Installation Inform…

cmu15545-哈希表(Hash Table)

基本概念哈希和树一样，是数据库系统中用于访问数据的方法。空间复杂度：$O(n)$ 时间复杂度：$O(1)～ O(n)$ 权衡：更大的哈希空间（碰撞减少），还是更少的哈希空间（碰撞处理）？哈希函数CRC-64(1975)MurmurHash (2008)Google CityHash (2011)Facebook XXHash (2012) 【最常…

实验任务1： Button.hpp，Window.hpp，task1.cpp，源码，运行测试结果如下#pragma once#include <iostream> #include <string>using std::string; using std::cout;// 按钮类 class Button { public:Button(const string &text);string get_label() const;voi…