mason0510 / react-sui

sui上的稳定币项目

React sui

以下为项目基本信息↓

技术栈

[email protected] + [email protected] + [email protected] + [email protected] + [email protected]

Create React App 脚手架工具快速搭建项目结构

[email protected] 路由懒加载

[email protected] 配合 Redux 更舒心

[email protected] 页面动画展示

[email protected] 富文本插件

[email protected] 数据可视化

[email protected] 顶部加载条

[email protected] 全屏插件

[email protected] 代码风格统一

基本功能

• 路由懒加载
• 面包屑导航
• 常用 UI 展示
• echarts 全屏展示
• 登陆/注销功能
• axios 封装
• 简单权限管理

项目结构

├── public                   # 不参与编译的资源文件
├── src                      # 主程序目录
│   ├── api                     # axios 封装
│   ├── assets                  # 资源文件
│   │   ├── font                    # 字体文件
│   │   └── images                  # 图片资源
│   ├── components              # 全局公共组件
│   │   ├── CustomBreadcrumb        # 面包屑导航
│   │   └── CustomMenu              # menu 菜单
│   ├── contatiners             # 页面结构组件
│   ├── routes                  # 路由目录
│   ├── store                   # redux 配置
│   ├── style                   # 样式目录
│   ├── utils                   # 工具类
│   ├── views                   # UI 页面
│   ├── APP.js                  # App.js
│   └── index.js                # index.js
├── .prettierrc.js           # 代码规范
├── config-overrides.js      # antd 样式按需加载

使用方法

// 安装依赖
yarn

// 启动
yarn start

// 打包
yarn build

改造项目

增加钱包连接

vite使用 https://vitejs.dev/guide/ https://github.com/suiet/wallet-kit https://github.com/MystenLabs/sui/blob/main/doc/src/explore/wallet-browser.md https://github.com/suiet/wallet-adapter https://kit.suiet.app/docs/QuickStart https://1x.ant.design/docs/react/getting-started https://ant.design/components/menu-cn#components-menu-demo-horizontal

import React, { Component } from 'react' import { Layout, Icon } from 'antd' import screenfull from 'screenfull' class Index extends Component { fullToggle = () => { if (screenfull.isEnabled) { screenfull.request(document.getElementById('bar')) } } render() { return (

主要功能：抵押 债券 等方式一揽子的形式发行稳定币

) } }

export default Index

问题: 1. react版本为问题 官方是18的版本必须匹配 安装最新版本解决

2.加入组建后连接栏消失 获取🈷余额并且签名️

3.连接ui

4.动态宽高 width 0 height 1000 https://blog.csdn.net/weixin_34163741/article/details/94138922