init

.editorconfig

@@ -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

.eslintrc

@@ -0,0 +1,3 @@
+{
+  'extends': ['taro/react']
+}

.gitignore

@@ -0,0 +1,7 @@
+dist/
+deploy_versions/
+.temp/
+.rn_temp/
+node_modules/
+.DS_Store
+.swc

.npmrc

@@ -0,0 +1,10 @@
+registry=https://registry.npm.taobao.org
+disturl=https://npm.taobao.org/dist
+sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
+phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
+electron_mirror=https://npm.taobao.org/mirrors/electron/
+chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver
+operadriver_cdnurl=https://npm.taobao.org/mirrors/operadriver
+selenium_cdnurl=https://npm.taobao.org/mirrors/selenium
+node_inspector_cdnurl=https://npm.taobao.org/mirrors/node-inspector
+fsevents_binary_host_mirror=http://npm.taobao.org/mirrors/fsevents/

babel.config.js

@@ -0,0 +1,10 @@
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'react',
+      ts: false
+    }]
+  ]
+}

config/dev.js

@@ -0,0 +1,9 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"development"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {}
+}

config/index.js

@@ -0,0 +1,74 @@
+const config = {
+  projectName: 'texas-poker-front',
+  date: '2023-1-6',
+  designWidth: 750,
+  deviceRatio: {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
+  },
+  sourceRoot: 'src',
+  outputRoot: 'dist',
+  plugins: [],
+  defineConstants: {
+  },
+  copy: {
+    patterns: [
+    ],
+    options: {
+    }
+  },
+  framework: 'react',
+  compiler: 'webpack5',
+  cache: {
+    enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+  },
+  mini: {
+    postcss: {
+      pxtransform: {
+        enable: true,
+        config: {
+
+        }
+      },
+      url: {
+        enable: true,
+        config: {
+          limit: 1024 // 设定转换尺寸上限
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  },
+  h5: {
+    publicPath: '/',
+    staticDirectory: 'static',
+    postcss: {
+      autoprefixer: {
+        enable: true,
+        config: {
+        }
+      },
+      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'))
+}

config/prod.js

@@ -0,0 +1,37 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"production"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {
+    /**
+     * WebpackChain 插件配置
+     * @docs https://github.com/neutrinojs/webpack-chain
+     */
+    // webpackChain (chain) {
+    //   /**
+    //    * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
+    //    * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
+    //    */
+    //   chain.plugin('analyzer')
+    //     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+
+    //   /**
+    //    * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
+    //    * @docs https://github.com/chrisvfritz/prerender-spa-plugin
+    //    */
+    //   const path = require('path')
+    //   const Prerender = require('prerender-spa-plugin')
+    //   const staticDir = path.join(__dirname, '..', 'dist')
+    //   chain
+    //     .plugin('prerender')
+    //     .use(new Prerender({
+    //       staticDir,
+    //       routes: [ '/pages/index/index' ],
+    //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
+    //     }))
+    // }
+  }
+}

package.json

@@ -0,0 +1,70 @@
+{
+  "name": "texas-poker-front",
+  "version": "1.0.0",
+  "private": true,
+  "description": "texas-poker-mobile",
+  "templateInfo": {
+    "name": "h5-youshu",
+    "typescript": false,
+    "css": "sass"
+  },
+  "scripts": {
+    "build:h5": "taro build --type h5",
+    "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:qq": "taro build --type qq",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "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:qq": "npm run build:qq -- --watch"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "dependencies": {
+    "@babel/runtime": "^7.7.7",
+    "@nutui/nutui-react-taro": "^1.4.2",
+    "@tarojs/components": "3.5.11",
+    "@tarojs/helper": "3.5.11",
+    "@tarojs/plugin-framework-react": "3.5.11",
+    "@tarojs/plugin-platform-alipay": "3.5.11",
+    "@tarojs/plugin-platform-jd": "3.5.11",
+    "@tarojs/plugin-platform-qq": "3.5.11",
+    "@tarojs/plugin-platform-swan": "3.5.11",
+    "@tarojs/plugin-platform-tt": "3.5.11",
+    "@tarojs/plugin-platform-weapp": "3.5.11",
+    "@tarojs/react": "3.5.11",
+    "@tarojs/router": "3.5.11",
+    "@tarojs/runtime": "3.5.11",
+    "@tarojs/shared": "3.5.11",
+    "@tarojs/taro": "3.5.11",
+    "@tarojs/taro-h5": "3.5.11",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "sr-sdk-h5": "^1.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+    "@tarojs/cli": "3.5.11",
+    "@tarojs/webpack5-runner": "3.5.11",
+    "@types/react": "^18.0.0",
+    "@types/webpack-env": "^1.13.6",
+    "babel-preset-taro": "3.5.11",
+    "eslint": "^8.12.0",
+    "eslint-config-taro": "3.5.11",
+    "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react": "^7.8.2",
+    "eslint-plugin-react-hooks": "^1.6.1",
+    "react-refresh": "^0.11.0",
+    "stylelint": "9.3.0",
+    "webpack": "5.69.0"
+  }
+}

project.config.json

@@ -0,0 +1,15 @@
+{
+  "miniprogramRoot": "./dist",
+  "projectname": "texas-poker-front",
+  "description": "texas-poker-mobile",
+  "appid": "touristappid",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "enhance": false,
+    "compileHotReLoad": false,
+    "postcss": false,
+    "minified": false
+  },
+  "compileType": "miniprogram"
+}

src/app.config.js

@@ -0,0 +1,12 @@
+export default {
+  pages: [
+    'pages/index/index',
+    'pages/login/login',
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'Texas',
+    navigationBarTextStyle: 'black'
+  }
+}

src/app.js

@@ -0,0 +1,74 @@
+import { Component } from 'react'
+import SDK from 'sr-sdk-h5'
+
+import './app.scss'
+import '@nutui/nutui-react-taro/dist/style.css'
+
+/**
+   * 有数埋点SDK 默认配置
+   * 使用方法请参考文档 https://mp.zhls.qq.com/youshu-docs/develop/sdk/Taro.html
+   * 如对有数SDK埋点接入有任何疑问，请联系微信：sr_data_service
+   */
+  
+ window.srt = new SDK({
+  
+  /**
+   * 有数 - ka‘接入测试用’ 分配的 app_id，对应的业务
+   */
+  token: 'bi72fccc7184ef45f9',
+
+  /**
+   * 传入自定义的后台上报接口，若传入则token将无意义
+   */
+  // serverUrl: 'aaa.baidu.com',
+
+  /**
+   * 开启打印调试信息， 默认 false
+   */
+  debug: true,
+
+  /**
+   * 代理配置，自动代理页面浏览事件、页面离开事件、点击事件，默认 false。建议开启
+   */
+  autoTrack: true,
+
+  /**
+   * 自动开始上报，默认 true。建议开启
+   */
+  autoStart: true,
+
+  /**
+   * 上报返回的钩子函数，返回 false 则代表不通过，SDK不会清除本地记录，会继续重拾
+   */
+  // onUploaded?: () => {},
+
+  /**
+   * 跳过初始化时对  token 的必要检查
+   * 满足场景：服务商转发SDK上报数据，在服务端回填appid，解决大量小程序同时接入的问题，默认false
+   */
+  // skipTokenCheck: false,
+
+  /**
+   * 小程序appid
+   */
+  appid: ''
+});
+
+// window.srt.setChan({chan_id: 'xxx'}) // 设置渠道，渠道信息将会被设置在props.chan对象中
+
+// window.srt.setUser({user_id: 'xxx'}) // 设置用户信息，用户信息将会被设置在props.wx_user对象中
+
+class App extends Component {
+  componentDidMount () {}
+
+  componentDidShow () {}
+
+  componentDidHide () {}
+
+  // this.props.children 是将要会渲染的页面
+  render () {
+    return this.props.children
+  }
+}
+
+export default App

src/index.html

@@ -0,0 +1,17 @@
+<!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>texas-poker-front</title>
+  <script><%= htmlWebpackPlugin.options.script %></script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/pages/index/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '首页'
+}

src/pages/index/index.jsx

@@ -0,0 +1,29 @@
+import { Component } from 'react'
+import { View, Text } from '@tarojs/components'
+import { Progress, Icon } from '@nutui/nutui-react-taro';
+import './index.scss'
+import Taro from '@tarojs/taro';
+
+// UI: https://nutui.jd.com/react/#/zh-CN/component/button
+
+export default class Index extends Component {
+  componentDidMount () {
+    
+  }
+
+  componentWillUnmount () { }
+
+  componentDidShow () { }
+
+  componentDidHide () { }
+
+  render () {
+    return (
+      <View className='index'>
+        <Text onClick={Taro.navigateTo({url: '/pages/login/login'})}>Hello Dear!</Text>
+        <Icon name="dongdong"></Icon>
+        <Progress percentage="33" />
+      </View>
+    )
+  }
+}

src/pages/index/index.scss

@@ -0,0 +1,4 @@
+.index {
+    height: 100vh;
+    background-color:aquamarine;
+}

src/pages/lobby/lobby.config.js

@@ -0,0 +1,4 @@
+export default {
+    navigationBarTitleText: 'Lobby'
+}
+  

src/pages/lobby/lobby.jsx

@@ -0,0 +1,15 @@
+import React, { Component, useState } from 'react'
+import {View, Text} from '@tarojs/components'
+
+import './lobby.scss'
+
+function Lobby() {
+
+    return (
+        <View>
+            <Text>Lobby!!</Text>
+        </View>
+    )
+}
+
+export default Lobby

src/pages/login/login.config.js

@@ -0,0 +1,4 @@
+export default {
+    navigationBarTitleText: 'Login'
+}
+  

src/pages/login/login.jsx

@@ -0,0 +1,58 @@
+import React, { Component, useState } from 'react'
+import {View, Text} from '@tarojs/components'
+import { Progress } from '@nutui/nutui-react-taro';
+import { Form, Input, TextArea, Cell, Button, Row, Col, Image } from '@nutui/nutui-react-taro';
+
+import './login.scss'
+
+/*
+  登录 -> 大厅 -> 新桌面 -> 进桌面 -> profile(弹窗)
+*/
+function Login(props, ref) {
+
+    const [state, setState] = useState({
+      username: '',
+      password: '',
+      captcha: '',
+    });
+    const [capatcha, setCapatcha] = useState({
+      origin: "http://localhost:7788/app/captcha",
+      src: "http://localhost:7788/app/captcha",
+    })
+    const usernameChange = (username, e) => {
+      if (!e) return;
+      state.username = username;
+      console.log(state.username)
+    }
+    const passwordChange = (password, e) => {
+      if (!e) return;
+      state.password = password;
+      console.log(state.password)
+    }
+    const handleSubmit = () => {
+      console.log('submit', state)
+    }
+    return (
+      <View className='login'>
+        <Text>Hello Login Page!</Text>
+        <Progress percentage="33" />
+        <Row>
+          <Col span="4"></Col>
+          <Col span="20"><Input name="username" type="text" defaultValue={state.username}  placeholder="文本" leftIcon="dongdong"
+            onChange={usernameChange}/></Col>
+        </Row>
+        <View className='input-1'>
+          <Input name="password" type="password" defaultValue={state.password}  placeholder="文本" 
+            onChange={passwordChange}/>
+        </View>
+        <View className='input-1'>
+          <Image src={capatcha.src} width="107" height="36" onClick={() => setCapatcha({...capatcha, src: capatcha.origin + '?t=' + Math.random()})} />
+        </View>
+        <View className='input-1'>
+          <Button type="primary" style={{width: '160px'}} onClick={handleSubmit}>提交</Button>
+        </View>
+      </View>
+    )
+}
+
+export default Login

src/pages/login/login.scss

@@ -0,0 +1,10 @@
+.login {
+    height: 100vh;
+    background-color:goldenrod;
+
+    .input-1 {
+        width: 560px;
+        border-radius: 16px;
+        text-align: center;
+    }
+}

src/pages/new_table/new_table.jsx

@@ -0,0 +1,15 @@
+import React, { Component, useState } from 'react'
+import {View, Text} from '@tarojs/components'
+
+import './new_table.scss'
+
+function NewTable() {
+
+    return (
+        <View>
+            <Text>创建新桌面NewTable!!</Text>
+        </View>
+    )
+}
+
+export default NewTable

src/pages/table/table.config.js

@@ -0,0 +1,3 @@
+export default {
+    navigationBarTitleText: 'Table'
+}

src/pages/table/table.jsx

@@ -0,0 +1,15 @@
+import React, { Component, useState } from 'react'
+import {View, Text} from '@tarojs/components'
+
+import './table.scss'
+
+function Table() {
+
+    return (
+        <View>
+            <Text>Table!!</Text>
+        </View>
+    )
+}
+
+export default Table

types/global.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="@tarojs/taro" />
+
+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';
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
+  }
+}
+