我是靠谱客的博主 妩媚羽毛,最近开发中收集的这篇文章主要介绍html按钮代码设置宽高,小程序按钮button自定义(宽高)样式,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

获取微信头像等信息

效果:

537.html

默认头像+

537.html

获取到的微信头像

注意,你在css(wxss)里面直接设置button的width,height是无效的!!!必须在html(wxml)里面的style进行设置!!!

{{userInfo.userName}}

{{userInfo.phone}}

.getUserInfoBtn {

/* ,button的宽高无法在wxss里面修改,必须在用style写!!!*/

width: 14vmin;

height: 14vmin;

border-radius: 7vmin; // 本来不需要切圆角的,无奈button就算设置背景色为透明,也还是有影子!

position: relative;

border: dashed 0 transparent;

background-color: transparent;

}

.imageView {

width: 14vmin;

height: 14vmin;

position: absolute;

top: 0;

left: 0; // 如果不设置left,会自动向右偏移(因为父视图切了圆角)

border-radius: 7vmin;

}

.imageViewOnly {

width: 14vmin;

height: 14vmin;

border-radius: 7vmin;

}

.info {

margin-left: 8pt;

}

最后

以上就是妩媚羽毛为你收集整理的html按钮代码设置宽高,小程序按钮button自定义(宽高)样式的全部内容,希望文章能够帮你解决html按钮代码设置宽高,小程序按钮button自定义(宽高)样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(32)

评论列表共有 0 条评论

立即
投稿
返回
顶部