init: Create & Init Taro TeraWallet
Signed-off-by: MiaoWoo <admin@yumc.pw>
12
.editorconfig
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
# http://editorconfig.org
|
||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
15
.eslintrc
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"extends": ["taro"],
|
||||||
|
"rules": {
|
||||||
|
"no-unused-vars": ["error", { "varsIgnorePattern": "Taro" }],
|
||||||
|
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx", ".tsx"] }]
|
||||||
|
},
|
||||||
|
"parser": "@typescript-eslint/parser",
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaFeatures": {
|
||||||
|
"jsx": true
|
||||||
|
},
|
||||||
|
"useJSXTextNode": true,
|
||||||
|
"project": "./tsconfig.json"
|
||||||
|
}
|
||||||
|
}
|
7
.gitignore
vendored
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
dist/
|
||||||
|
deploy_versions/
|
||||||
|
.temp/
|
||||||
|
.rn_temp/
|
||||||
|
node_modules/
|
||||||
|
.DS_Store
|
||||||
|
*.log
|
21
config/dev.js
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
module.exports = {
|
||||||
|
env: {
|
||||||
|
NODE_ENV: '"development"'
|
||||||
|
},
|
||||||
|
defineConstants: {
|
||||||
|
},
|
||||||
|
weapp: {},
|
||||||
|
h5: {
|
||||||
|
devServer: {
|
||||||
|
public: "https://tera-wallet.miaowoo.cc",
|
||||||
|
disableHostCheck: true,
|
||||||
|
proxy: {
|
||||||
|
'^/api': {
|
||||||
|
target: 'https://teraapi.sixi.com',
|
||||||
|
ws: true,
|
||||||
|
changeOrigin: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
102
config/index.js
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
const config = {
|
||||||
|
projectName: 'TeraWallet',
|
||||||
|
date: '2019-7-26',
|
||||||
|
designWidth: 750,
|
||||||
|
deviceRatio: {
|
||||||
|
'640': 2.34 / 2,
|
||||||
|
'750': 1,
|
||||||
|
'828': 1.81 / 2
|
||||||
|
},
|
||||||
|
sourceRoot: 'src',
|
||||||
|
outputRoot: 'dist',
|
||||||
|
plugins: {
|
||||||
|
babel: {
|
||||||
|
sourceMap: true,
|
||||||
|
presets: [
|
||||||
|
['env', {
|
||||||
|
modules: false
|
||||||
|
}]
|
||||||
|
],
|
||||||
|
plugins: [
|
||||||
|
'transform-decorators-legacy',
|
||||||
|
'transform-class-properties',
|
||||||
|
'transform-object-rest-spread'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
defineConstants: {
|
||||||
|
},
|
||||||
|
copy: {
|
||||||
|
patterns: [
|
||||||
|
],
|
||||||
|
options: {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
weapp: {
|
||||||
|
module: {
|
||||||
|
postcss: {
|
||||||
|
autoprefixer: {
|
||||||
|
enable: true,
|
||||||
|
config: {
|
||||||
|
browsers: [
|
||||||
|
'last 3 versions',
|
||||||
|
'Android >= 4.1',
|
||||||
|
'ios >= 8'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
pxtransform: {
|
||||||
|
enable: true,
|
||||||
|
config: {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
url: {
|
||||||
|
enable: true,
|
||||||
|
config: {
|
||||||
|
limit: 10240 // 设定转换尺寸上限
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false,如需使用 css modules 功能,则设为 true
|
||||||
|
config: {
|
||||||
|
namingPattern: 'module', // 转换模式,取值为 global/module
|
||||||
|
generateScopedName: '[name]__[local]___[hash:base64:5]'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
h5: {
|
||||||
|
publicPath: '/',
|
||||||
|
staticDirectory: 'static',
|
||||||
|
module: {
|
||||||
|
postcss: {
|
||||||
|
autoprefixer: {
|
||||||
|
enable: true,
|
||||||
|
config: {
|
||||||
|
browsers: [
|
||||||
|
'last 3 versions',
|
||||||
|
'Android >= 4.1',
|
||||||
|
'ios >= 8'
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cssModules: {
|
||||||
|
enable: false, // 默认为 false,如需使用 css modules 功能,则设为 true
|
||||||
|
config: {
|
||||||
|
namingPattern: 'module', // 转换模式,取值为 global/module
|
||||||
|
generateScopedName: '[name]__[local]___[hash:base64:5]'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = function (merge) {
|
||||||
|
if (process.env.NODE_ENV === 'development') {
|
||||||
|
return merge({}, config, require('./dev'))
|
||||||
|
}
|
||||||
|
return merge({}, config, require('./prod'))
|
||||||
|
}
|
18
config/prod.js
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
module.exports = {
|
||||||
|
env: {
|
||||||
|
NODE_ENV: '"production"'
|
||||||
|
},
|
||||||
|
defineConstants: {
|
||||||
|
},
|
||||||
|
weapp: {},
|
||||||
|
h5: {
|
||||||
|
/**
|
||||||
|
* 如果h5端编译后体积过大,可以使用webpack-bundle-analyzer插件对打包体积进行分析。
|
||||||
|
* 参考代码如下:
|
||||||
|
* webpackChain (chain) {
|
||||||
|
* chain.plugin('analyzer')
|
||||||
|
* .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
|
||||||
|
* }
|
||||||
|
*/
|
||||||
|
}
|
||||||
|
}
|
18
global.d.ts
vendored
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
declare module "*.png";
|
||||||
|
declare module "*.gif";
|
||||||
|
declare module "*.jpg";
|
||||||
|
declare module "*.jpeg";
|
||||||
|
declare module "*.svg";
|
||||||
|
declare module "*.css";
|
||||||
|
declare module "*.less";
|
||||||
|
declare module "*.scss";
|
||||||
|
declare module "*.sass";
|
||||||
|
declare module "*.styl";
|
||||||
|
|
||||||
|
// @ts-ignore
|
||||||
|
declare const process: {
|
||||||
|
env: {
|
||||||
|
TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq';
|
||||||
|
[key: string]: any;
|
||||||
|
}
|
||||||
|
}
|
77
package.json
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
{
|
||||||
|
"name": "tera-wallet",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"private": true,
|
||||||
|
"description": "泰瑞管理工具",
|
||||||
|
"templateInfo": {
|
||||||
|
"name": "default",
|
||||||
|
"typescript": true,
|
||||||
|
"css": "sass"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build:weapp": "taro build --type weapp",
|
||||||
|
"build:swan": "taro build --type swan",
|
||||||
|
"build:alipay": "taro build --type alipay",
|
||||||
|
"build:tt": "taro build --type tt",
|
||||||
|
"build:h5": "taro build --type h5",
|
||||||
|
"build:rn": "taro build --type rn",
|
||||||
|
"build:qq": "taro build --type qq",
|
||||||
|
"build:quickapp": "taro build --type quickapp",
|
||||||
|
"dev:weapp": "npm run build:weapp -- --watch",
|
||||||
|
"dev:swan": "npm run build:swan -- --watch",
|
||||||
|
"dev:alipay": "npm run build:alipay -- --watch",
|
||||||
|
"dev:tt": "npm run build:tt -- --watch",
|
||||||
|
"dev:h5": "npm run build:h5 -- --watch",
|
||||||
|
"dev:rn": "npm run build:rn -- --watch",
|
||||||
|
"dev:qq": "npm run build:qq -- --watch",
|
||||||
|
"dev:quickapp": "npm run build:quickapp -- --watch"
|
||||||
|
},
|
||||||
|
"author": "",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@tarojs/async-await": "^1.3.10",
|
||||||
|
"@tarojs/components": "1.3.10",
|
||||||
|
"@tarojs/redux": "^1.3.10",
|
||||||
|
"@tarojs/redux-h5": "^1.3.10",
|
||||||
|
"@tarojs/router": "1.3.10",
|
||||||
|
"@tarojs/taro": "1.3.10",
|
||||||
|
"@tarojs/taro-alipay": "1.3.10",
|
||||||
|
"@tarojs/taro-h5": "1.3.10",
|
||||||
|
"@tarojs/taro-qq": "1.3.10",
|
||||||
|
"@tarojs/taro-quickapp": "1.3.10",
|
||||||
|
"@tarojs/taro-swan": "1.3.10",
|
||||||
|
"@tarojs/taro-tt": "1.3.10",
|
||||||
|
"@tarojs/taro-weapp": "1.3.10",
|
||||||
|
"dva-core": "^1.4.0",
|
||||||
|
"dva-loading": "^3.0.12",
|
||||||
|
"nerv-devtools": "^1.4.0",
|
||||||
|
"nervjs": "^1.4.0",
|
||||||
|
"taro-ui": "^2.2.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@tarojs/cli": "^1.3.10",
|
||||||
|
"@tarojs/plugin-babel": "1.3.10",
|
||||||
|
"@tarojs/plugin-csso": "1.3.10",
|
||||||
|
"@tarojs/plugin-sass": "1.3.10",
|
||||||
|
"@tarojs/plugin-uglifyjs": "1.3.10",
|
||||||
|
"@tarojs/webpack-runner": "1.3.10",
|
||||||
|
"@types/react": "^16.4.6",
|
||||||
|
"@types/webpack-env": "^1.13.6",
|
||||||
|
"@typescript-eslint/parser": "^1.6.0",
|
||||||
|
"babel-eslint": "^8.2.3",
|
||||||
|
"babel-plugin-transform-class-properties": "^6.24.1",
|
||||||
|
"babel-plugin-transform-decorators-legacy": "^1.3.4",
|
||||||
|
"babel-plugin-transform-jsx-stylesheet": "^0.6.5",
|
||||||
|
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
||||||
|
"babel-preset-env": "^1.6.1",
|
||||||
|
"eslint": "^5.16.0",
|
||||||
|
"eslint-config-taro": "1.3.10",
|
||||||
|
"eslint-plugin-import": "^2.12.0",
|
||||||
|
"eslint-plugin-react": "^7.8.2",
|
||||||
|
"eslint-plugin-taro": "1.3.10",
|
||||||
|
"stylelint": "9.3.0",
|
||||||
|
"stylelint-config-taro-rn": "1.3.10",
|
||||||
|
"stylelint-taro-rn": "1.3.10",
|
||||||
|
"typescript": "^3.0.1"
|
||||||
|
}
|
||||||
|
}
|
13
project.config.json
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"miniprogramRoot": "./dist",
|
||||||
|
"projectname": "TeraWallet",
|
||||||
|
"description": "泰瑞管理工具",
|
||||||
|
"appid": "1109699640",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"es6": false,
|
||||||
|
"postcss": false,
|
||||||
|
"minified": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram"
|
||||||
|
}
|
13
project.qq.json
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"miniprogramRoot": "./dist",
|
||||||
|
"projectname": "TeraWallet",
|
||||||
|
"description": "泰瑞管理工具",
|
||||||
|
"appid": "1109699640",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"es6": false,
|
||||||
|
"postcss": false,
|
||||||
|
"minified": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram"
|
||||||
|
}
|
11
src/app.scss
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
@import "~taro-ui/dist/style/index.scss";
|
||||||
|
|
||||||
|
.flex-wrp{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.flex-item{
|
||||||
|
flex-grow: 1;
|
||||||
|
text-align: center;
|
||||||
|
}
|
70
src/app.tsx
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
import '@tarojs/async-await'
|
||||||
|
import Taro, { Component, Config } from '@tarojs/taro'
|
||||||
|
import { Provider } from '@tarojs/redux';
|
||||||
|
|
||||||
|
import dva from './utils/dva';
|
||||||
|
import models from './models';
|
||||||
|
|
||||||
|
import './app.scss'
|
||||||
|
|
||||||
|
// 如果需要在 h5 环境中开启 React Devtools
|
||||||
|
// 取消以下注释:
|
||||||
|
if (process.env.NODE_ENV !== 'production' && process.env.TARO_ENV === 'h5') {
|
||||||
|
require('nerv-devtools')
|
||||||
|
}
|
||||||
|
|
||||||
|
const app = dva.createApp({
|
||||||
|
initialState: {},
|
||||||
|
models
|
||||||
|
});
|
||||||
|
|
||||||
|
const store = app.getStore();
|
||||||
|
|
||||||
|
class App extends Component {
|
||||||
|
/**
|
||||||
|
* 指定config的类型声明为: Taro.Config
|
||||||
|
*
|
||||||
|
* 由于 typescript 对于 object 类型推导只能推出 Key 的基本类型
|
||||||
|
* 对于像 navigationBarTextStyle: 'black' 这样的推导出的类型是 string
|
||||||
|
* 提示和声明 navigationBarTextStyle: 'black' | 'white' 类型冲突, 需要显示声明类型
|
||||||
|
*/
|
||||||
|
config: Config = {
|
||||||
|
pages: [
|
||||||
|
'pages/index/index',
|
||||||
|
'pages/my/index'
|
||||||
|
],
|
||||||
|
window: {
|
||||||
|
backgroundTextStyle: 'light',
|
||||||
|
navigationBarBackgroundColor: '#fff',
|
||||||
|
navigationBarTitleText: '泰瑞管家',
|
||||||
|
navigationBarTextStyle: 'black'
|
||||||
|
},
|
||||||
|
tabBar: {
|
||||||
|
color: "#e6e6e6",
|
||||||
|
selectedColor: "#2c2c2c",
|
||||||
|
backgroundColor: "#f8f8f8",
|
||||||
|
list: [{
|
||||||
|
pagePath: 'pages/index/index',
|
||||||
|
text: "首页",
|
||||||
|
iconPath: "assets/images/home.png",
|
||||||
|
selectedIconPath: "assets/images/home_select.png"
|
||||||
|
}, {
|
||||||
|
pagePath: 'pages/my/index',
|
||||||
|
text: '我的',
|
||||||
|
iconPath: "assets/images/my.png",
|
||||||
|
selectedIconPath: "assets/images/my_select.png"
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 在 App 类中的 render() 函数没有实际作用
|
||||||
|
// 请勿修改此函数
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<Provider store={store}>
|
||||||
|
</Provider>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Taro.render(<App />, document.getElementById('app'))
|
BIN
src/assets/images/account.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
src/assets/images/account_select.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
src/assets/images/dashboard.png
Normal file
After Width: | Height: | Size: 6.1 KiB |
BIN
src/assets/images/dashboard_select.png
Normal file
After Width: | Height: | Size: 6.2 KiB |
BIN
src/assets/images/home.png
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
src/assets/images/home_select.png
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
src/assets/images/kanban.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
src/assets/images/kanban_select.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
src/assets/images/logo.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
src/assets/images/my.png
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
src/assets/images/my_select.png
Normal file
After Width: | Height: | Size: 5.4 KiB |
22
src/index.html
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
||||||
|
<meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-touch-fullscreen" content="yes">
|
||||||
|
<meta name="format-detection" content="telephone=no,address=no">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="white">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<title></title>
|
||||||
|
<script>
|
||||||
|
!function(x){function w(){var v,u,t,tes,s=x.document,r=s.documentElement,a=r.getBoundingClientRect().width;if(!v&&!u){var n=!!x.navigator.appVersion.match(/AppleWebKit.*Mobile.*/);v=x.devicePixelRatio;tes=x.devicePixelRatio;v=n?v:1,u=1/v}if(a>=640){r.style.fontSize="40px"}else{if(a<=320){r.style.fontSize="20px"}else{r.style.fontSize=a/320*20+"px"}}}x.addEventListener("resize",function(){w()});w()}(window);
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
2
src/models/index.ts
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
import Index from '../pages/index/model'
|
||||||
|
export default [Index];
|
7
src/models/types.ts
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
export interface DefaultModel<T> {
|
||||||
|
namespace: string,
|
||||||
|
state: T,
|
||||||
|
effects?: { [key: string]: Function },
|
||||||
|
reducers?: { [key: string]: Function },
|
||||||
|
subscriptions?: { [key: string]: Function },
|
||||||
|
}
|
34
src/pages/index/index.scss
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
.page {
|
||||||
|
position: relative;
|
||||||
|
background-color: #FDFDFD;
|
||||||
|
|
||||||
|
view,
|
||||||
|
div {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-index {
|
||||||
|
padding: 0 0 30px;
|
||||||
|
|
||||||
|
.logo {
|
||||||
|
margin: 24px auto;
|
||||||
|
font-size: 0;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.page-title {
|
||||||
|
color: #474747;
|
||||||
|
font-size: 36px;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.base-info {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
51
src/pages/index/index.tsx
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
import { AtCard, AtNoticebar } from 'taro-ui'
|
||||||
|
import { connect } from '@tarojs/redux';
|
||||||
|
import { View, Image } from '@tarojs/components'
|
||||||
|
import Taro, { Component, Config } from '@tarojs/taro'
|
||||||
|
|
||||||
|
import './index.scss'
|
||||||
|
import logoImg from '../../assets/images/logo.png'
|
||||||
|
import { IndexProps } from './type';
|
||||||
|
|
||||||
|
@connect(({ index }): IndexProps => ({ ...index }))
|
||||||
|
export default class Index extends Component<IndexProps> {
|
||||||
|
config: Config = {
|
||||||
|
navigationBarTitleText: '首页',
|
||||||
|
enablePullDownRefresh: true
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount() {
|
||||||
|
Taro.startPullDownRefresh();
|
||||||
|
}
|
||||||
|
|
||||||
|
async onPullDownRefresh() {
|
||||||
|
await this.props.dispatch({
|
||||||
|
type: 'index/getCurrentInfo'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const {
|
||||||
|
data
|
||||||
|
} = this.props
|
||||||
|
return (
|
||||||
|
<View className='page page-index'>
|
||||||
|
<AtNoticebar close marquee icon='volume-plus'>
|
||||||
|
通知: 钱包目前处于测试阶段 如果发现BUG 请及时反馈!
|
||||||
|
</AtNoticebar>
|
||||||
|
<View className='logo'>
|
||||||
|
<Image src={logoImg} className='img' mode='scaleToFill' />
|
||||||
|
</View>
|
||||||
|
<View className='page-title'>泰瑞管家</View>
|
||||||
|
<AtCard className='base-info' title='基本信息'>
|
||||||
|
<View>软件版本: {data.version}</View>
|
||||||
|
<View>当前高度: {data.block}</View>
|
||||||
|
<View>流通数量: {data.supply}</View>
|
||||||
|
<View>百 分 比: {data.percent}</View>
|
||||||
|
<View>当前收益: {data.lastMiner}</View>
|
||||||
|
<View>来 自: {data.lastNumber} {data.lastName}</View>
|
||||||
|
</AtCard>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
33
src/pages/index/model.ts
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
import { getInfo } from './service'
|
||||||
|
import { DefaultModel } from 'src/models/types';
|
||||||
|
import { IndexProps } from './type';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
namespace: 'index',
|
||||||
|
state: {
|
||||||
|
data: {
|
||||||
|
version: 0,
|
||||||
|
block: 0,
|
||||||
|
supply: 0,
|
||||||
|
percent: '0.00',
|
||||||
|
lastMiner: 0,
|
||||||
|
lastName: 'system',
|
||||||
|
lastNumber: 0,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
effects: {
|
||||||
|
*getCurrentInfo({ }, { call, put }) {
|
||||||
|
let info = yield call(getInfo);
|
||||||
|
yield put({
|
||||||
|
type: "setState", payload: {
|
||||||
|
data: info
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
reducers: {
|
||||||
|
setState(state: IndexProps, { payload }) {
|
||||||
|
return { ...state, ...payload }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} as DefaultModel<IndexProps>
|
35
src/pages/index/service.ts
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
import { getCurrentInfo, getBlockInfo, getAccount, getHistoryTransactions } from '../../rpc/tera'
|
||||||
|
import coinKit from '../../utils/coin-kit'
|
||||||
|
import Taro from '@tarojs/taro';
|
||||||
|
|
||||||
|
const MAX_CENT = 1e9
|
||||||
|
|
||||||
|
async function getInfo() {
|
||||||
|
Taro.showLoading({
|
||||||
|
title: '加载中...'
|
||||||
|
})
|
||||||
|
let info = await getCurrentInfo();
|
||||||
|
let system = await getAccount(0);
|
||||||
|
let lastBlock = await getBlockInfo(info.MaxNumBlockDB);
|
||||||
|
let lastTrs = await getHistoryTransactions(lastBlock.Miner)
|
||||||
|
for (const tr of lastTrs) {
|
||||||
|
if (tr.CorrID == 0 && tr.Direct == "+") {
|
||||||
|
lastTrs = tr;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let supply = MAX_CENT - coinKit.toNumber(system.Value)
|
||||||
|
Taro.hideLoading()
|
||||||
|
Taro.stopPullDownRefresh()
|
||||||
|
return {
|
||||||
|
version: info.VersionNum,
|
||||||
|
block: info.CurBlockNum,
|
||||||
|
supply: supply,
|
||||||
|
percent: (supply / MAX_CENT * 100).toFixed(5),
|
||||||
|
lastMiner: lastBlock.Miner,
|
||||||
|
lastName: lastBlock.MinerName,
|
||||||
|
lastNumber: coinKit.toNumber(lastTrs),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export { getInfo }
|
13
src/pages/index/type.ts
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
export interface IndexProps {
|
||||||
|
dispatch?: any,
|
||||||
|
data: IndexData
|
||||||
|
}
|
||||||
|
export interface IndexData {
|
||||||
|
version: number;
|
||||||
|
block: number;
|
||||||
|
supply: number;
|
||||||
|
percent: string;
|
||||||
|
lastMiner: number;
|
||||||
|
lastName: string;
|
||||||
|
lastNumber: number;
|
||||||
|
}
|
34
src/pages/my/index.scss
Normal file
@ -0,0 +1,34 @@
|
|||||||
|
.user {
|
||||||
|
width: 725px;
|
||||||
|
background: #ffffff;
|
||||||
|
padding: 30px 25px 30px 0;
|
||||||
|
margin: 15rpx 0 0 0;
|
||||||
|
border-top: 1px solid #eee;
|
||||||
|
border-bottom: 1px solid #dcdcdc;
|
||||||
|
box-shadow: 0 2px 5px #eeeeee;
|
||||||
|
.userinfo-avatar{
|
||||||
|
margin-top: 30px;
|
||||||
|
flex: 1;
|
||||||
|
display: inline-block;
|
||||||
|
width: 100px!important;
|
||||||
|
height: 100px!important;
|
||||||
|
border-radius: 80px;
|
||||||
|
}
|
||||||
|
.user-info{
|
||||||
|
flex: 5;
|
||||||
|
text-align: left;
|
||||||
|
text,div,span{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.userinfo-nickname{
|
||||||
|
padding: 8px 0 10px 0;
|
||||||
|
font-size: 30px;
|
||||||
|
color: #818A8F;
|
||||||
|
}
|
||||||
|
.edit{
|
||||||
|
font-size: 30px;
|
||||||
|
color: #bababa;
|
||||||
|
line-height: 34px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
36
src/pages/my/index.tsx
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
import Taro, { Component, Config } from '@tarojs/taro'
|
||||||
|
import { View, Text, Image } from '@tarojs/components'
|
||||||
|
import defaultImage from '../../assets/images/logo.png'
|
||||||
|
import './index.scss'
|
||||||
|
|
||||||
|
class Index extends Component {
|
||||||
|
config: Config = {
|
||||||
|
navigationBarTitleText: '个人中心',
|
||||||
|
disableScroll: true
|
||||||
|
}
|
||||||
|
state = {
|
||||||
|
nickName: 'MiaoWoo',
|
||||||
|
avatarUrl: defaultImage
|
||||||
|
}
|
||||||
|
render() {
|
||||||
|
const {
|
||||||
|
nickName,
|
||||||
|
avatarUrl
|
||||||
|
} = this.state;
|
||||||
|
return (
|
||||||
|
<View className='more'>
|
||||||
|
<View className='user flex-wrp'>
|
||||||
|
<View className='avatar flex-item'>
|
||||||
|
<Image className='userinfo-avatar' src={avatarUrl}></Image>
|
||||||
|
</View>
|
||||||
|
<View className='user-info flex-item'>
|
||||||
|
<Text className='userinfo-nickname'>{nickName}</Text>
|
||||||
|
<Text className='edit'>查看或编辑个人主页</Text>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Index
|
67
src/rpc/index.ts
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
|
||||||
|
let host = 'https://teraapi.sixi.com'
|
||||||
|
|
||||||
|
function printRequest(method: string, path: string, data: any, response: any, cost: number) {
|
||||||
|
var groupName = 'RPC CALL DEBUG'
|
||||||
|
console.group(groupName);
|
||||||
|
console.log('Request Method :', method);
|
||||||
|
console.log('Request Path :', path);
|
||||||
|
console.log('Request Data :', data);
|
||||||
|
console.log('Response :', response);
|
||||||
|
console.log('Cost Time :', cost);
|
||||||
|
console.groupEnd();
|
||||||
|
}
|
||||||
|
|
||||||
|
function showError(content) {
|
||||||
|
Taro.showModal({
|
||||||
|
title: "网络请求错误",
|
||||||
|
content,
|
||||||
|
showCancel: false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
type METHOD = 'OPTIONS' | 'GET' | 'HEAD' | 'POST' | 'PUT' | 'DELETE' | 'TRACE' | 'CONNECT';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 发起远程请求
|
||||||
|
* @param {String} method HTTP方法
|
||||||
|
* @param {String} path 路径
|
||||||
|
* @param {String} data 参数
|
||||||
|
*/
|
||||||
|
async function request<T>(method: METHOD, path: string, data: any): Promise<T> {
|
||||||
|
var startTime = new Date().getTime();
|
||||||
|
var response: any;
|
||||||
|
try {
|
||||||
|
response = await Taro.request({
|
||||||
|
url: `${host}${path}`,
|
||||||
|
data,
|
||||||
|
method
|
||||||
|
})
|
||||||
|
if (response.statusCode && response.statusCode != 200) {
|
||||||
|
console.log(JSON.stringify(response.data));
|
||||||
|
throw Error(response.data);
|
||||||
|
}
|
||||||
|
response = response.data;
|
||||||
|
} catch (e) {
|
||||||
|
showError(e + '');
|
||||||
|
throw e;
|
||||||
|
} finally {
|
||||||
|
printRequest(method, path, data, response, new Date().getTime() - startTime)
|
||||||
|
return response;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function quickMethod(mtehod: METHOD) {
|
||||||
|
return async function <T = any>(path: string, data?: any): Promise<T> {
|
||||||
|
return await request<T>(mtehod, path, data);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
request,
|
||||||
|
get: quickMethod('GET'),
|
||||||
|
post: quickMethod('POST'),
|
||||||
|
put: quickMethod('PUT'),
|
||||||
|
deleted: quickMethod('DELETE'),
|
||||||
|
}
|
37
src/rpc/tera.ts
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
import rpc from './index'
|
||||||
|
import { BlockInfo, CurrentInfo, Account } from './types';
|
||||||
|
|
||||||
|
async function getCurrentInfo(): Promise<CurrentInfo> {
|
||||||
|
return rpc.get('/api/v1/GetCurrentInfo')
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getBlockInfo(blockNumber: number): Promise<BlockInfo> {
|
||||||
|
let result = await rpc.get('/api/v1/GetBlockList', {
|
||||||
|
StartNum: blockNumber,
|
||||||
|
CountNum: 1
|
||||||
|
})
|
||||||
|
return result.arr[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getAccount(id: number): Promise<Account> {
|
||||||
|
let result = await rpc.get('/api/v1/GetAccountList', {
|
||||||
|
StartNum: id
|
||||||
|
})
|
||||||
|
return result.arr[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
async function getHistoryTransactions(id: number, count: number = 3, getDes: number = 1) {
|
||||||
|
let result = await rpc.get('/api/v1/GetHistoryTransactions', {
|
||||||
|
AccountID: id,
|
||||||
|
Count: count,
|
||||||
|
GetDescription: getDes
|
||||||
|
})
|
||||||
|
return result.History;
|
||||||
|
}
|
||||||
|
|
||||||
|
export {
|
||||||
|
getAccount,
|
||||||
|
getCurrentInfo,
|
||||||
|
getBlockInfo,
|
||||||
|
getHistoryTransactions
|
||||||
|
}
|
96
src/rpc/types.ts
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
export interface PubKey {
|
||||||
|
type: string;
|
||||||
|
data: Buffer;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Data {
|
||||||
|
type: string;
|
||||||
|
data: Buffer;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Value {
|
||||||
|
SumCOIN: number;
|
||||||
|
SumCENT: number;
|
||||||
|
OperationID: number;
|
||||||
|
Smart: number;
|
||||||
|
Data: Data;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Reserve {
|
||||||
|
type: string;
|
||||||
|
data: Buffer;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Latest {
|
||||||
|
Type: number;
|
||||||
|
BlockNum: number;
|
||||||
|
TrNum: number;
|
||||||
|
NextPos: number;
|
||||||
|
Direct: string;
|
||||||
|
CorrID: number;
|
||||||
|
SumCOIN: number;
|
||||||
|
SumCENT: number;
|
||||||
|
Pos: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Account {
|
||||||
|
Currency: number;
|
||||||
|
PubKey: PubKey;
|
||||||
|
Name: string;
|
||||||
|
Value: Value;
|
||||||
|
BlockNumCreate: number;
|
||||||
|
Adviser: number;
|
||||||
|
Reserve: Reserve;
|
||||||
|
Num: number;
|
||||||
|
WN: string;
|
||||||
|
PubKeyStr: string;
|
||||||
|
Latest: Latest;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PRICEDAO {
|
||||||
|
NewAccount: number;
|
||||||
|
NewSmart: number;
|
||||||
|
NewTokenSmart: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CurrentInfo {
|
||||||
|
result: number;
|
||||||
|
VersionNum: number;
|
||||||
|
NETWORK: string;
|
||||||
|
MaxNumBlockDB: number;
|
||||||
|
CurBlockNum: number;
|
||||||
|
MaxAccID: number;
|
||||||
|
MaxDappsID: number;
|
||||||
|
CurTime: number;
|
||||||
|
DELTA_CURRENT_TIME: number;
|
||||||
|
MIN_POWER_POW_TR: number;
|
||||||
|
FIRST_TIME_BLOCK: number;
|
||||||
|
CONSENSUS_PERIOD_TIME: number;
|
||||||
|
NEW_SIGN_TIME: number;
|
||||||
|
PRICE_DAO: PRICEDAO;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BlockInfo {
|
||||||
|
TreeHash: Buffer;
|
||||||
|
AddrHash: Buffer;
|
||||||
|
PrevHash: Buffer;
|
||||||
|
SumHash: Buffer;
|
||||||
|
SumPow: number;
|
||||||
|
Reserv500: number;
|
||||||
|
TrDataPos: number;
|
||||||
|
TrDataLen: number;
|
||||||
|
TrCount: number;
|
||||||
|
Info: string;
|
||||||
|
BlockNum: number;
|
||||||
|
SeqHash: Buffer;
|
||||||
|
Hash: Buffer;
|
||||||
|
PowHash: Buffer;
|
||||||
|
Power: number;
|
||||||
|
bSave: boolean;
|
||||||
|
Prepared: boolean;
|
||||||
|
Num: number;
|
||||||
|
Miner: number;
|
||||||
|
MinerName: string;
|
||||||
|
Hash1: Buffer;
|
||||||
|
Hash2: Buffer;
|
||||||
|
}
|
9
src/utils/coin-kit.ts
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
const MAX_CENT = 1e9
|
||||||
|
|
||||||
|
function toNumber(Value: { SumCOIN: number; SumCENT: number; }) {
|
||||||
|
return (Value.SumCOIN * MAX_CENT + Value.SumCENT) / MAX_CENT;
|
||||||
|
}
|
||||||
|
export default {
|
||||||
|
MAX_CENT,
|
||||||
|
toNumber
|
||||||
|
}
|
35
src/utils/dva.ts
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
/*
|
||||||
|
* @Author: Tuisku
|
||||||
|
* @Date: 2018-12-03 10:27:38
|
||||||
|
* @LastEditors: Tuisku
|
||||||
|
* @LastEditTime: 2018-12-14 09:37:03
|
||||||
|
* @Description: dva帮助类,此文件请勿修改
|
||||||
|
*/
|
||||||
|
import { create } from 'dva-core';
|
||||||
|
import createLoading from 'dva-loading';
|
||||||
|
|
||||||
|
let app;
|
||||||
|
let registered: boolean;
|
||||||
|
|
||||||
|
function createApp(opt) {
|
||||||
|
app = create(opt);
|
||||||
|
app.use(createLoading({}));
|
||||||
|
if (!registered) opt.models.forEach(model => app.model(model))
|
||||||
|
registered = true
|
||||||
|
app.start();
|
||||||
|
app.getStore = () => app._store;
|
||||||
|
app.use({
|
||||||
|
onError(err) {
|
||||||
|
console.log(err)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
app.dispatch = app._store.dispatch;
|
||||||
|
return app;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
createApp,
|
||||||
|
getDispatch() {
|
||||||
|
return app.dispatch;
|
||||||
|
}
|
||||||
|
}
|
29
src/utils/time-kit.ts
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
import i18n from '@/i18n/index.js'
|
||||||
|
|
||||||
|
function formatShortTime(time, count = 4) {
|
||||||
|
const t = Math.floor(time / 86400);
|
||||||
|
const h = Math.floor((time / 3600) % 24);
|
||||||
|
const m = Math.floor((time / 60) % 60);
|
||||||
|
const s = Math.floor(time % 60);
|
||||||
|
var timeStr = '';
|
||||||
|
if (t > 0) {
|
||||||
|
timeStr = timeStr + t + '天';
|
||||||
|
count--;
|
||||||
|
}
|
||||||
|
if (h > 0 && count > 0) {
|
||||||
|
timeStr = timeStr + h + '时';
|
||||||
|
count--;
|
||||||
|
}
|
||||||
|
if (m > 0 && count > 0) {
|
||||||
|
timeStr = timeStr + m + '分';
|
||||||
|
count--;
|
||||||
|
}
|
||||||
|
if (count > 0) {
|
||||||
|
timeStr = timeStr + s + '秒';
|
||||||
|
}
|
||||||
|
return timeStr;
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
formatShortTime
|
||||||
|
}
|
32
tsconfig.json
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es2017",
|
||||||
|
"module": "commonjs",
|
||||||
|
"removeComments": false,
|
||||||
|
"preserveConstEnums": true,
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"experimentalDecorators": true,
|
||||||
|
"noImplicitAny": false,
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"outDir": "lib",
|
||||||
|
"noUnusedLocals": true,
|
||||||
|
"noUnusedParameters": true,
|
||||||
|
"strictNullChecks": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"baseUrl": ".",
|
||||||
|
"rootDir": ".",
|
||||||
|
"jsx": "preserve",
|
||||||
|
"jsxFactory": "Taro.createElement",
|
||||||
|
"allowJs": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"typeRoots": [
|
||||||
|
"node_modules/@types",
|
||||||
|
"global.d.ts"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"exclude": [
|
||||||
|
"node_modules",
|
||||||
|
"dist"
|
||||||
|
],
|
||||||
|
"compileOnSave": false
|
||||||
|
}
|