小程序
小游戏
企业微信
微信支付
扫描小程序码分享
rt,尝试设置image为圆形的时候,发现无法成功,尝试过设置border-radius 50%,长宽一半,均无效果,甚至照抄index.wxml的微信头像wxss也不行,请问大家可能是什么原因导致的?
可以看到image显示很奇怪,请问大家遇到过类似情况么?
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我也遇到这个问题了 请问解决了么
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<!--component/mainMine/mainMine.wxml-->
<
view
class
=
"topContainer column alignCenter"
>
<!-- topcontainer -->
"fullWidth row headerContainer alignCenter"
image
"headerImgStyle absolute"
src
"../../images/wxicon.png"
mode
"cover"
></
text
"fullWidth headerTitleStyle"
>{{title}}</
</
<!-- bottom -->
"fullWidth flex1 row justifyCenter"
style
"width:30rpx;"
"fullWidth flex1 deviseListContainer column alignCenter"
"height:{{bindListHeight}}px;"
"fullWidth row alignItem"
wx:for
"{{functionData}}"
wx:for-item
"item"
wx:for-index
"index"
wx:key
"this"
"functionImgStyle"
"{{item.functionImg}}"
"aspectFit"
"flex1 row functionTextStyle"
>{{item.functionName}}</
wx:if
"{{item.showArrow}}"
"functionArrowImgStyle"
"../../images/add.png"
要不你整个代码片段?https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
font-size: 20px;
margin: 50rpx 0;
text-align: center;
}
.functionImgStyle {
width: 60rpx;
height: 60rpx;
margin: 20rpx 0;
.functionTextStyle {
color: rgba(85, 85, 85, 1);
font-family: Microsoft YaHei;
.functionArrowImgStyle {
.test {
background: green;
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我也遇到这个问题了 请问解决了么
<!--component/mainMine/mainMine.wxml-->
<
view
class
=
"topContainer column alignCenter"
>
<!-- topcontainer -->
<
view
class
=
"fullWidth row headerContainer alignCenter"
>
<
image
class
=
"headerImgStyle absolute"
src
=
"../../images/wxicon.png"
mode
=
"cover"
></
image
>
<
text
class
=
"fullWidth headerTitleStyle"
>{{title}}</
text
>
</
view
>
<!-- bottom -->
<
view
class
=
"fullWidth flex1 row justifyCenter"
>
<
view
style
=
"width:30rpx;"
>
</
view
>
<
view
class
=
"fullWidth flex1 deviseListContainer column alignCenter"
style
=
"height:{{bindListHeight}}px;"
>
<
view
class
=
"fullWidth row alignItem"
wx:for
=
"{{functionData}}"
wx:for-item
=
"item"
wx:for-index
=
"index"
wx:key
=
"this"
>
<
image
class
=
"functionImgStyle"
src
=
"{{item.functionImg}}"
mode
=
"aspectFit"
></
image
>
<
text
class
=
"flex1 row functionTextStyle"
>{{item.functionName}}</
text
>
<
image
wx:if
=
"{{item.showArrow}}"
class
=
"functionArrowImgStyle"
src
=
"../../images/add.png"
mode
=
"aspectFit"
></
image
>
</
view
>
</
view
>
<
view
style
=
"width:30rpx;"
>
</
view
>
</
view
>
</
view
>
要不你整个代码片段?https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
font-size: 20px;
margin: 50rpx 0;
text-align: center;
}
.functionImgStyle {
width: 60rpx;
height: 60rpx;
margin: 20rpx 0;
}
.functionTextStyle {
color: rgba(85, 85, 85, 1);
font-family: Microsoft YaHei;
font-size: 20px;
margin: 20rpx 0;
text-align: center;
}
.functionArrowImgStyle {
width: 60rpx;
height: 60rpx;
margin: 20rpx 0;
}
.test {
background: green;
}
样式的
.headerImgStyle {
width: 120rpx;
height: 120rpx;
border-radius: 600rpx;
padding: 0 20rpx 0 20rpx;
}