opentiny / tiny-cli

🛠️ A flexible and extensible command line tool for OpenTiny and frontend.
https://opentiny.design/tiny-cli/
MIT License
113 stars 32 forks source link

🐛 [Bug]: tinypro演示页里兼容性挺差的,为什么不弄好再发布pro演示页 #121

Open JoePx opened 10 months ago

JoePx commented 10 months ago

Version

latest

Vue Version

latest

Link to minimal reproduction

1, opentiny 兼容性不好 2,切换页签还会闪屏???

Step to reproduce

测试环境有macos的safari,edge,chrome,firefox,win7的chrome,win11的chrome,edge,除了win11下的edge,其余均出现以上错位问题

What is expected

No response

What is actually happening

No response

Any additional comments (optional)

No response

Issues-translate-bot commented 10 months ago

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Bug]: The compatibility in the tinypro demo page is quite poor. Why not fix it before releasing the pro demo page?

gyssoft commented 10 months ago

不适应移动端,NG的适应移动端

Issues-translate-bot commented 10 months ago

Bot detected the issue body's language is not English, translate it automatically.


Not suitable for mobile terminals, NG is suitable for mobile terminals

fengyon commented 10 months ago

感谢您的反馈,这些应该是 tiny-cli生成的项目模板的问题

错位问题

布局错位问题应该是布局没有添加上下居中属性的原因,后面我们会优化,您可以先修改代码,看能否生效

...
- <tiny-row ...>
+ <!-- flex布局,左右居中,上下居中 -->
+ <tiny-row :flex="true" justify="center" align="middle" ..>
...

切换页签闪屏

这个是因为本地获取mock数据太快,切换loading过快,页面出现了loading蒙层,又马上消失,导致闪烁,后面我们会优化。

不适配手机端

近期tiny-cli生成的项目模板暂无适配手机端的计划,您可以自己适配手机端,也欢迎给我们提feature或者PR

Issues-translate-bot commented 10 months ago

Bot detected the issue body's language is not English, translate it automatically.


Thanks for your feedback, these should be issues with the project templates generated by tiny-cli

Dislocation problem

The layout misalignment problem should be the reason that the layout does not add the upper and lower center attributes. We will optimize it later. You can modify the code first to see if it can take effect.

...
- <tiny-row ...>
+ <!-- flex layout, left and right center, top and bottom center -->
+ <tiny-row :flex="true" justify="center" align="middle" ..>
...

Switch tab splash screen

This is because the mock data is obtained locally too quickly and the loading is switched too quickly. The loading mask appears on the page and disappears immediately, causing flickering. We will optimize it later.

Not suitable for mobile phones

There are currently no plans to adapt the project templates generated by tiny-cli to the mobile version. You can adapt it yourself. You are also welcome to submit features or PRs to us.

JoePx commented 10 months ago

页面字体能否统一处理一下?现在在不同的浏览器,显示的是不同的“默认字体”,一些显示有衬线字体,一些显示无衬线字体

Issues-translate-bot commented 10 months ago

Bot detected the issue body's language is not English, translate it automatically.


Can the page fonts be unified? Now in different browsers, different "default fonts" are displayed, some display serif fonts, some display sans serif fonts

Issues-translate-bot commented 10 months ago

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Bug]: The compatibility in the tinypro demo page is quite poor. Why not fix it before releasing the pro demo page?