elementui 头像选择器

最新推荐文章于 2024-07-15 20:39:09 发布

浮尘丶

最新推荐文章于 2024-07-15 20:39:09 发布

阅读量203

点赞数

文章标签： elementui

本文链接：https://blog.csdn.net/weixin_43883179/article/details/127646969

版权

本文详细介绍了如何使用ElementUI库实现一个功能完善的头像选择器组件，包括上传、预览、裁剪等功能，适用于前端界面中用户头像的设置。

摘要由CSDN通过智能技术生成

elementui 头像选择器


<style type="text/css">
      
        .icon_list {
   
            width: 100%;
            height: 320px;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;

        i {
   
            display: inline-block;
            width: 60px;
            height: 45px;
            color: #000000;
            font-size: 20px;
            border: 1px solid #E6E6E6;
            border-radius: 4px;
            cursor: pointer;
            text-align: center;
            line-height: 45px;
            margin: 5px;

        &
        :hover {
   
            color: blue;
            border-color: blue;
        }

        }

        ::