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

Swiper 轮播框 SwiperNavigation 属性BUG #1162

Closed
4566704 opened this issue Jul 5, 2022 · 6 comments
Closed

Swiper 轮播框 SwiperNavigation 属性BUG #1162

4566704 opened this issue Jul 5, 2022 · 6 comments
Labels
🐞 bug Something isn't working issueShoot 上架到腾讯内部issueshoot平台的任务 to be published to be published

Comments

@4566704
Copy link

4566704 commented Jul 5, 2022

tdesign-vue-next 版本

0.17.3

重现链接

https://tdesign.tencent.com/vue-next/components/swiper

重现步骤

Swiper组件 API: SwiperNavigation的type属性值'dots' 和 'dots-bar' `无效

代码如下, 来自官方文档

<t-swiper :navigation="{ type: 'dots' }">
  <t-swiper-item>
    <div class="demo-item demo-large">1</div>
  </t-swiper-item>
  <t-swiper-item>
    <div class="demo-item demo-large">2</div>
  </t-swiper-item>
  <t-swiper-item>
    <div class="demo-item demo-large">3</div>
  </t-swiper-item>
</t-swiper>

期望结果

期望与官方文档描述那样,能显示点状和点条状导航器

官方文档描述:
导航器类型,点状(dots)、点条状(dots-bar)、条状(bars)、分式(fraction)等。

实际结果

不显示导导航器

框架版本

vue3.2

浏览器版本

Chrome/103.0.0.0

系统版本

Windows 10 21H2

Node版本

v14.17.5

补充说明

No response

@github-actions
Copy link
Contributor

github-actions bot commented Jul 5, 2022

👋 @4566704,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@PengYYYYY PengYYYYY added the 🐞 bug Something isn't working label Jul 5, 2022
@4566704
Copy link
Author

4566704 commented Jul 5, 2022

顺带把分式(fraction) 也修复一下,它的位置不受placement控制,显示在外侧outside了

@PengYYYYY
Copy link
Collaborator

@btea 处理中

@github-actions
Copy link
Contributor

github-actions bot commented Aug 6, 2022

这个 Issue 被标记为了过时 stale ,因为它已经持续 30 天没有任何活动了。删除 stale 标签或评论,否则将在 7 天内关闭。

@4566704
Copy link
Author

4566704 commented Aug 6, 2022

等待修复

@PengYYYYY
Copy link
Collaborator

PengYYYYY commented Aug 17, 2022

经过测试,navigation 样式,未完全实现,需要补充
【腾讯 CoDesign】三期组件
https://codesign.qq.com/s/qxWyZ1wErA9mVXk
访问密码:OIPF

@PengYYYYY PengYYYYY added the issueShoot 上架到腾讯内部issueshoot平台的任务 label Aug 17, 2022
@PengYYYYY PengYYYYY added the to be published to be published label Aug 26, 2022
@github-actions github-actions bot mentioned this issue Aug 30, 2022
16 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 bug Something isn't working issueShoot 上架到腾讯内部issueshoot平台的任务 to be published to be published
Projects
None yet
Development

No branches or pull requests

2 participants