UI: 移动端优化

[yjl9903]

移动端表格使用类似的卡片设计

[Velsun3366]

要用媒体查询？

[yjl9903]

要用媒体查询？

结构完全变了，没法用媒体查询

用 vueuse 里的 breakpoints 相关，拿到当前屏幕的宽度，重新渲染一份吧

[Velsun3366]

要整移动端了，可以脑补出一些兼容问题了，特别是IOS，汗流浃背了要，我好菜

[Ximu-Luya]

大佬，我正在基于移动端写一套PC/移动端自适应的响应式页面，也有部分计划的其他计算功能。目前我已经基于你现在线上页面的接口做好了数据处理，问题是我这整套页面结构可能和你现有的页面不太相同，请问这部分你有什么计划吗？我可以向你这个仓库提PR合并吗？还是不接受这种差异过大的页面更改？我是服务端苦手，所以暂时只做了前端

[Ximu-Luya]

大佬，我正在基于移动端写一套PC/移动端自适应的响应式页面，也有部分计划的其他计算功能。目前我已经基于你现在线上页面的接口做好了数据处理，问题是我这整套页面结构可能和你现有的页面不太相同，请问这部分你有什么计划吗？我可以向你这个仓库提PR合并吗？还是不接受这种差异过大的页面更改？我是服务端苦手，所以暂时只做了前端

货物列表效果大致如上，整体UI与功能参考蚂蚁财富的基金、股票页面。

[yjl9903]

@Ximu-Luya 看起来数据呈现逻辑完全不同，有在线的demo可以看看吗？

如果PR涉及了大规模页面结构变更的话，可能就不接受了，因为我这里还需要先重构目前的混乱逻辑。

另一种可能是，你可以发 PR 单独添加你的相关页面，作为实验性的UI，后续再进行整合。

[yjl9903]

大佬，我正在基于移动端写一套PC/移动端自适应的响应式页面，也有部分计划的其他计算功能。目前我已经基于你现在线上页面的接口做好了数据处理，问题是我这整套页面结构可能和你现有的页面不太相同，请问这部分你有什么计划吗？我可以向你这个仓库提PR合并吗？还是不接受这种差异过大的页面更改？我是服务端苦手，所以暂时只做了前端

货物列表效果大致如上，整体UI与功能参考蚂蚁财富的基金、股票页面。

以我的感觉来看，移动端做横向滚动的体验并不好，应该采用某些其他设计。

[Ximu-Luya]

大佬，我正在基于移动端写一套PC/移动端自适应的响应式页面，也有部分计划的其他计算功能。目前我已经基于你现在线上页面的接口做好了数据处理，问题是我这整套页面结构可能和你现有的页面不太相同，请问这部分你有什么计划吗？我可以向你这个仓库提PR合并吗？还是不接受这种差异过大的页面更改？我是服务端苦手，所以暂时只做了前端

货物列表效果大致如上，整体UI与功能参考蚂蚁财富的基金、股票页面。

以我的感觉来看，移动端做横向滚动的体验并不好，应该采用某些其他设计。

这里只是货物总览，基本只会快速查看一下数据，核心还是需要点击某项货物，进入货物详情页，可以看到当前货物的所有可售地区与其报价，不过这一部分我还没有做，今晚应该可以实现一部分。
作为实验性UI这个提议我觉得挺好的，我能够接受。具体的UI设计你可以参考一下蚂蚁财富APP，或者点击zfb中的理财-基金，这个部分。

[yjl9903]

@Ximu-Luya 好的 晚点研究一下

如果接口有需要新增，可以单独发 issues

[Ximu-Luya]

@yjl9903 那我问一个比较愚蠢的问题，我fork了项目，在本地运行时，连接数据库时报错。我已按照README中的步骤，准备好了sqlite
以下是报错信息：

[nuxt] [request error] [unhandled] [500] Can not find connect information
  at connect (D:\Files\Project\resonance-market\drizzle\prod\connect.ts:9:11)

