微信小程序怎么做圆角头像

拼搏现实的明天。 2023-06-02 15:53 1阅读 0赞

# 矩形图片 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70]

# 插入页面后 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 1]

# 在WXSS里面设置属性 #

.touxiang image{
        
    border-radius: 50%; 
    height: 220rpx;  
    width: 220rpx;
    }

# 在WXML里面应用属性 #

<view class="touxiang">    
      <image src="/images/touxiang.jpg">
      </image>  
      </view>

# 效果 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70]: /images/20230601/3936045219564b18837d7a72b21234a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 1]: /images/20230601/4bcff692514746c78e07d85b5fc52a4c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTc2MDI4_size_16_color_FFFFFF_t_70 2]: /images/20230601/e7b03afd728c4af9a2974455fd9888c3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关怎么注册微信小程序、微信小程序注册流程说明

1、注册方法在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。 ![f489fada597b5914f707d510a3549939

柔情只为你懂/ 2024年02月22日 01:16/ 0 赞/ 126 阅读

相关微信小程序云数据库怎么做更新

前言刚刚接触微信小程序，往数据库里面新增记录和查询记录都很简单，但是做到数据库内容更新的时候就遇到了很棘手的问题。更新后数据库没反应？困扰了我一月有余的问题，从

快来打我*/ 2023年06月10日 09:27/ 0 赞/ 120 阅读

相关微信小程序怎么做圆角头像

矩形图片 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

拼搏现实的明天。/ 2023年06月02日 15:53/ 0 赞/ 2 阅读

相关 Uni-app 微信小程序头像上传

> uni-app 提供了很多图片处理的Api，比如 uni.chooseImage()方法，但基本都是本地、拍照上传，本地临时、持久存储，要想跟服务端交互，就需要使用上传Ap

向右看齐/ 2023年02月12日 06:23/ 0 赞/ 28 阅读

相关微信小程序入门八头像上传

![aHR0cHM6Ly9pbWcyMDIwLmNuYmxvZ3MuY29tL2Jsb2cvODA2OTU2LzIwMjAwNy84MDY5NTYtMjAyMDA3MzEyMz

╰+哭是因爲堅強的太久メ/ 2022年07月03日 13:56/ 0 赞/ 211 阅读

相关微信小程序实现圆角矩形按钮

> 在微信小程序的开发当中，为了界面的美观，我们通常需要修改原始按钮的css样式，下面教大家如何将按钮改成圆角矩形首先将按钮原始边框关闭，然后设置按钮的的弧度，css如下：

快来打我*/ 2022年05月15日 10:44/ 0 赞/ 1654 阅读

相关微信小程序获得微信头像和昵称

[微信小程序获得微信头像和昵称][Link 1] { wx.getSetting({ success: res => {

清疚/ 2022年04月02日 04:18/ 0 赞/ 829 阅读

相关微信小程序--open-data获取用户头像实现头像圆角

index.wxml: <view class="userinfo-avatar"> <open-data type="userAvatarUrl"><

桃扇骨/ 2022年03月16日 17:07/ 0 赞/ 465 阅读

相关微信小程序（12）——哪些应用适合做成微信小程序

随着微信小程序的不断完善，其用户量一直处于爆发式增长状态，各类型的小程序如雨后春笋，纷纷上线。但是，受微信小程序自身的限制影响，并不是所有的应用都适合开发出一款

「爱情、让人受尽委屈。」/ 2022年03月16日 09:14/ 0 赞/ 280 阅读

相关微信小程序授权登录(获取微信头像并显示)

用户页面代码 user.wxml <block> <view class="user_img_wrap" wx:if="{ {userInfo.a

小咪咪/ 2021年07月24日 19:19/ 0 赞/ 1337 阅读