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

[JoePx]

Version

latest

Vue Version

latest

Link to minimal reproduction

1，

兼容性不好
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]

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]

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

[Issues-translate-bot]

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]

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

错位问题

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

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

切换页签闪屏

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

不适配手机端

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

[Issues-translate-bot]

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]

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

[Issues-translate-bot]

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]

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?