vant-weapp icon indicating copy to clipboard operation
vant-weapp copied to clipboard

[Bug Report] vant-weapp van-search 自定义组件中使用时插槽样式无法修改

Open coderfqw opened this issue 1 year ago • 1 comments

重现链接

https://codesandbox.io/p/devbox/vant-4-issue-template-forked-ddln2w?file=%2Fsrc%2FApp.vue%3A5%2C19

Vant Weapp 版本

^1.11.7

描述一下你遇到的问题。

vant-weapp van-search 自定义组件中使用时插槽样式无法修改

重现步骤

在自定义组件 UseSearch 中使用了 van-search 组件 在自定义组件中对插槽样式进行修改无法生效 在Page中一样的代码是可以对插槽样式进行修改的 代码片段:

<van-search shape="round" value="{{ value }}" placeholder="输入搜索" use-left-icon-slot use-right-icon-slot>
    <view slot="left-icon">
      <image mode="aspectFit" src="*****.svg"></image>
    </view>
    <view slot="right-icon">搜索</view>
</van-search>

我也尝试了在我的 UseSearch 组件中 添加了addGlobalClass

Component({
  options: {
    addGlobalClass: true
  },
})

添加后可以继承Page中的样式对van-search 插槽样式进行调整。 但是我希望的是可以直接在我的 UseSearch 组件中对van-search 插槽样式直接进行调整,以便于统一管理。

设备/浏览器

微信小程序

coderfqw avatar Dec 09 '24 07:12 coderfqw

请使用微信小程序代码片段,这个库只对微信小程序提供支持,不对多端开发技术进行支持

TallNutAlt avatar Dec 12 '24 02:12 TallNutAlt