小程序
小游戏
企业微信
微信支付
扫描小程序码分享
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--><viewclass="topContainer column alignCenter"><!-- topcontainer --><viewclass="fullWidth row headerContainer alignCenter"><imageclass="headerImgStyle absolute"src="../../images/wxicon.png"mode="cover"></image><textclass="fullWidth headerTitleStyle">{{title}}</text></view><!-- bottom --><viewclass="fullWidth flex1 row justifyCenter"><viewstyle="width:30rpx;"></view><viewclass="fullWidth flex1 deviseListContainer column alignCenter"style="height:{{bindListHeight}}px;"><viewclass="fullWidth row alignItem"wx:for="{{functionData}}"wx:for-item="item"wx:for-index="index"wx:key="this"><imageclass="functionImgStyle"src="{{item.functionImg}}"mode="aspectFit"></image><textclass="flex1 row functionTextStyle">{{item.functionName}}</text><imagewx:if="{{item.showArrow}}"class="functionArrowImgStyle"src="../../images/add.png"mode="aspectFit"></image></view></view><viewstyle="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;
}