我是靠谱客的博主 妩媚羽毛,这篇文章主要介绍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按钮代码设置宽高内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部