微信小程序加载圆形图片

news/2025/1/16 0:43:19/

刚才想了半天才想到,js 设置圆形图片是使用border-radius 小程序也是使用的这个属性

假如写一个加载头像的图片

在wxml 中

<image src="{{uer_icon}}" class="user_icon"></image>

在js中加载一个本地图片

 data: {uer_icon:"../images/head.jpg"},

在wxss 中设置属性

.user_icon{width: 50rpx;height: 50rpx;border-radius: 50rpx;
} 

 这样图片就显示圆形了

 


http://www.ppmy.cn/news/610543.html

相关文章

Ipython的Window与Linux详细安装

IPython 是一个 python 的交互式 shell&#xff0c;支持补全等等一些强大的功能&#xff1b; IPython 为交互式计算提供了一个丰富的架构&#xff0c;包含&#xff1a; 强大的交互式 shell Jupyter 内核 交互式的数据可视化工具 灵活、可嵌入的解释器 易于使用&#xff0c…

部署可扩展的目标检测管道:推理过程(上)

部署可扩展的目标检测管道&#xff1a;推理过程&#xff08;上&#xff09; 基于YOLOv3的目标检测推理过程的所有代码都可以在eriklindernoren/PyTorch-YOLOv3 GitHub repo找到。 为了进行审查&#xff0c;使用了完整版的YOLO配置文件。它包含有关网络&#xff0c;卷积层&#…

吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:禁用按钮

<!DOCTYPE html> <html><head><meta charset"utf-8"> <title>菜鸟教程(runoob.com)</title> <link rel"stylesheet" href"https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"&…

学习Spring的补充

《JavaEE 框架整合开发入门到实践 》这本书还是太浅了 &#xff0c;需要补充一些基本的知识。 首先修改一下快捷键&#xff0c;使得可以像eclipse一样使用alt/ 快速补全代码。 参考博客&#xff1a; (33条消息) IDEA 设置代码提示或自动补全的快捷键_idea补全提示_thirty.st…

微信小程序点击右下角的图片移动到当前位置

这个功能呢看了官方的demo 里面有&#xff0c;由于项目中用到了这个功能 这里记录一下 一般的地图有这个图标点击地图会跳转到个人当前定位的位置 首先在wxml 中给 map 取名一个id 下面是我的id 取名为map <map id"map"style"width:100%; height:{{Height}…

mysql为什么要压测_mysql集群压测的详细介绍

本篇文章给大家带来的内容是关于mysql集群压测的详细介绍&#xff0c;有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对你有所帮助。mysql压测mysql自带就有一个叫mysqlslap的压力测试工具&#xff0c;通过模拟多个并发客户端访问MySQL来执行压力测试&…

Linux操作系统下文件作用

linux下的文件结构&#xff0c;看看每个文件夹都是干吗用的 /bin 二进制可执行命令 /dev 设备特殊文件 /etc 系统管理和配置文件 /etc/rc.d 启动的配置文件和脚本 /home 用户主目录的基点&#xff0c;比如用户user的主目录就是/home/user&#xff0c;可以用~user表示 /lib 标准…

目标检测推理部署:优化和部署

目标检测推理部署&#xff1a;优化和部署 本文简要介绍了端对端推理管道的优化技术和部署。 将在以下三个方面研究推理优化过程&#xff1a;硬件优化&#xff0c;软件优化和模型优化。推理优化的关键指标如下&#xff1a; • 吞吐量&#xff08;未推理图像/秒&#xff09; • …