小程序圆角头像

<open-data type="userAvatarUrl" class="head-img"></open-data>

.head-img {

  width140rpx;

  height140rpx;

  border-radius: 50%;

  margin-top40rpx;

  displayblock;

  overflowhidden;

}

原文地址:https://www.cnblogs.com/xyunp/p/9026677.html

时间: 2024-08-30 00:24:38

小程序圆角头像的相关文章

小程序怎么活?我想向微信提3个直指本心的小疑问

在微信公开课上,张小龙现场变了个"魔术"--唤出小程序任务栏后继续下拉,除了能看到顶部的小程序,在最底部可以看到一行小字: "这不是入口^_^" 笔者试验了一下,确实能看到这个诡异的笑脸颜文字. 不过,这应该不是张小龙的玩笑,进入即将达到10亿用户量级的微信第一屏的小程序,说它是入口其实太过贬低,它其实想成为桌面. 可问题是,这个梦,腾讯已经做了多年,最典型的就是想要依托QQ却折戟沉沙的小Q桌面. 这一把,背靠微信的小程序能糊吗? 本着出出汗.红红脸,提提问的原则,

微信小程序上传图片到服务器实例

这一篇主要说头像 上传,以及修改保存的功能.本章节主要用的知识点有 1. wx.chooseImage 从本地相册选择图片或使用相机拍照. 2.wx.uploadFile 将本地资源上传到服务器. 3. 修改原来的小程序头像并保存,调用后台接口修改操作  第一步:我们要获取本地图片,官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html#wxchooseimageobject 我这里也贴出来了,不够

微信小程序裁剪图片成圆形

代码地址如下:http://www.demodashi.com/demo/14453.html 前言 最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在github上看了一些例子,一般剪裁图片用的都是方形,所以自己打算写一个小组件,可以把图片剪裁成圆形,主要思路就是使用canvas绘图,把剪裁的图片绘制成圆形,另外剪裁图片的窗口还可以移动放大缩小,这个功能就用了微信组件movable-view,好了,该说的也说完了,下面咱们开始撸代码. movable-v

微信小程序获取二维码并把logo替换为自己的头像

$avatarUrl = 'http://cms-bucket.nosdn.127.net/2018/05/28/a1a44ffdc2d24f928c1860d4fbf54703.jpeg?imageView&thumbnail=550x0'; $logo = yuanImg($avatarUrl); $QR = createQrCode("pages/me/index", "id=1"); $sharePic = qrcodeWithLogo($QR, $

官方问答--微信小程序常见FAQ (17.8.21-17.8.27)

给提问的开发者的建议:提问之前先查询 文档.通过社区右上角搜索搜索已经存在的问题. 写一个简明扼要的标题,并且正文描述清楚你的问题. 提交 BUG:需要带上基础库版本号,设备信息(iOS, Android,开发工具等等),操作系统信息(系统版本),以及可以让他人重现的信息,最好能够提供重现 demo. 对于提供信息过少的问题,会直接关闭,请提供完整信息以后重新打开问题.另外,对于如何做某某功能,可否做某某功能的问题,会直接关闭. 微信小程序常见FAQ(17.8.21-17.8.27) Q:1.5

初尝微信小程序2-基本框架

基本框架: .wxml :页面骨架 .wxss :页面样式 .js :页面逻辑    描述一些行为 .json :页面配置 创建一个小程序之后,app.js,app.json,app.wxss是必须的,而且名字也不能随意更改,这些是作用于APP全局的,而用户创建的一些目录,这些可以看做一个个页面,这些目录下面也包含上面所说的.wxml文件,.wxss文件,.js文件,.json文件.这些文件和目录的名字是可以随意取的.有的文件不是必须的,可以参考微信小程序官方文档.如下: 就近关系:对于一个样式

趣味测试类微信小程序

先说说项目需求吧, l  点击[再测一次],重新开始测试流程,主持人回复第一个题目,流程同上:答完全部题目后,底部不显示[立即开始分析]按钮,而是直接展示结果,且上一次测试内容不清空:如退出再进来,则清空全部历史记录. 图片说明: l 图片上面显示微信头像和昵称 l 名称:左右脑人才鉴定,下面显示2019权威测试标记: l 分数.简述文案与详述文案 l 二维码:H5聚合页的二维码 l 二维码文案为:长按识别二维码|快来领取你的左右脑成绩单 l 点击[点击保存结果],将图片保存到手机相册,且按钮隐

WordPress版微信小程序2.2.0版发布

2017年8月12日WordPress版微信小程序2.2.0版通过了微信的审核正式发布,此版本的更新以完善功能为主.主要更新的功能是:站内链接,猜你喜欢,热点文章. WordPress版微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 了解程序的开发历程及开发技术,建议看看相关版本的更新文章: 1.用微信小程序连接WordPress网站 2.WordPress版微信小程序1.5版本发布 3.WordPress版微信小程

微信小程序 app注册小程序+page注册页面代码一

注册小程序代码:app.js //app.js App({ onLaunch: function(){ var log = wx.getStorageSync("logs") || [] log.unshift(Date.now()) wx.setStorageSync("logs", log) wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId } })