对于小程序刚刚更新的组件open-data,

第一:怎么设置头像的圆形:需要在组件中添加

overflow:hidden;

display:block;

这样才可以实现图片的圆形。

第二:怎么获取到头像的链接,以及用户信息的相关参数呢。

通过button组件

< button bindgetuserinfo= 'Tap' open-type= "getUserInfo" >1
</ button >

open-type设置为"getUserInfo"

bindgetuserinfo='Tap'  一个获取信息的点击事件,在回调中可以查看到相关信息

下图为我截取到的信息

第三:头像在手机端无法显示问题

在手机端添加属性display:block;设置想要的宽高就可以实现。

本文原创,转载请注明出处

小程序open-data组件相关问题相关推荐

  1. 小程序如何自定义组件

    之前在工作中的时候遇到过了小程序自定义组件的问题,所以就想和大家分享一下小程序如何自定义组件.首先让我们来了解一下组件是什么,为什么要使用组件.组件的官方解释是说开发者可以把页面内的功能模块抽象成自定 ...

  2. 【微信小程序】选择器组件picker

    文章目录 [微信小程序]选择器组件picker picker组件的定义 picker组件的类型 picker属性 共同的属性 时间选择器time 参考 [微信小程序]选择器组件picker picke ...

  3. 微信小程序调试webview_微信小程序内嵌webview相关知识点整理

    前言 随着微信小程序的广泛应用,越来越多的商家选择将营销阵营选择迁移到了小程序中,但受其小程序体积限制的影响,不能够完全满足商户的要求,应运而生的web-view组件很好的解决的这一问题.一方面内嵌w ...

  4. A095_day01_微信小程序入门与组件

    目录 微信小程序入门与组件 - Day01 1.内容介绍 2.微信小程序简介(了解) 2.1.什么是小程序 2.2.微信小程序与app的区别 2.3.小程序在入口 2.4.微信小程序的工作原理 2.5 ...

  5. 小程序中所有组件学习

    视图容器 view 视图容器 属性名 类型 默认值 说明 最低版本 hover-class String none 指定按下去的样式类.当 hover-class="none" 时 ...

  6. 微信小程序 — 长列表组件 recycle-view 详细教学

    微信小程序 - 长列表组件 recycle-view 踩坑问题全解 写在前面 引入长列表组件 recycle-view 长列表组件 recycle-view 的使用 问题一.如何增加下拉刷新功能? 问 ...

  7. 微信小程序vue轮播图_微信小程序使用swiper组件实现类3D轮播图

    Swiper是纯javascript打造的滑动特效插件,面向手机.平板电脑等移动终端. Swiper能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果. Swiper开源.免费.稳定.使用简单. ...

  8. 小程序使用vant-dialog组件内容出不来_微信官方小程序同构新方案Kbone全解析

    导语 | 本文是Kbone作者june在云加社区微信群中的分享整理总结而成(编辑:尾尾).同时,june将出席11月16日的TWeb腾讯前端技术大会,欢迎现场交流. 大家好,我是来自腾讯微信小程序团队 ...

  9. 微信小程序基于swiper组件的tab切换

    代码地址如下: http://www.demodashi.com/demo/14010.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.c ...

  10. 小程序解决方案 Westore - 组件、纯组件、插件开发

    数据流转 先上一张图看清 Westore 怎么解决小程序数据难以管理和维护的问题: 非纯组件的话,可以直接省去 triggerEvent 的过程,直接修改 store.data 并且 update,形 ...

最新文章

  1. 通过容器编排和服务网格来改进Java微服务的可测性
  2. 什么原因导致芯片短路_血压中的低压高是什么原因导致的?会导致什么疾病?...
  3. 【渝粤教育】国家开放大学2018年春季 0077-21T古代汉语专题 参考试题
  4. Docker搭建WebLogic服务器
  5. JDBC Statements, PreparedStatement
  6. cif判断字符串相等_leetcode 86 扰乱字符串(c++)
  7. SpringSecurity-1-AuthenticationSuccessHandler接口(登录成功之后的处理逻辑)
  8. ZAM 3D 制作3D动画字幕 用于Xaml导出
  9. ASP.NET 经典60道面试题
  10. Laravel 模型事件的应用
  11. windows10鼠标指针_如何在Windows 10中更轻松地查看鼠标指针
  12. USB_CAN-2A使用CANTest解析J1939
  13. Java —— 连接邮箱,读取收件箱中的邮件
  14. 个人空间岁末大回报活动12月30日获奖名单
  15. 埃尼阿克计算机怎么运行的
  16. 一个字符等于多少磅?
  17. 使用隐马尔科夫模型实现分词
  18. 奇瑞鲍思语:奇瑞新能源产品线将更加丰富
  19. 抵押贷款服务市场现状及未来发展趋势
  20. uni-app -- 授权获取个人信息-登录注册流程

热门文章

  1. GIThub的第一次使用的操作说明(个人笔记)
  2. 项目外包 - 需求结算
  3. 23、数据结构中的绝代双骄(2)链表
  4. 写一个产生8位纯数字的随机数
  5. 如何让 JS 写得更漂亮
  6. nodejs实战入门教程
  7. 实际上我没有选择的余地
  8. 功能测试提测前必 做的几件事!
  9. 艾弗森的史诗——漂泊的十三年
  10. [更新]基于MFC对话框并使用MCI接口的音乐播放器