收藏
回答

无法设置圆形图片?

rt,尝试设置image为圆形的时候,发现无法成功,尝试过设置border-radius 50%,长宽一半,均无效果,甚至照抄index.wxml的微信头像wxss也不行,请问大家可能是什么原因导致的?




可以看到image显示很奇怪,请问大家遇到过类似情况么?

最后一次编辑于  11-15
回答关注问题邀请回答
收藏

2 个回答

  • 你眺望着天边
    你眺望着天边
    11-15
    <!--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>


    11-15
    赞同
    回复
  • 子不语
    子不语
    11-15

    要不你整个代码片段?https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    11-15
    赞同
    回复 6
    • 你眺望着天边
      你眺望着天边
      11-15
      11-15
      回复
    • 子不语
      子不语
      11-15回复你眺望着天边
      代码片段!!!
      11-15
      回复
    • 你眺望着天边
      你眺望着天边
      11-15回复子不语
      wxml的   
         
          {{title}}
       

      样式的 
      .headerImgStyle {
        width: 120rpx;
        height: 120rpx;
        border-radius: 600rpx;
        padding: 0 20rpx 0 20rpx;
      }
      11-15
      回复
    • 子不语
      子不语
      11-15回复你眺望着天边
      你能不能看看我发的那个链接?
      11-15
      回复
    • 你眺望着天边
      你眺望着天边
      11-15回复子不语
      https://developers.weixin.qq.com/s/dbHN6TmI7LcQ
      11-15
      回复
    查看更多(1)
问题标签