小程序
小游戏
企业微信
微信支付
扫描小程序码分享
1.选一张正方形的图2.使用image 组件，用上mode="widthFix" 宽度可设成20% 或是150rpx这个时候显示成为正方形3.再加上样式
border-radius:
50%
;
border
:
3px
solid
#fff
这个时候，图片就失去比例了，不再是正方形。
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
附暂时性的解决方案：
1.用js拿到适合的宽度
Page({
data: {
logoWidth:
''
},
onLoad:
function
() {
var
that =
this
//拿到屏幕宽度
wx.getSystemInfo({
success:
(res) {
that.setData({
logoWidth: res.windowWidth * 0.15
});
}
2.然后写死样式
<image class=
"coupon-logo"
src=
"logo.png"
style=
"width:{{logoWidth}}px;height:{{logoWidth}}px;"
/>
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
附暂时性的解决方案：
1.用js拿到适合的宽度
Page({data: {logoWidth:''},onLoad:function() {varthat =this;//拿到屏幕宽度wx.getSystemInfo({success:function(res) {that.setData({logoWidth: res.windowWidth * 0.15});}});}});2.然后写死样式
<image class="coupon-logo"src="logo.png"style="width:{{logoWidth}}px;height:{{logoWidth}}px;"/>