Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
coderfqw opened this issue Dec 9, 2024 · 1 comment

Comments

@coderfqw
Copy link

coderfqw commented Dec 9, 2024

重现链接

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 插槽样式直接进行调整,以便于统一管理。

设备/浏览器

微信小程序

@TallNutAlt
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants