用前端代码直接撸：金融投资pc端网页版dashboard(Financial Investment PC Web Version Dashboard)

 这是一位小伙伴要求：对他截图的pc端软件界面demo，进行直接用前端代码实现网页版的界面，具体花了3个晚上，终于完成了网页版的前端界面实现。


This was Tom's client's request: to directly implement a web version of the PC software interface demo he had screenshotted using front-end code. It took him three nights to finally complete the web version front-end interface implementation.



下面是他的截图：












这是直接用前端代码撸出的网页版界面效果，录制的视频 ：






🌹  如果有小伙伴需要直接用前端代码仿站撸串的，随时找欧阳家助力服务。

Comments

Post a Comment

Popular posts from this blog

HarmonyOS Banner AD design ------------8/30/2025

Image
这是一个博客园的创始人找我和合作banenr广告1个页面设计，本来想付款；但是想到他们创 业也不容易，及目前大环境下不如意，为了以后能长期合作，及让对方看出我的诚意；再加第 一次合作，于是承诺免费友情帮忙。 想不到8月29星期五晚上交活的时候，对方非常满意；对方用别的方式表达感谢，用他们博客园 论坛上的商城，关于他们博客论坛，带有他们logo的T恤 链接发给我，要求我下单，不用支 付，会快递T恤物品赠送给我。弄得不好意思，直接婉拒了，表达心意：如果受此礼物了，表明 诚意有水分，如果以后有界面UI设计活，或响应前端实现，可以第一时间想着欧阳就行。 这次合作旅程很开心！ 如果有需要UI设计banner帮忙的朋友，可以随时找欧阳友情免费帮忙， 不过只设计1个页面吆！ 交个朋友！ The founder of a blog garden company approached me about collaborating on a single page design for a banner advertisement. I originally wanted to pay for it, but considering their own challenges in starting a business and the current economic climate, I decided to offer free assistance for the sake of long-term cooperation and to show my sincerity, especially since this was our first collaboration. Unexpectedly, when I handed in the work on Friday evening, August 29th, they were incredibly satisfied. They expressed their gratitude in a different way, using the link to a T-shirt with their logo from their blog garden forum. They asked me to place an or...
Read more

resume UI design ----2021

Image
这是从网上找我第一次合作的ZIHAO网友，很谢谢他信任，客户很满意，客户自己说超出他的预期， This is the ZIHAO netizen who came to me to cooperate with me for the first time on the Internet. I am very grateful for his trust. The customer is very satisfied. The customer himself said that it exceeded his expectations. Link： https://www.zcool.com.cn/work/ZNTA5ODA1OTY=.html 需要UI设计，或响应前端合作， 请联系： vx :191400619 whatsAPP ： 15510427664
Read more

Smart future technology Official website homepage UI design ----12/1/2024

Image
  只是一个合作4年多得老客户，委托我设计的官网首页宣传设计，由于内容少，空洞，所以非常费脑筋，得用线条、星星、及黑洞元素来填充空洞弊端。 This is just an old client who has been cooperating with me for more than 4 years. He commissioned me to design the promotional design of the official website homepage. Due to the small amount of content and the emptiness, it was very brainstorming. I had to use lines, stars, and black hole elements to fill the empty space.
Read more

Law firm H5 applet interface UI design-----------6 / 4 / 2025

Image
这是v2ex寻找到我UI设计合作的小伙伴，不过这次合作，也是很探讨，担心自己不能设计出甲方 满意的设计作品，很感谢我的God恩主耶稣基督，无论在心力上、耐心上、寻找素材、及如何搭 配颜色、排版，都有God的恩典。 浏览此作品的小伙伴，如果尼有需要项目UI设计，欧阳非常欢迎，当然，欧阳依然会把每个小伙 伴的项目当着自己项目专心设计。 联系方式： tg:  @Yisitie777 vx :  191400619 This is the UI design partner that v2ex found for me. However, I had a lot of discussions during this collaboration. I was worried that I could not design a design that satisfied the client. I am very grateful to my God, Jesus Christ, for his grace in helping me with my efforts, patience, finding materials, and matching colors and layouts. Friends who browse this work, if you need project UI design, Ouyang is very welcome. Of course, Ouyang will still design each friend's project as his own project。 Contact information ：  tg: @Yisitie777  vx: 191400619
Read more

AI travel photography interface UI design--------6月28/2025

Image
这是北京网友找我合作的AI旅拍界面设计，非常谢谢这位网友，再没有发确认子页面确认邮件 情况下，给我结清了尾款； 由于他们demo没有 选择模板；只按他们demo设计样稿，但是他们women  boss提出，没有 选择模板，不能一开始就让人家付款。 于是又在没有此要求的demo情况下，进行了根据自己想法设计了此首页。 首页确认之后，进行各个子页面设计 This is the AI ​​travel photography interface design that a Beijing netizen asked me to  cooperate with. I am very grateful to this netizen for paying the balance to me without  sending a confirmation email for the sub-page. Since their demo did not select a  template, I only designed the draft according to their demo, but their women boss  suggested that they could not ask people to pay at the beginning without selecting a  template. So I designed this homepage according to my own ideas without this  requirement in the demo. After the homepage is confirmed, design each sub-page 如果有需要界面UI设计的小伙伴，请随时联系欧阳 vx  :   191400619 te  :     https://t.me/Yisitie777
Read more

APP移动界面UI设计----------------10月21/2024

Image
This is a project that an old customer asked me to design. Due to my own reasons, I neglected the nature of the project because it was an ordinary game interface app interface design. However, after the customer paid the full price for the page and gave me the requirements document, when I started to design it, I took a closer look and found that it had the nature of a casino. This made me panic and uneasy, mainly because I felt sorry for my God Jesus Christ. 这是一个老客户寻找我设计得项目，由于我自身原因轻忽项目性质，因为是普通游戏界面app界面设计，但是当客户已付该页面全款，及给我需求文档后，当我开始设计时候，仔细一看，才知道有casino性质；让我惶恐难安，主要是对不起我的God主耶稣基督。 所以下决心，只设计一个页面，交付给对方设计稿psd文件，其余子页面，让我客户自己找人接着设计。 非常谢谢客户理解；更感谢God主耶稣基督在我心里得提醒。
Read more

Realize mobile interface simulation function on PC---2023/11/22

Image
顶端左边时间：  功能描述：分（如果输入的不是数字，提示：请输入数字，如果输入的数字大于60时，提示：请输入 0 -59 ）， 功能描述：时（如果输入的不是数字，提示：请输入数字，如果输入的数字大于24时，提示：请输入 0 -23） 顶端右边： 功能说明： wifi ，手机模拟信号 ，电池电量 （JS 动态自动更新） 页面内容时间：   功能描述：分 （如果输入的不是数字，提示：请输入数字，如果输入的数字大于60时，提示： 请输入 0 -59 ）， 功能描述：时：（如果输入的不是数字，提示：请输入数字，如果输入的数字大于24时，提】 示：请输入 0 -23） 功能描述：  账号 （如果输入的不是数字，提示：请输入数字，） 页面内容日期 ：日，月 ，年 功能描述： 日  （如果输入的不是数字，提示：请输入数字，如果输入的数字大于31时，提 示：请输入01 – 31天 ）， 功能描述：月  （如果输入的不是数字，提示：请输入数字，如果输入的数字大于12时，提 示：请输入01 – 12月 ）， 功能描述：年 （如果输入的不是数字，提示：请输入数字  ），   页面内容金额： 功能描述：（如果输入的不是数字，提示：请输入数字，  输入的数字自动+5） 页面内容蒙板：    功能描述：页面右下角浮动框 ， 竖向滑动条  蒙板高度可调整 （值为：百分比 ） 页面生产PNG 图片 功能描述：页面右下角浮动框 ， 图片按钮，点击图片按钮 会将整个html 页面生成png图 （除去 右下角浮动框 不在生成图片范围内） Top left time: Function description: Minutes (if the entered number is not a number, prompt: please enter a number, if the entered number is greater than 60, prompt: please enter 0 -59), Function description: (if the input is not a number, prompt: please enter a number, if the en...
Read more