qingg / rich-simulator

有钱人模拟器

Home Page:https://lemonjing.com/rich

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

有钱人模拟器

体验花光有钱人的钱。

有钱人模拟器是一个使用React制作的模拟网上商城应用,使用Material UI作为UI框架。用户可以模拟拥有给定数目的金钱,可以在商城中购买商品,可以将钱存入理财应用中获取收益。

Demo (该Demo有更新,会与当前repo的内容略有不同。)

欢迎Star。

截图

主页主页

如何使用

npm install
npm start

如何修改商城物品

  1. 修改src/goods.json,用如下格式表示商品。
{
    "items":[
        {
            "name": "商品1",
            "price": 100
        },
        {
            "name": "商品2",
            "price": 200
        }
    ]
}
  1. 如果增加商品,一定要在src/static/images/items中增加与商品同名的jpg格式图片,如“商品1.jpg”

如何修改初始金额和余额宝利率

修改src/container/RichSimulator的constructor的this.moneythis.yuebaorate

如何修改外观

修改src/App.js中的theme改变主题色,修改src/container/RichSimulatorStyle改变具体样式。

About

有钱人模拟器

https://lemonjing.com/rich

License:Apache License 2.0


Languages

Language:JavaScript 88.8%Language:HTML 8.3%Language:CSS 2.9%