Skip to content

Taro环境中,CircleProgress组件stroke-linecap属性设置不起作用 #3242

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

Open
visualxcode opened this issue Jan 21, 2025 · 0 comments

Comments

@visualxcode
Copy link

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.3.0

平台

其他小程序

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cbmltcG9ydCB7IENpcmNsZVByb2dyZXNzIH0gZnJvbSAnQG51dHVpL251dHVpJ1xuPC9zY3JpcHQ+XG48dGVtcGxhdGU+XG4gIDxudXQtY2VsbCB0aXRsZT1cIkNsaWNrIHRvIHNob3cgVG9hc3RcIiBpcy1saW5rIEBjbGljaz1cInNob3dcIj5cbiAgICA8dGVtcGxhdGUgI2xpbms+XG4gICAgICA8Q2lyY2xlUHJvZ3Jlc3MgOnByb2dyZXNzPVwiMjBcIiA6c3Ryb2tlLXdpZHRoPVwiMTBcIiBzdHJva2UtbGluZWNhcD1cImJ1dHRcIiAvPlxuICAgICAgPENpcmNsZVByb2dyZXNzIDpwcm9ncmVzcz1cIjIwXCIgOnN0cm9rZS13aWR0aD1cIjEwXCIgLz5cbiAgICA8L3RlbXBsYXRlPlxuICA8L251dC1jZWxsPlxuPC90ZW1wbGF0ZT4ifQ==

重现步骤

『CircleProgress』组件中,「stroke-linecap」参数在 taro 环境中不起作用(网页应用一切正常)

源码中的文件:https://github.com/jd-opensource/nutui/blob/45ba04735031772c53fc5aa29e473a734ccaed5f/src/packages/__VUE/circleprogress/circle-progress.taro.vue

代码片段

  const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${color}' fill='none'/%3E`

并未将 stroke-linecap 参数作为变量替换,而是始终为 "round"

期望的结果是什么?

taro 小程序的呈现与网页一致

实际的结果是什么?

『CircleProgress』组件中,「stroke-linecap」参数在 taro 环境中不起作用

环境信息

👽 Taro v3.6.35

Taro CLI 3.6.35 environment info:
System:
OS: macOS 14.6.1
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.11.0 - ~/.local/state/fnm_multishells/94235_1737438265969/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 10.9.0 - ~/.local/state/fnm_multishells/94235_1737438265969/bin/npm
npmPackages:
@tarojs/cli: 3.6.35 => 3.6.35
@tarojs/components: 3.6.35 => 3.6.35
@tarojs/helper: 3.6.35 => 3.6.35
@tarojs/plugin-framework-vue3: 3.6.35 => 3.6.35
@tarojs/plugin-html: 3.6.35 => 3.6.35
@tarojs/plugin-platform-alipay: 3.6.35 => 3.6.35
@tarojs/plugin-platform-h5: 3.6.35 => 3.6.35
@tarojs/plugin-platform-jd: 3.6.35 => 3.6.35
@tarojs/plugin-platform-qq: 3.6.35 => 3.6.35
@tarojs/plugin-platform-swan: 3.6.35 => 3.6.35
@tarojs/plugin-platform-tt: 3.6.35 => 3.6.35
@tarojs/plugin-platform-weapp: 3.6.35 => 3.6.35
@tarojs/runtime: 3.6.35 => 3.6.35
@tarojs/shared: 3.6.35 => 3.6.35
@tarojs/taro: 3.6.35 => 3.6.35
@tarojs/taro-loader: 3.6.35 => 3.6.35
@tarojs/webpack5-runner: 3.6.35 => 3.6.35
babel-preset-taro: 3.6.35 => 3.6.35
eslint-config-taro: 3.6.35 => 3.6.35

其他补充信息

No response

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

No branches or pull requests

1 participant