周湘贤的快速会议。
大家好,我是周湘贤。在这里,我想和大家分享一下如何利用开源项目来实现我的基金视图效果。在我的github视频中,我向大家展示了这个效果。今天,我想分享一下我是如何利用vieelement这个项目来实现的。大家可以打开这个网页,尝试一下它的功能。在首页上,它有一个非常不错的页面。我也非常喜欢这个页面。例如,点击这个图标可以动态切换线性表的展示方式。这就是线性表。我的基金基金视图的实际效果只是换了一个logo,然后把这里当作一个列表进行编辑,就变成了我的基金数据。因此,我非常喜欢这个页面。但是,这个项目还有很多其他不错的组件,比如雷达饼图、条形柱状图和卡片。这些效果我也很喜欢。如果大家也喜欢,可以克隆这个项目并查看它的源代码。我建议大家这么做。
今天,我将这个项目复制到我的电脑上,并分享一下我是如何实现的。这个实验非常简单,只需要简单的操作就能达到我想要的效果。我将这个项目复制到我的电脑上,并将代码定位到这个位置。tampih会将所有的图表封装成tamp的控件。在这里,它将我的基金图表数据分割成面板并显示出来。因此,我可以直接将这些代码复制到我的项目中,将我的基因数据和基金数据展示出来。这里还有一个信息图表,用于显示我的基金每日收益和累计收益情况。当然,我只需要简单地复制这些代码,就可以实现我的基金持仓页面的效果。
这个项目还有很多其他很棒的组件,作者将它们封装成了很好的组件,可以直接使用。例如,这里的交易表和卡片。我将这些组件复制到我的项目中,以查看它们的效果。这是我的项目页面,可以看到这里有很多卡片。因为我有大约889个列表,所以我将它们转换为卡片格式,以显示它们。如果您想在自己的项目中使用它们,只需将这些图像的地址动态地更改即可。这也是一个很好的选择。如果您认为这个项目不错,可以像我一样克隆它并查看它的源代码。基本上,只需复制并粘贴这些代码,就可以实现这个效果。当然,你也可以利用AI的力量来建造一些东西。最近AI也很受欢迎,其实我也尝试过用它来制作页面,但效果并不是很理想。
我曾经让百度的AI工程师用Vue.js编写一个基因页面,希望能够接近支付宝的界面效果。然而,AI的回复并没有达到我的期望,让我觉得有些失望。它只是简单地让我安装了一些工具和环境,包括Vue、Element和一些空间。然后,它生成了一个代码表和一个标签页,没有其他内容。这样的数据看起来很简陋,而且没有解释如何与后端进行交互,也没有提供任何示例。总的来说,我觉得AI的表现不是很好。
所以我决定放弃这个项目,转而使用其他的开源项目。
我觉得这个项目还不错,只需要根据自己的需求修改一下图标和数据与后端交互的方式,就可以轻松地实现自己想要的效果。如果你也喜欢这个项目,可以像我一样克隆并查看源代码,了解作者是如何将其拆分为小部件的,这样你就可以轻松地达到自己的目标。
如果你不满意原始的效果,也可以根据自己的需要对作者的代码进行一些调整。因为这个项目原本就是开放的,每个人都可以自由地进行修改。
今天的分享就到这里,感谢大家的聆听。