看起来似乎是链接数据库时异常。没有TURSO_URL或TURSO_AUTH_TOKEN。
请问本地开发要怎么配置？

[Velsun3366]

@yjl9903 那我问一个比较愚蠢的问题，我fork了项目，在本地运行时，连接数据库时报错。我已按照README中的步骤，准备好了sqlite 以下是报错信息：

[nuxt] [request error] [unhandled] [500] Can not find connect information
  at connect (D:\Files\Project\resonance-market\drizzle\prod\connect.ts:9:11)

看起来似乎是链接数据库时异常。没有TURSO_URL或TURSO_AUTH_TOKEN。 请问本地开发要怎么配置？

我提交的issue里可以看到

[Velsun3366]

@yjl9903 那我问一个比较愚蠢的问题，我fork了项目，在本地运行时，连接数据库时报错。我已按照README中的步骤，准备好了sqlite 以下是报错信息：

[nuxt] [request error] [unhandled] [500] Can not find connect information
  at connect (D:\Files\Project\resonance-market\drizzle\prod\connect.ts:9:11)

看起来似乎是链接数据库时异常。没有TURSO_URL或TURSO_AUTH_TOKEN。 请问本地开发要怎么配置？

你按报错的文件去看找逻辑就好了

[yjl9903]

@yjl9903 那我问一个比较愚蠢的问题，我fork了项目，在本地运行时，连接数据库时报错。我已按照README中的步骤，准备好了sqlite 以下是报错信息：

[nuxt] [request error] [unhandled] [500] Can not find connect information
  at connect (D:\Files\Project\resonance-market\drizzle\prod\connect.ts:9:11)

看起来似乎是链接数据库时异常。没有TURSO_URL或TURSO_AUTH_TOKEN。 请问本地开发要怎么配置？

#8

晚点更新一下文档😂

[Velsun3366]

@yjl9903 那我问一个比较愚蠢的问题，我fork了项目，在本地运行时，连接数据库时报错。我已按照README中的步骤，准备好了sqlite 以下是报错信息：

[nuxt] [request error] [unhandled] [500] Can not find connect information
  at connect (D:\Files\Project\resonance-market\drizzle\prod\connect.ts:9:11)

看起来似乎是链接数据库时异常。没有TURSO_URL或TURSO_AUTH_TOKEN。 请问本地开发要怎么配置？

#8

晚点更新一下文档😂

大佬移动端打算用哪个UI库？

[Ximu-Luya]

我前端菜狗，因为是移动端与PC自适应，所以用TailwindCss做适配，组件逻辑使用Naive UI

[Ximu-Luya]

我之前没有着手做是因为这个数据太依赖玩家手动上传，后来在雷索纳斯手册里看到大佬留下的工具链接，深受感染遂着手开始撸代码，本来打算自己做一个不过受困于接口要准备太多，我又是服务端苦手，所以先借着大佬的数据，写一写前端的页面，既然都做好了数据处理，我就干脆来咨询大佬一起合作不了。
我尽量在两天内完成我提到的基本的功能提PR，UI上后续我会提取游戏内的素材调整得更好看一些

[Velsun3366]

我之前没有着手做是因为这个数据太依赖玩家手动上传，后来在雷索纳斯手册里看到大佬留下的工具链接，深受感染遂着手开始撸代码，本来打算自己做一个不过受困于接口要准备太多，我又是服务端苦手，所以先借着大佬的数据，写一写前端的页面，既然都做好了数据处理，我就干脆来咨询大佬一起合作不了。 我尽量在两天内完成我提到的基本的功能提PR，UI上后续我会提取游戏内的素材调整得更好看一些

一样是前端菜鸡

[Ximu-Luya]

在这之前我都是做的前后端分离项目，还是第一次接触nuxt，我先熟悉一下差异o(╥﹏╥)o

[Velsun3366]

在这之前我都是做的前后端分离项目，还是第一次接触nuxt，我先熟悉一下差异o(╥﹏╥)o

一样的感受，哈哈哈确实