收藏
回答

请大佬们帮忙看看:image图标缩小样式编译失败是什么原因?

<!--wxml代码-->

<view >
<view class="serv">
<image src="{{src1}}" mode="aspectFit"/>
<text>保密资格</text>
</view>
<view>
<image src="{{src1}}" mode="aspectFit"/>
<text>装备承制</text>
</view>
</view>
<!--wxss代码-->
.serv{
    display: flex;
    flex-direction: column;
    view{
        image{
           width: 80rpx;
           height: 80rpx;
        }
    }
    
} 
      
回答关注问题邀请回答
收藏

3 个回答

  • 拾忆
    拾忆
    06-23

    wxss不支持这种写法,除非你安装了less的扩展。

    06-23
    有用 1
    回复
  • 啊哈
    啊哈
    06-23

    你这个写法需要用sass或者less。

    修改project.config.json中的setting,增加或修改一下配置,再把.wxss文件修改为.scss 或者.less。

    "useCompilerPlugins": ["sass"] // ["less"]
    
    06-23
    有用
    回复
  • 王盛
    王盛
    06-23

    感谢大佬!请问less扩展如何安装?或者请教另外一种写法。

    06-23
    有用
    回复
登录 后发表内容