'init'
This commit is contained in:
hackrobot
1
.env.development
Normal file
1
.env.development
Normal file
@@ -0,0 +1 @@
|
|||||||
|
process.env.TARO_API_API="/api"
|
||||||
1
.env.production
Normal file
1
.env.production
Normal file
@@ -0,0 +1 @@
|
|||||||
|
process.env.TARO_API_API="https://web.hackrobot.cn"
|
||||||
7
.gitignore
vendored
Normal file
7
.gitignore
vendored
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
# dist/
|
||||||
|
deploy_versions/
|
||||||
|
.temp/
|
||||||
|
.rn_temp/
|
||||||
|
node_modules/
|
||||||
|
.DS_Store
|
||||||
|
.swc
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
# nomadyt
|
# cityh5
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -15,14 +15,14 @@ Already a pro? Just edit this README.md and make it your own. Want to make it ea
|
|||||||
|
|
||||||
```
|
```
|
||||||
cd existing_repo
|
cd existing_repo
|
||||||
git remote add origin http://gitlab.yidooplanet.com/gitlab-instance-0a899031/nomadyt.git
|
git remote add origin http://gitlab.yidooplanet.com/gitlab-instance-0a899031/cityh5.git
|
||||||
git branch -M main
|
git branch -M main
|
||||||
git push -uf origin main
|
git push -uf origin main
|
||||||
```
|
```
|
||||||
|
|
||||||
## Integrate with your tools
|
## Integrate with your tools
|
||||||
|
|
||||||
- [ ] [Set up project integrations](http://gitlab.yidooplanet.com/gitlab-instance-0a899031/nomadyt/-/settings/integrations)
|
- [ ] [Set up project integrations](http://gitlab.yidooplanet.com/gitlab-instance-0a899031/cityh5/-/settings/integrations)
|
||||||
|
|
||||||
## Collaborate with your team
|
## Collaborate with your team
|
||||||
|
|
||||||
|
|||||||
10
babel.config.js
Normal file
10
babel.config.js
Normal file
@@ -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
|
||||||
|
}]
|
||||||
|
]
|
||||||
|
}
|
||||||
10
config/dev.js
Normal file
10
config/dev.js
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
module.exports = {
|
||||||
|
env: {
|
||||||
|
NODE_ENV: '"development"'
|
||||||
|
},
|
||||||
|
defineConstants: {
|
||||||
|
'process.env.TARO_API_API': JSON.stringify("/api")
|
||||||
|
},
|
||||||
|
mini: {},
|
||||||
|
h5: {}
|
||||||
|
}
|
||||||
111
config/index.js
Normal file
111
config/index.js
Normal file
@@ -0,0 +1,111 @@
|
|||||||
|
const config = {
|
||||||
|
projectName: "cityh5",
|
||||||
|
|
||||||
|
date: "2023-12-2",
|
||||||
|
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: {
|
||||||
|
webpackChain (chain) {
|
||||||
|
chain.module
|
||||||
|
.rule('markdown')
|
||||||
|
.test(/\.md$/)
|
||||||
|
.use('raw-loader')
|
||||||
|
.loader('raw-loader')
|
||||||
|
.end();
|
||||||
|
},
|
||||||
|
esnextModules: ["taro-ui"],
|
||||||
|
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]",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
// customRoutes: {
|
||||||
|
// // "页面路径": "自定义路由"
|
||||||
|
// "/pages/index/index": "/index",
|
||||||
|
// // '/pages/detail/index': ['/detail'], // 可以通过数组为页面配置多个自定义路由
|
||||||
|
// "pages/my/index": "/my",
|
||||||
|
// "pages/meetup/index": "/meetup",
|
||||||
|
// "pages/meetup/Detail/index": "/detail",
|
||||||
|
// },
|
||||||
|
router: {
|
||||||
|
// basename: '/myapp',
|
||||||
|
mode: "hash", // 或者是 'browser'
|
||||||
|
},
|
||||||
|
// defineConstants: {
|
||||||
|
// HOST: '"/api"'
|
||||||
|
// },
|
||||||
|
devServer: {
|
||||||
|
// host: 'nomad.hackrobot.cn', // 替换为您的域名
|
||||||
|
// port: 10087, // 选择一个适当的端口号
|
||||||
|
proxy: {
|
||||||
|
'/api/': {
|
||||||
|
target: JSON.parse('"http://localhost:8700"'), //本地调试端口
|
||||||
|
pathRewrite: {
|
||||||
|
'^/api/': '/'
|
||||||
|
},
|
||||||
|
changeOrigin: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 允许特定域名访问
|
||||||
|
allowedHosts: [
|
||||||
|
// 'bot.hackrobot.cn'
|
||||||
|
'nomadyt.com'
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = function (merge) {
|
||||||
|
if (process.env.NODE_ENV === "development") {
|
||||||
|
return merge({}, config, require("./dev"));
|
||||||
|
}
|
||||||
|
return merge({}, config, require("./prod"));
|
||||||
|
};
|
||||||
38
config/prod.js
Normal file
38
config/prod.js
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
module.exports = {
|
||||||
|
env: {
|
||||||
|
NODE_ENV: '"production"'
|
||||||
|
},
|
||||||
|
defineConstants: {
|
||||||
|
'process.env.TARO_API_API': JSON.stringify("https://web.hackrobot.cn")
|
||||||
|
},
|
||||||
|
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') })
|
||||||
|
// }))
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
78
package.json
Normal file
78
package.json
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
{
|
||||||
|
"name": "",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"private": true,
|
||||||
|
"description": "city",
|
||||||
|
"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",
|
||||||
|
"@tarojs/components": "3.6.20",
|
||||||
|
"@tarojs/helper": "3.6.20",
|
||||||
|
"@tarojs/plugin-framework-react": "3.6.20",
|
||||||
|
"@tarojs/plugin-platform-alipay": "3.6.20",
|
||||||
|
"@tarojs/plugin-platform-h5": "3.6.20",
|
||||||
|
"@tarojs/plugin-platform-jd": "3.6.20",
|
||||||
|
"@tarojs/plugin-platform-qq": "3.6.20",
|
||||||
|
"@tarojs/plugin-platform-swan": "3.6.20",
|
||||||
|
"@tarojs/plugin-platform-tt": "3.6.20",
|
||||||
|
"@tarojs/plugin-platform-weapp": "3.6.20",
|
||||||
|
"@tarojs/react": "3.6.20",
|
||||||
|
"@tarojs/runtime": "3.6.20",
|
||||||
|
"@tarojs/shared": "3.6.20",
|
||||||
|
"@tarojs/taro": "3.6.20",
|
||||||
|
"animate.css": "^4.1.1",
|
||||||
|
"github-markdown-css": "^5.6.1",
|
||||||
|
"marked": "^14.1.2",
|
||||||
|
"raw-loader": "^4.0.2",
|
||||||
|
"react": "^18.0.0",
|
||||||
|
"react-dom": "^18.0.0",
|
||||||
|
"sr-sdk-h5": "^1.3.1",
|
||||||
|
"taro-ui": "^3.2.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.8.0",
|
||||||
|
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
|
||||||
|
"@tarojs/cli": "3.6.20",
|
||||||
|
"@tarojs/taro-loader": "3.6.20",
|
||||||
|
"@tarojs/webpack5-runner": "3.6.20",
|
||||||
|
"@types/node": "^18.15.11",
|
||||||
|
"@types/react": "^18.0.0",
|
||||||
|
"@types/webpack-env": "^1.13.6",
|
||||||
|
"babel-preset-taro": "3.6.20",
|
||||||
|
"eslint": "^8.12.0",
|
||||||
|
"eslint-config-taro": "3.6.20",
|
||||||
|
"eslint-plugin-import": "^2.12.0",
|
||||||
|
"eslint-plugin-react": "^7.8.2",
|
||||||
|
"eslint-plugin-react-hooks": "^1.6.1",
|
||||||
|
"postcss": "^8.4.18",
|
||||||
|
"react-refresh": "^0.11.0",
|
||||||
|
"stylelint": "9.3.0",
|
||||||
|
"ts-node": "^10.9.1",
|
||||||
|
"typescript": "^4.1.0",
|
||||||
|
"webpack": "^5.78.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
15
project.config.json
Normal file
15
project.config.json
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
{
|
||||||
|
"miniprogramRoot": "./dist",
|
||||||
|
"projectname": "cityh5",
|
||||||
|
"description": "city",
|
||||||
|
"appid": "touristappid",
|
||||||
|
"setting": {
|
||||||
|
"urlCheck": true,
|
||||||
|
"es6": false,
|
||||||
|
"enhance": false,
|
||||||
|
"compileHotReLoad": false,
|
||||||
|
"postcss": false,
|
||||||
|
"minified": false
|
||||||
|
},
|
||||||
|
"compileType": "miniprogram"
|
||||||
|
}
|
||||||
1
roboth5.sh
Normal file
1
roboth5.sh
Normal file
@@ -0,0 +1 @@
|
|||||||
|
yarn dev:h5
|
||||||
18
src/app.config.js
Normal file
18
src/app.config.js
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
export default {
|
||||||
|
pages: [
|
||||||
|
'pages/index/index',
|
||||||
|
'pages/my/index',
|
||||||
|
'pages/meetup/index',
|
||||||
|
'pages/meetup/Detail/index',
|
||||||
|
'pages/group/index',
|
||||||
|
'pages/book/index',
|
||||||
|
'pages/salon/index',
|
||||||
|
'pages/sphone/index'
|
||||||
|
],
|
||||||
|
window: {
|
||||||
|
backgroundTextStyle: 'light',
|
||||||
|
navigationBarBackgroundColor: '#fff',
|
||||||
|
navigationBarTitleText: 'WeChat',
|
||||||
|
navigationBarTextStyle: 'black'
|
||||||
|
}
|
||||||
|
}
|
||||||
74
src/app.js
Normal file
74
src/app.js
Normal file
@@ -0,0 +1,74 @@
|
|||||||
|
import { Component } from 'react'
|
||||||
|
import SDK from 'sr-sdk-h5'
|
||||||
|
|
||||||
|
import './app.scss'
|
||||||
|
import 'taro-ui/dist/style/index.scss' // 全局引入一次即可
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 有数埋点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
|
||||||
0
src/app.scss
Normal file
0
src/app.scss
Normal file
BIN
src/images/AIGC.png
Normal file
BIN
src/images/AIGC.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
src/images/avatar.jpg
Normal file
BIN
src/images/avatar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
src/images/book.png
Normal file
BIN
src/images/book.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 623 KiB |
BIN
src/images/bookqr.jpg
Normal file
BIN
src/images/bookqr.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 326 KiB |
BIN
src/images/cat.jpg
Normal file
BIN
src/images/cat.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
src/images/emoji.png
Normal file
BIN
src/images/emoji.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
src/images/girl.jpg
Normal file
BIN
src/images/girl.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
src/images/joinGroup.png
Normal file
BIN
src/images/joinGroup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
src/images/loft.jpg
Normal file
BIN
src/images/loft.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
src/images/loft.png
Normal file
BIN
src/images/loft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 966 KiB |
BIN
src/images/meetup.jpg
Normal file
BIN
src/images/meetup.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
src/images/nomad.png
Normal file
BIN
src/images/nomad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
BIN
src/images/nomadvloglife.png
Normal file
BIN
src/images/nomadvloglife.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
BIN
src/images/phone.png
Normal file
BIN
src/images/phone.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
src/images/qrcode.png
Normal file
BIN
src/images/qrcode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
BIN
src/images/robot.png
Normal file
BIN
src/images/robot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
BIN
src/images/robot192.png
Normal file
BIN
src/images/robot192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
src/images/touxiang.png
Normal file
BIN
src/images/touxiang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
30
src/index.html
Normal file
30
src/index.html
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
<!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" >
|
||||||
|
<link rel="apple-touch-icon" href="/static/images/images/touxiang.png" />
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
sizes="192x192"
|
||||||
|
href="/static/images/images/touxiang.png"
|
||||||
|
/>
|
||||||
|
<title>异度星球</title>
|
||||||
|
<meta name="description" content="折腾技术,数字游民社区">
|
||||||
|
<meta property="og:description" content="折腾技术,数字游民社区">
|
||||||
|
<meta name="twitter:description" content="折腾技术,数字游民社区">
|
||||||
|
<script><%= htmlWebpackPlugin.options.script %></script>
|
||||||
|
<!-- 禁止缓存 -->
|
||||||
|
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||||||
|
<meta http-equiv="Pragma" content="no-cache">
|
||||||
|
<meta http-equiv="Expires" content="0">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
43
src/pages/book/book.md
Normal file
43
src/pages/book/book.md
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
## 一人公司方法论
|
||||||
|
|
||||||
|
> 公司化运营业务,但并不是注册企业主体
|
||||||
|
|
||||||
|
<img src="https://hackrobot-1258475618.cos.ap-shenzhen-fsi.myqcloud.com/book.png?imageSlim" title="" alt="book.png" width="248">
|
||||||
|
|
||||||
|
这本书是基于H5页面的`单页书籍`,会不定时更新
|
||||||
|
|
||||||
|
本主要基于个人的学习,实践,总结一套方法论,包含了`道`和`术`
|
||||||
|
|
||||||
|
读者可以参考借鉴
|
||||||
|
|
||||||
|
主题包含并不限于以下:
|
||||||
|
|
||||||
|
- 云手机+微信机器人+AIGC+边缘计算
|
||||||
|
|
||||||
|
- youtube频道获利
|
||||||
|
|
||||||
|
- 独立开发者
|
||||||
|
|
||||||
|
- 跨境电商
|
||||||
|
|
||||||
|
- 旅行+远程办公
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 简介
|
||||||
|
|
||||||
|
> 数字游民实践者
|
||||||
|
|
||||||
|
<img src="https://hackrobot-1258475618.cos.ap-shenzhen-fsi.myqcloud.com/avatar.jpg?imageSlim" title="" alt="avatar.jpg" width="254">
|
||||||
|
|
||||||
|
曾经是程序员,业余开发软件工具
|
||||||
|
|
||||||
|
有公司主体,运营跨境电商亚马逊
|
||||||
|
|
||||||
|
平时爱折腾技术,以`树莓派`为主
|
||||||
|
|
||||||
|
目前方向是偏户外/旅行
|
||||||
|
|
||||||
|
以youtube频道作为副资产获利
|
||||||
|
|
||||||
|
最近在策划`coffeechat以及小型沙龙`
|
||||||
3
src/pages/book/index.config.js
Normal file
3
src/pages/book/index.config.js
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '一人公司方法论'
|
||||||
|
}
|
||||||
37
src/pages/book/index.scss
Normal file
37
src/pages/book/index.scss
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
|
||||||
|
// 在 src/index.scss 中引入 GitHub Markdown 主题
|
||||||
|
@import 'github-markdown-css/github-markdown.css';
|
||||||
|
|
||||||
|
.Book {
|
||||||
|
padding: 40px;
|
||||||
|
// font-size: 30px !important;
|
||||||
|
// color: #666;
|
||||||
|
|
||||||
|
.markdown-body{
|
||||||
|
font-size: 30px !important;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto; /* 保持图像的纵横比 */
|
||||||
|
}
|
||||||
|
.formCode {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
.codeBtn {
|
||||||
|
background-color: aquamarine;
|
||||||
|
// height: 80px;
|
||||||
|
// color: red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.joinSalon {
|
||||||
|
// position: relative;
|
||||||
|
// bottom: 20px;
|
||||||
|
// position: fixed;
|
||||||
|
width: 700px;
|
||||||
|
font-weight: 600;
|
||||||
|
background-color:#72D572 ;
|
||||||
|
border-color: #72D572 ;;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
151
src/pages/book/index.tsx
Normal file
151
src/pages/book/index.tsx
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
// @ts-nocheck
|
||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtButton, AtInput, AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtAvatar } from "taro-ui";
|
||||||
|
import { AtTag } from "taro-ui";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import { AtForm, AtMessage } from "taro-ui";
|
||||||
|
import { marked } from "marked";
|
||||||
|
import infoText from "./info.md";
|
||||||
|
import bookText from "./book.md";
|
||||||
|
|
||||||
|
marked.setOptions({
|
||||||
|
breaks: true, // 是否回车换行
|
||||||
|
gfm: true, //使用经批准的 GitHub Flavored Markdown (GFM) 规范
|
||||||
|
// pedantic: true, //严格模式
|
||||||
|
// highlight(code:any, lang:any) {
|
||||||
|
// // 语法高亮
|
||||||
|
// let val = code;
|
||||||
|
// if (lang) {
|
||||||
|
// val = hljs.highlight(lang, code).value;
|
||||||
|
// } else {
|
||||||
|
// val = hljs.highlightAuto(code).value;
|
||||||
|
// }
|
||||||
|
// return val;
|
||||||
|
// },
|
||||||
|
});
|
||||||
|
|
||||||
|
// const renderer = new marked.Renderer();
|
||||||
|
// // 使用拓展
|
||||||
|
// marked.use({ renderer });
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Book = () => {
|
||||||
|
const [markText, setmarkText] = useState();
|
||||||
|
const [isWeChat, setisWeChat] = useState(false);
|
||||||
|
|
||||||
|
const [book, setbook] = useState(window.localStorage.getItem("book"));
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
isWeChatFun();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// const handleClick = (value) => {
|
||||||
|
// // 跳转到目的页面，在当前页面打开
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: "/pages/index/index",
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
|
// 是否在微信客户端
|
||||||
|
const isWeChatFun = () => {
|
||||||
|
var ua = navigator.userAgent.toLowerCase();
|
||||||
|
if (ua.indexOf("micromessenger") != -1) {
|
||||||
|
setisWeChat(true);
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
setisWeChat(false);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const payh5 = (type, total_fee = 1000) => {
|
||||||
|
// console.log("111");
|
||||||
|
Taro.request({
|
||||||
|
method: "POST",
|
||||||
|
url: `${process.env.TARO_API_API}/payh5`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||||
|
|
||||||
|
data: {
|
||||||
|
callback_url: window.location.href,
|
||||||
|
openid: window.localStorage.getItem("openid"),
|
||||||
|
total_fee: total_fee, // 金额,单位:分
|
||||||
|
type: type, //订单类型 book/meetup/video/vip
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
"content-type": "application/json", // 默认值
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res.data);
|
||||||
|
// window.alert(res.data.jsapi);
|
||||||
|
WeixinJSBridge.invoke(
|
||||||
|
"getBrandWCPayRequest",
|
||||||
|
{
|
||||||
|
// 以下6个支付参数通过payjs的jsapi接口获取
|
||||||
|
// appId: "wxc5205a653b0259bf",
|
||||||
|
// timeStamp: "1701401644",
|
||||||
|
// nonceStr: "KhOYB0wFV6j9qyQK",
|
||||||
|
// package: "prepay_id=wx01113404850024729b35f4d69b73500000",
|
||||||
|
// signType: "MD5",
|
||||||
|
// paySign: "2A823C8D47CCF871C6C65A56DC228CF8",
|
||||||
|
...(res?.data?.jsapi ?? {}),
|
||||||
|
},
|
||||||
|
function (res) {
|
||||||
|
// 支付成功
|
||||||
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||||
|
window.localStorage.setItem(type, 1); //订单类型 book/meetup/video/vip
|
||||||
|
WeixinJSBridge.call("closeWindow");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="Book">
|
||||||
|
<View
|
||||||
|
className="markdown-body" // 添加 GitHub Markdown 主题类
|
||||||
|
dangerouslySetInnerHTML={{
|
||||||
|
__html: marked(book == 1 ? bookText : infoText),
|
||||||
|
}}
|
||||||
|
></View>
|
||||||
|
|
||||||
|
<View className="bottomDiv"></View>
|
||||||
|
{/* 判断有没有wxid,是否女性 */}
|
||||||
|
{book != 1 ? (
|
||||||
|
<AtButton
|
||||||
|
type="primary"
|
||||||
|
size="normal"
|
||||||
|
className="joinSalon"
|
||||||
|
onClick={() => {
|
||||||
|
if (book == 1) {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
if (!!isWeChat) {
|
||||||
|
// 19.8元
|
||||||
|
payh5("book", 1980);
|
||||||
|
} else {
|
||||||
|
// setmeetupQR(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* {meetup == 1 ? "已加入" : `立即加入`} */}
|
||||||
|
{`阅读更多`}
|
||||||
|
</AtButton>
|
||||||
|
) : null}
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Book;
|
||||||
43
src/pages/book/info.md
Normal file
43
src/pages/book/info.md
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
## 一人公司方法论
|
||||||
|
|
||||||
|
> 公司化运营业务,但并不是注册企业主体
|
||||||
|
|
||||||
|
<img src="https://hackrobot-1258475618.cos.ap-shenzhen-fsi.myqcloud.com/book.png?imageSlim" title="" alt="book.png" width="248">
|
||||||
|
|
||||||
|
这本书是基于H5页面的`单页书籍`,会不定时更新
|
||||||
|
|
||||||
|
本主要基于个人的学习,实践,总结一套方法论,包含了`道`和`术`
|
||||||
|
|
||||||
|
读者可以参考借鉴
|
||||||
|
|
||||||
|
主题包含并不限于以下:
|
||||||
|
|
||||||
|
- 云手机+微信机器人+AIGC+边缘计算
|
||||||
|
|
||||||
|
- youtube频道获利
|
||||||
|
|
||||||
|
- 独立开发者
|
||||||
|
|
||||||
|
- 跨境电商
|
||||||
|
|
||||||
|
- 旅行+远程办公
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 简介
|
||||||
|
|
||||||
|
> 数字游民实践者
|
||||||
|
|
||||||
|
<img src="https://hackrobot-1258475618.cos.ap-shenzhen-fsi.myqcloud.com/avatar.jpg?imageSlim" title="" alt="avatar.jpg" width="254">
|
||||||
|
|
||||||
|
曾经是程序员,业余开发软件工具
|
||||||
|
|
||||||
|
有公司主体,运营跨境电商亚马逊
|
||||||
|
|
||||||
|
平时爱折腾技术,以`树莓派`为主
|
||||||
|
|
||||||
|
目前方向是偏户外/旅行
|
||||||
|
|
||||||
|
以youtube频道作为副资产获利
|
||||||
|
|
||||||
|
最近在策划`coffeechat以及小型沙龙`
|
||||||
3
src/pages/group/index.config.js
Normal file
3
src/pages/group/index.config.js
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '加入微信群'
|
||||||
|
}
|
||||||
13
src/pages/group/index.scss
Normal file
13
src/pages/group/index.scss
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
.group{
|
||||||
|
padding: 40px;
|
||||||
|
|
||||||
|
.formCode{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
.codeBtn{
|
||||||
|
background-color: aquamarine;
|
||||||
|
// height: 80px;
|
||||||
|
// color: red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
130
src/pages/group/index.tsx
Normal file
130
src/pages/group/index.tsx
Normal file
@@ -0,0 +1,130 @@
|
|||||||
|
// @ts-nocheck
|
||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtButton, AtInput, AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtAvatar } from "taro-ui";
|
||||||
|
import { AtTag } from "taro-ui";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import { AtForm, AtMessage } from "taro-ui";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Group = () => {
|
||||||
|
const [current, setcurrent] = useState(2);
|
||||||
|
const [wxid, setwxid] = useState(null);
|
||||||
|
const [phoneNum, setphoneNum] = useState(null);
|
||||||
|
const [vCode, setvCode] = useState(null);
|
||||||
|
const [waitTime, setWaitTime] = useState(0); // 等待秒数
|
||||||
|
const [isButtonDisabled, setIsButtonDisabled] = useState(false); // 按钮是否禁用
|
||||||
|
|
||||||
|
useEffect(() => {}, []);
|
||||||
|
|
||||||
|
const handleClick = (value) => {
|
||||||
|
// 跳转到目的页面，在当前页面打开
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const startTimer = () => {
|
||||||
|
setIsButtonDisabled(true);
|
||||||
|
let localWaitTime = 60; // 使用局部变量
|
||||||
|
|
||||||
|
// 更新状态的函数
|
||||||
|
const updateTime = () => {
|
||||||
|
if (localWaitTime <= 0) {
|
||||||
|
clearInterval(timer);
|
||||||
|
setIsButtonDisabled(false);
|
||||||
|
setWaitTime(0);
|
||||||
|
} else {
|
||||||
|
setWaitTime(localWaitTime);
|
||||||
|
localWaitTime -= 1;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 设定计时器
|
||||||
|
const timer = setInterval(updateTime, 1000);
|
||||||
|
// 初始调用
|
||||||
|
updateTime();
|
||||||
|
};
|
||||||
|
|
||||||
|
const validatePhoneNumber=(phoneNum) =>{
|
||||||
|
// 检查是否为11位数字
|
||||||
|
const phoneRegex = /^[0-9]{11}$/;
|
||||||
|
return phoneRegex.test(phoneNum);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="group">
|
||||||
|
<AtForm
|
||||||
|
onSubmit={(event) => {
|
||||||
|
console.log("onSubmit-event--", event[0]?.detail?.value);
|
||||||
|
}}
|
||||||
|
onReset={(event) => {
|
||||||
|
// 重置数据
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<AtInput
|
||||||
|
name="phoneNum"
|
||||||
|
border={false}
|
||||||
|
title="手机号"
|
||||||
|
type="phone"
|
||||||
|
placeholder="请输入"
|
||||||
|
value={phoneNum}
|
||||||
|
disabled={isButtonDisabled}
|
||||||
|
onChange={(value) => {
|
||||||
|
console.log("value", value);
|
||||||
|
setphoneNum(value);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<View className="formCode">
|
||||||
|
<AtInput
|
||||||
|
name="vCode"
|
||||||
|
title="验证码"
|
||||||
|
type="number"
|
||||||
|
placeholder="请输入4位数字"
|
||||||
|
|
||||||
|
value={vCode}
|
||||||
|
onChange={(value) => {
|
||||||
|
setvCode(value);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<AtButton
|
||||||
|
className="codeBtn"
|
||||||
|
onClick={() => {
|
||||||
|
if (!!phoneNum & !!validatePhoneNumber(phoneNum)) {
|
||||||
|
// 提交手机数据
|
||||||
|
setIsButtonDisabled(true);
|
||||||
|
startTimer(); // 开始防抖计时
|
||||||
|
} else {
|
||||||
|
Taro.atMessage({
|
||||||
|
message: "请检查手机号",
|
||||||
|
type: `warning`,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
// type="primary"
|
||||||
|
disabled={isButtonDisabled}
|
||||||
|
>
|
||||||
|
{isButtonDisabled ? `${waitTime} 秒` : "获取"}
|
||||||
|
</AtButton>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<AtButton formType="submit" type="primary">
|
||||||
|
{"提交"}
|
||||||
|
</AtButton>
|
||||||
|
</AtForm>
|
||||||
|
|
||||||
|
<AtMessage />
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Group;
|
||||||
3
src/pages/index/index.config.js
Normal file
3
src/pages/index/index.config.js
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '异度星球'
|
||||||
|
}
|
||||||
814
src/pages/index/index.jsx
Normal file
814
src/pages/index/index.jsx
Normal file
@@ -0,0 +1,814 @@
|
|||||||
|
import { Component } from "react";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { View, Text, Image, Button } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import { AtButton } from "taro-ui";
|
||||||
|
import { AtSearchBar } from "taro-ui";
|
||||||
|
import { Picker } from "@tarojs/components";
|
||||||
|
import { AtList, AtListItem, AtNavBar, AtTag, AtMessage } from "taro-ui";
|
||||||
|
import {
|
||||||
|
AtModal,
|
||||||
|
AtModalHeader,
|
||||||
|
AtModalContent,
|
||||||
|
AtModalAction,
|
||||||
|
AtAvatar,
|
||||||
|
AtAccordion,
|
||||||
|
} from "taro-ui";
|
||||||
|
import { AtToast } from "taro-ui";
|
||||||
|
import { AtIcon } from "taro-ui";
|
||||||
|
import { VIEW } from "@tarojs/runtime";
|
||||||
|
import "animate.css";
|
||||||
|
import touxiang from "../../images/touxiang.png";
|
||||||
|
import cat from "../../images/cat.jpg";
|
||||||
|
import girl from "../../images/girl.jpg";
|
||||||
|
|
||||||
|
import emoji from "../../images/emoji.png";
|
||||||
|
import phone from "../../images/phone.png";
|
||||||
|
import robot from "../../images/robot.png";
|
||||||
|
import nomad from "../../images/nomad.png";
|
||||||
|
import book from "../../images/book.png";
|
||||||
|
import qrcode from "../../images/qrcode.png";
|
||||||
|
|
||||||
|
import meetup from "../../images/meetup.jpg";
|
||||||
|
import bookqr from "../../images/bookqr.jpg";
|
||||||
|
import loft from "../../images/loft.png";
|
||||||
|
import AIGC from "../../images/AIGC.png";
|
||||||
|
import robot192 from "../../images/robot192.png";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Index = () => {
|
||||||
|
const [current, setcurrent] = useState(0);
|
||||||
|
const [openId, setopenId] = useState(null);
|
||||||
|
const [wxid, setwxid] = useState(null);
|
||||||
|
const [userInfo, setuserInfo] = useState({});
|
||||||
|
|
||||||
|
const [open, setopen] = useState(false);
|
||||||
|
const [referer, setreferer] = useState(window.document.referrer);
|
||||||
|
|
||||||
|
const [isOpened, setisOpened] = useState(false);
|
||||||
|
const [meetupQR, setmeetupQR] = useState(false);
|
||||||
|
|
||||||
|
const [bookToast, setbookToast] = useState(false);
|
||||||
|
const [meetupToast, setmeetupToast] = useState(false);
|
||||||
|
|
||||||
|
const [joinMeetup, setjoinMeetup] = useState(false);
|
||||||
|
const [bookpay, setbookpay] = useState(0);
|
||||||
|
|
||||||
|
const [isWeChat, setisWeChat] = useState(false);
|
||||||
|
|
||||||
|
const getOpenidFromUrl = (url) => {
|
||||||
|
const pattern = /[?&]openid=([^&#]+)/;
|
||||||
|
const match = url.match(pattern);
|
||||||
|
if (match) {
|
||||||
|
return match[1];
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 是否在微信客户端
|
||||||
|
const isWeChatFun = () => {
|
||||||
|
var ua = navigator.userAgent.toLowerCase();
|
||||||
|
if (ua.indexOf("micromessenger") != -1) {
|
||||||
|
setisWeChat(true);
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
setisWeChat(false);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取openid
|
||||||
|
const getOpenid = () => {
|
||||||
|
// let newparams = Taro.getCurrentInstance().router.params;
|
||||||
|
// let urlopenid = newparams.openid;
|
||||||
|
|
||||||
|
// hash模式
|
||||||
|
// http://192.168.31.245:10086/?openid=o7LFAwR32hWGq9XOpd7ZxK1wZxq8#/pages/index/index
|
||||||
|
let hashopenid = null;
|
||||||
|
if (window.location.href.includes("openid")) {
|
||||||
|
hashopenid = getOpenidFromUrl(window.location.href);
|
||||||
|
} else {
|
||||||
|
// hashopenid = window.localStorage.getItem("openid");
|
||||||
|
}
|
||||||
|
if (!!hashopenid && hashopenid != "undefined" && hashopenid != "null") {
|
||||||
|
// 获取到openid
|
||||||
|
window.localStorage.setItem("openid", hashopenid);
|
||||||
|
setopenId(hashopenid);
|
||||||
|
|
||||||
|
// window.alert(hashopenid);
|
||||||
|
// 查询数据库是否存在openid
|
||||||
|
Taro.request({
|
||||||
|
method: "GET",
|
||||||
|
url: `${process.env.TARO_API_API}/user/${hashopenid}`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: `${process.env.TARO_API_API}/user/${window.localStorage.getItem("openid")}`, //仅为示例，并非真实的接口地址
|
||||||
|
success: function (res) {
|
||||||
|
if (res?.data?.userInfo) {
|
||||||
|
// 有完整的用户信息userInfo
|
||||||
|
setuserInfo(res?.data?.userInfo);
|
||||||
|
window.localStorage.setItem("userInfo", userInfo);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
complete: function (finy) {
|
||||||
|
// 获取wxid参数
|
||||||
|
getWxidFromUrl();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let nowUrl = window.location.href;
|
||||||
|
window.localStorage.removeItem("openid");
|
||||||
|
let payUrl = `https://payjs.cn/api/openid?mchid=1561724891&callback_url=${nowUrl}`;
|
||||||
|
window.location.href = payUrl;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取更新用户信息
|
||||||
|
const getUserinfo = (wxid) => {
|
||||||
|
Taro.request({
|
||||||
|
method: "GET",
|
||||||
|
url: `${process.env.TARO_API_API}/user/${wxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: `${process.env.TARO_API_API}/user/${window.localStorage.getItem("openid")}`, //仅为示例，并非真实的接口地址
|
||||||
|
success: function (res) {
|
||||||
|
if (res?.data?.userInfo) {
|
||||||
|
//判断wxid是否存在
|
||||||
|
if (res?.data?.userInfo?.openid) {
|
||||||
|
// 有完整的用户信息userInfo
|
||||||
|
setuserInfo(res?.data?.userInfo);
|
||||||
|
window.localStorage.setItem("userInfo", userInfo);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
complete: function (finy) {},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 获取url中的wxid
|
||||||
|
const getWxidFromUrl = () => {
|
||||||
|
const urlParams = new URLSearchParams(window.location.search);
|
||||||
|
const urlwxid = urlParams.get("wxid");
|
||||||
|
if (!!urlwxid) {
|
||||||
|
setwxid(urlwxid);
|
||||||
|
window.localStorage.setItem("wxid", wxid);
|
||||||
|
// 优先查询openid是否存在数据库
|
||||||
|
Taro.request({
|
||||||
|
method: "GET",
|
||||||
|
url: `${process.env.TARO_API_API}/user/${urlwxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: `${process.env.TARO_API_API}/user/${window.localStorage.getItem("openid")}`, //仅为示例，并非真实的接口地址
|
||||||
|
success: function (res) {
|
||||||
|
if (res?.data?.userInfo) {
|
||||||
|
//判断wxid是否存在
|
||||||
|
if (res?.data?.userInfo?.openid) {
|
||||||
|
// window.alert(res?.data?.userInfo?.openid);
|
||||||
|
// window.alert(window.localStorage.getItem("openid"));
|
||||||
|
|
||||||
|
if (
|
||||||
|
res?.data?.userInfo?.openid !==
|
||||||
|
window.localStorage.getItem("openid")
|
||||||
|
) {
|
||||||
|
// 删除其他用户的wxid
|
||||||
|
window.localStorage.removeItem("userInfo");
|
||||||
|
window.localStorage.removeItem("openid");
|
||||||
|
window.localStorage.removeItem("wxid");
|
||||||
|
window.location.href = "http://nomad.hackrobot.cn";
|
||||||
|
} else {
|
||||||
|
// 有完整的用户信息userInfo
|
||||||
|
setuserInfo(res?.data?.userInfo);
|
||||||
|
window.localStorage.setItem("userInfo", userInfo);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 绑定wxid与openid到数据库
|
||||||
|
wxidTapopenid(urlwxid);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 新增wxid用户
|
||||||
|
}
|
||||||
|
},
|
||||||
|
complete: function (finy) {
|
||||||
|
// tg消息通知
|
||||||
|
tgMessage();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// tg消息通知
|
||||||
|
tgMessage();
|
||||||
|
}
|
||||||
|
return wxid;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 绑定wxid与openid
|
||||||
|
const wxidTapopenid = (newWxid) => {
|
||||||
|
const userUpdateData = {
|
||||||
|
openid: window.localStorage.getItem("openid"), // 只更新 openid 字段
|
||||||
|
};
|
||||||
|
Taro.request({
|
||||||
|
method: "PUT",
|
||||||
|
// url: `${process.env.TARO_API_API}/user/${urlwxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
url: `${process.env.TARO_API_API}/user/${newWxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
data: userUpdateData,
|
||||||
|
header: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
success: function (res) {},
|
||||||
|
fail: function (err) {},
|
||||||
|
complete: function (finy) {},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 新增openid用户
|
||||||
|
const addopenidUser = () => {
|
||||||
|
const userUpdateData = {
|
||||||
|
openid: window.localStorage.getItem("openid"), // 只更新 openid 字段
|
||||||
|
};
|
||||||
|
Taro.request({
|
||||||
|
method: "GET",
|
||||||
|
// url: `${process.env.TARO_API_API}/user/${urlwxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
url: `${process.env.TARO_API_API}/user/${window.localStorage.getItem(
|
||||||
|
"openid"
|
||||||
|
)}`, //仅为示例，并非真实的接口地址
|
||||||
|
data: userUpdateData,
|
||||||
|
header: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
success: function (res) {},
|
||||||
|
fail: function (err) {},
|
||||||
|
complete: function (finy) {},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 网页查看通知
|
||||||
|
const tgMessage = () => {
|
||||||
|
Taro.request({
|
||||||
|
method: "GET",
|
||||||
|
url: `${
|
||||||
|
process.env.TARO_API_API
|
||||||
|
}/tgMessage?openid=${window.localStorage.getItem("openid")}`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||||
|
success: function (res) {
|
||||||
|
console.log("访问提醒发送成功");
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 入群申请
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let inwechat = isWeChatFun();
|
||||||
|
if (inwechat) {
|
||||||
|
// 获取openId
|
||||||
|
getOpenid();
|
||||||
|
} else {
|
||||||
|
// window.alert('不在微信')
|
||||||
|
}
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
// alert(window.localStorage.getItem("bookpay"))
|
||||||
|
setbookpay(window.localStorage.getItem("bookpay"));
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const goBack = () => {
|
||||||
|
Taro.navigateBack({});
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClick = (value) => {
|
||||||
|
// window.alert(value)
|
||||||
|
setopen(value);
|
||||||
|
};
|
||||||
|
|
||||||
|
const payh5 = (type, total_fee = 1000) => {
|
||||||
|
// console.log("111");
|
||||||
|
Taro.request({
|
||||||
|
method: "POST",
|
||||||
|
url: `${process.env.TARO_API_API}/payh5`,
|
||||||
|
// url: "${process.env.TARO_API_API}/payh5",
|
||||||
|
|
||||||
|
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||||
|
|
||||||
|
data: {
|
||||||
|
callback_url: window.location.href,
|
||||||
|
openid: window.localStorage.getItem("openid"),
|
||||||
|
total_fee: total_fee, // 金额,单位:分
|
||||||
|
type: type, //订单类型 book/meetup/video/vip
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
"content-type": "application/json", // 默认值
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res.data);
|
||||||
|
// window.alert(res.data.jsapi);
|
||||||
|
WeixinJSBridge.invoke(
|
||||||
|
"getBrandWCPayRequest",
|
||||||
|
{
|
||||||
|
// 以下6个支付参数通过payjs的jsapi接口获取
|
||||||
|
// appId: "wxc5205a653b0259bf",
|
||||||
|
// timeStamp: "1701401644",
|
||||||
|
// nonceStr: "KhOYB0wFV6j9qyQK",
|
||||||
|
// package: "prepay_id=wx01113404850024729b35f4d69b73500000",
|
||||||
|
// signType: "MD5",
|
||||||
|
// paySign: "2A823C8D47CCF871C6C65A56DC228CF8",
|
||||||
|
...(res?.data?.jsapi ?? {}),
|
||||||
|
},
|
||||||
|
function (res) {
|
||||||
|
// 支付成功
|
||||||
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||||
|
window.localStorage.setItem(type, 1); //订单类型 book/meetup/video/vip
|
||||||
|
WeixinJSBridge.call("closeWindow");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="index">
|
||||||
|
{/* <Button
|
||||||
|
onClick={() => {
|
||||||
|
// 跳转到目的页面，在当前页面打开
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/group/index",
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
111
|
||||||
|
</Button> */}
|
||||||
|
|
||||||
|
{/* 公众号 */}
|
||||||
|
<View
|
||||||
|
className="index-title"
|
||||||
|
onClick={() => {
|
||||||
|
// window.location.href=""
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<AtAvatar
|
||||||
|
size="small"
|
||||||
|
circle
|
||||||
|
// image="https://www.hackrobot.cn/wp-content/uploads/2023/05/cropped-cropped-Screenshot-2023-05-22-at-17.26.38.png"
|
||||||
|
image={touxiang}
|
||||||
|
></AtAvatar>
|
||||||
|
<View className="yidooplanet">异度世界</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 标签 */}
|
||||||
|
<View className="index-tags animate__animated animate__pulse">
|
||||||
|
<AtTag className="index-AtTag" type="primary" AtNavBar={true} circle>
|
||||||
|
独立开发者
|
||||||
|
</AtTag>
|
||||||
|
<AtTag className="index-AtTag" type="primary" AtNavBar={true} circle>
|
||||||
|
跨境电商
|
||||||
|
</AtTag>
|
||||||
|
<AtTag className="index-AtTag" type="primary" AtNavBar={true} circle>
|
||||||
|
树莓派
|
||||||
|
</AtTag>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="index-article">
|
||||||
|
{/* className="at-article__p" */}
|
||||||
|
<View>
|
||||||
|
普通的独立开发者,平时喜欢折腾树莓派
|
||||||
|
<br />
|
||||||
|
副业是做跨境电商
|
||||||
|
<br />
|
||||||
|
做一个<span className="spanText">数字游民</span>ing
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 付费合集 */}
|
||||||
|
<View className="index-list">
|
||||||
|
<AtList>
|
||||||
|
<AtListItem
|
||||||
|
title="云手机 🔥"
|
||||||
|
arrow="right"
|
||||||
|
// hasBorder={false}
|
||||||
|
thumb={phone}
|
||||||
|
onClick={() => {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/sphone/index",
|
||||||
|
});
|
||||||
|
// window.location.href =
|
||||||
|
// "https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3555705062712901639#wechat_redirect";
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<AtListItem
|
||||||
|
title="微信机器人"
|
||||||
|
arrow="right"
|
||||||
|
// hasBorder={false}
|
||||||
|
thumb={robot}
|
||||||
|
onClick={() => {
|
||||||
|
window.location.href =
|
||||||
|
// "https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3545545030499270661#wechat_redirect";
|
||||||
|
"https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3629790245010128902#wechat_redirect";
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<AtListItem
|
||||||
|
title="AIGC"
|
||||||
|
arrow="right"
|
||||||
|
// hasBorder={false}
|
||||||
|
thumb={AIGC}
|
||||||
|
onClick={() => {
|
||||||
|
window.location.href =
|
||||||
|
// "https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3545545030499270661#wechat_redirect";
|
||||||
|
"https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3635342254190739460#wechat_redirect";
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
{/* <AtListItem
|
||||||
|
title="数字游民"
|
||||||
|
arrow="right"
|
||||||
|
// hasBorder={false}
|
||||||
|
thumb={nomad}
|
||||||
|
onClick={() => {
|
||||||
|
window.location.href =
|
||||||
|
"https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3545541605766168582#wechat_redirect";
|
||||||
|
}}
|
||||||
|
/> */}
|
||||||
|
</AtList>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 已付费的用户才展示活动 */}
|
||||||
|
<View className="index-meetup animate__animated animate__pulse">
|
||||||
|
<AtCard
|
||||||
|
// note="提示文字"
|
||||||
|
// extra="2024/09/18"
|
||||||
|
// extra="已加入:200+"
|
||||||
|
title="加群"
|
||||||
|
thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
|
||||||
|
>
|
||||||
|
<View className="meetup-card">
|
||||||
|
{/* 左边 */}
|
||||||
|
<View className="meetup-left">
|
||||||
|
<Image
|
||||||
|
style="width: 100%;height: 100px;background: #fff;"
|
||||||
|
// src={meetup}
|
||||||
|
src={loft}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 右边 */}
|
||||||
|
<View className="meetup-right">
|
||||||
|
<View className="title"> 技术交流:云手机/机器人/AI </View>
|
||||||
|
<View className="address">
|
||||||
|
<AtIcon value="map-pin" size="30" color="#F00"></AtIcon>
|
||||||
|
<span>异度世界</span>
|
||||||
|
</View>
|
||||||
|
<View className="meetBtn">
|
||||||
|
{/* <View>
|
||||||
|
<AtIcon value="clock" size="30" color="#F00"></AtIcon>
|
||||||
|
19:00--21:00
|
||||||
|
</View> */}
|
||||||
|
<View className="meetupSrcItem">
|
||||||
|
{[touxiang, girl, cat].map((item, index) => {
|
||||||
|
return (
|
||||||
|
<View className="meetupSrc">
|
||||||
|
<Image
|
||||||
|
style="width: 20px;height: 20px;background: #fff;"
|
||||||
|
src={item}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</View>
|
||||||
|
<View
|
||||||
|
className="join"
|
||||||
|
style={{
|
||||||
|
backgroundColor: !!userInfo?.activity_status
|
||||||
|
? "#1890ff"
|
||||||
|
: // : null,
|
||||||
|
"#1890ff",
|
||||||
|
//
|
||||||
|
}}
|
||||||
|
onClick={() => {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/salon/index",
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
if (userInfo?.activity_status == "1") {
|
||||||
|
// 已预约
|
||||||
|
Taro.atMessage({
|
||||||
|
message: "已预约成功",
|
||||||
|
type: "warning",
|
||||||
|
});
|
||||||
|
} else if (userInfo?.activity_status == "2") {
|
||||||
|
// 已预约
|
||||||
|
Taro.atMessage({
|
||||||
|
message: "审核中",
|
||||||
|
type: "warning",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
if (!!wxid) {
|
||||||
|
// 发起预约
|
||||||
|
const userUpdateData = {
|
||||||
|
activity_status: "2", // 审核中
|
||||||
|
};
|
||||||
|
Taro.request({
|
||||||
|
method: "PUT",
|
||||||
|
// url: `${process.env.TARO_API_API}/user/${urlwxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
url: `${process.env.TARO_API_API}/user/${wxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
data: userUpdateData,
|
||||||
|
header: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
// 预约成功
|
||||||
|
// Taro.atMessage({
|
||||||
|
// message: "预约成功",
|
||||||
|
// type: "success",
|
||||||
|
// });
|
||||||
|
if (res.data.code == "200") {
|
||||||
|
setmeetupToast(true);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: function (err) {},
|
||||||
|
complete: function (finy) {
|
||||||
|
window.location.reload();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
setmeetupQR(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* {userInfo?.activity_status == "2"
|
||||||
|
? "审核中"
|
||||||
|
: userInfo?.activity_status == "1"
|
||||||
|
? "已报名"
|
||||||
|
: // : "立即报名"}
|
||||||
|
"已满"} */}
|
||||||
|
{`加入`}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</AtCard>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 在线图书 */}
|
||||||
|
{/* 参考资料https://readmake.com/ */}
|
||||||
|
<View className="index-book">
|
||||||
|
<View className="bookImg">
|
||||||
|
<Image
|
||||||
|
style="width: 40%px;height:100%;background: #fff;"
|
||||||
|
src={book}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
<View className="book-middle"></View>
|
||||||
|
<View className="nomad-right">
|
||||||
|
<View className="nomad-title">
|
||||||
|
<Image
|
||||||
|
style="width: 30px;height:30px;background: #fff;"
|
||||||
|
src={nomad}
|
||||||
|
/>
|
||||||
|
<View className="bookNmae">一人公司方法论</View>
|
||||||
|
</View>
|
||||||
|
<View className="subtitle">多元自动化收入</View>
|
||||||
|
<View className="bookText">
|
||||||
|
{/* 两个核心主题: <br /> */}
|
||||||
|
1. 云手机+微信机器人+AIGC
|
||||||
|
<br />
|
||||||
|
2. youtube获利 <br />
|
||||||
|
3. 跨境电商
|
||||||
|
<br />
|
||||||
|
4. 独立开发者
|
||||||
|
<br />
|
||||||
|
5. 旅行与远程办公
|
||||||
|
<br />
|
||||||
|
</View>
|
||||||
|
<View
|
||||||
|
className="bookPrice"
|
||||||
|
onClick={() => {
|
||||||
|
// 19元解锁书籍
|
||||||
|
// payh5("bookpay", 10);
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/book/index",
|
||||||
|
});
|
||||||
|
|
||||||
|
return false;
|
||||||
|
if (!!userInfo?.ebook) {
|
||||||
|
// 已预约
|
||||||
|
Taro.atMessage({
|
||||||
|
message: "已预约成功",
|
||||||
|
type: "warning",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
if (!!wxid) {
|
||||||
|
// 发起预约
|
||||||
|
const userUpdateData = {
|
||||||
|
ebook: 1, // 只更新 openid 字段
|
||||||
|
};
|
||||||
|
Taro.request({
|
||||||
|
method: "PUT",
|
||||||
|
// url: `${process.env.TARO_API_API}/user/${urlwxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
url: `${process.env.TARO_API_API}/user/${wxid}`, //仅为示例，并非真实的接口地址
|
||||||
|
data: userUpdateData,
|
||||||
|
header: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
// 预约成功
|
||||||
|
// Taro.atMessage({
|
||||||
|
// message: "预约成功",
|
||||||
|
// type: "success",
|
||||||
|
// });
|
||||||
|
|
||||||
|
if (res.data.code == "200") {
|
||||||
|
setbookToast(true);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
fail: function (err) {},
|
||||||
|
complete: function (finy) {
|
||||||
|
// setTimeout(() => {
|
||||||
|
// window.location.reload();
|
||||||
|
// }, 2000);
|
||||||
|
// getUserinfo()
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
setmeetupQR(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<View
|
||||||
|
className="join"
|
||||||
|
// style={{ backgroundColor: !!userInfo?.ebook ? "#1890ff" : null }}
|
||||||
|
style={{
|
||||||
|
backgroundColor: !!userInfo?.ebook ? "#1890ff" : "#1890ff",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* {!!userInfo?.ebook ? "已预约" : "预约"} */}
|
||||||
|
{/* {!!userInfo?.ebook ? "未完结" : "未完结"} */}
|
||||||
|
{bookpay == 1 ? "查看" : "阅读"}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 软件下载 */}
|
||||||
|
<View className="software">
|
||||||
|
<View className="emojiTitle">
|
||||||
|
<span style={{ color: "green" }}>|</span> 我写的软件工具
|
||||||
|
</View>
|
||||||
|
<View className="emojitext">
|
||||||
|
<View>
|
||||||
|
<AtIcon value="file-generic" size="30" color="#F00"></AtIcon>{" "}
|
||||||
|
数字游民cna (ios app)
|
||||||
|
</View>
|
||||||
|
{/* <AtIcon
|
||||||
|
value="download-cloud"
|
||||||
|
size="30"
|
||||||
|
color="#F00"
|
||||||
|
onClick={() => {
|
||||||
|
// setisOpened(true);
|
||||||
|
}}
|
||||||
|
></AtIcon> */}
|
||||||
|
<span>待上架</span>
|
||||||
|
</View>
|
||||||
|
<View className="emojitext">
|
||||||
|
<View>
|
||||||
|
<AtIcon value="file-generic" size="30" color="#F00"></AtIcon>{" "}
|
||||||
|
emoji图文编辑器 (pc客户端)
|
||||||
|
</View>
|
||||||
|
<AtIcon
|
||||||
|
value="download-cloud"
|
||||||
|
size="30"
|
||||||
|
color="#F00"
|
||||||
|
onClick={() => {
|
||||||
|
setisOpened(true);
|
||||||
|
}}
|
||||||
|
></AtIcon>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* <View className="software-emoji">
|
||||||
|
<Image
|
||||||
|
style="width: 80%;height: 240px;background: #fff;"
|
||||||
|
src={emoji}
|
||||||
|
/>
|
||||||
|
</View> */}
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 付费入群 */}
|
||||||
|
{/* <View>付费入群</View> */}
|
||||||
|
|
||||||
|
{/* 联系我 */}
|
||||||
|
{/* {!wxid && !Object.keys(userInfo)?.length > 0 ? (
|
||||||
|
<View className="contack">
|
||||||
|
<View className="wechatNum">微信号: hackrobot</View>
|
||||||
|
<Image
|
||||||
|
style="width: 185px;height: 200px;background: #fff;"
|
||||||
|
src={qrcode}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
) : null} */}
|
||||||
|
|
||||||
|
{/* <View className="payBtn">
|
||||||
|
<AtButton type="primary">立即购买 -- 29.8元</AtButton>
|
||||||
|
</View> */}
|
||||||
|
|
||||||
|
<View className="emojiModel">
|
||||||
|
{/* 软件下载模态窗 */}
|
||||||
|
<AtModal isOpened={isOpened}>
|
||||||
|
<AtModalHeader>emoji编辑器</AtModalHeader>
|
||||||
|
<AtModalContent>
|
||||||
|
<View className="modelText">
|
||||||
|
emoji编辑器是将markdown转换成标准的emoji格式
|
||||||
|
<br />
|
||||||
|
适用于各种图文场景
|
||||||
|
<br />
|
||||||
|
- 平台:小红书/微博/微信"小绿书"朋友圈
|
||||||
|
<br />- 评论区
|
||||||
|
</View>
|
||||||
|
{/* 软件图片展示 */}
|
||||||
|
<View className="model-emoji">
|
||||||
|
<Image
|
||||||
|
style="width: 100%;height: 240px;background: #fff;"
|
||||||
|
src={emoji}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
{/* <View>
|
||||||
|
百度网盘链接：https://pan.baidu.com/s/1XXVnMimjUD8qVdmaVhb6rg?pwd=hqyo
|
||||||
|
<br />
|
||||||
|
提取码：hqyo
|
||||||
|
</View> */}
|
||||||
|
</AtModalContent>
|
||||||
|
<AtModalAction>
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
setisOpened(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
取消
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
window.location.href =
|
||||||
|
"https://pan.baidu.com/s/1XXVnMimjUD8qVdmaVhb6rg?pwd=hqyo";
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
下载
|
||||||
|
</Button>
|
||||||
|
</AtModalAction>
|
||||||
|
</AtModal>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="meetupQR">
|
||||||
|
{/* 软件下载模态窗 */}
|
||||||
|
<AtModal isOpened={meetupQR}>
|
||||||
|
<AtModalHeader>咨询沙龙</AtModalHeader>
|
||||||
|
<AtModalContent>
|
||||||
|
{/* <View className="modelText">
|
||||||
|
1.加微信好友
|
||||||
|
<br />
|
||||||
|
2.发送关键词: 数字游民
|
||||||
|
</View> */}
|
||||||
|
{/* 软件图片展示 */}
|
||||||
|
<View className="model-emoji">
|
||||||
|
<Image
|
||||||
|
// style="width: 100%;height: 240px;background: #fff;"
|
||||||
|
src={qrcode}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</AtModalContent>
|
||||||
|
<AtModalAction>
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
setmeetupQR(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
知道了
|
||||||
|
</Button>
|
||||||
|
</AtModalAction>
|
||||||
|
</AtModal>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* 腾讯云推广: https://curl.qcloud.com/8bJ1d9U0 */}
|
||||||
|
{/* <View></View> */}
|
||||||
|
|
||||||
|
<AtMessage />
|
||||||
|
<AtToast
|
||||||
|
isOpened={bookToast}
|
||||||
|
hasMask={true}
|
||||||
|
text={"预约成功"}
|
||||||
|
icon={"check"}
|
||||||
|
onClose={() => {
|
||||||
|
window.location.reload();
|
||||||
|
}}
|
||||||
|
></AtToast>
|
||||||
|
<AtToast
|
||||||
|
isOpened={meetupToast}
|
||||||
|
text={"报名成功"}
|
||||||
|
icon={"check"}
|
||||||
|
hasMask={true}
|
||||||
|
onClose={() => {
|
||||||
|
window.location.reload();
|
||||||
|
}}
|
||||||
|
></AtToast>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Index;
|
||||||
231
src/pages/index/index.scss
Normal file
231
src/pages/index/index.scss
Normal file
@@ -0,0 +1,231 @@
|
|||||||
|
.index {
|
||||||
|
// background-color: #002329;
|
||||||
|
// width: 100vw;
|
||||||
|
// height: 100vh;
|
||||||
|
padding: 40px;
|
||||||
|
|
||||||
|
.index-title {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
font-weight: 700;
|
||||||
|
align-items: center;
|
||||||
|
.yidooplanet {
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.index-tags {
|
||||||
|
margin-top: 20px;
|
||||||
|
.index-AtTag {
|
||||||
|
background-color: rgb(99 102 241);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.index-article {
|
||||||
|
margin-top: 60px;
|
||||||
|
// background-color: yellow;
|
||||||
|
font-size: 30px;
|
||||||
|
.spanText {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.index-list {
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.index-book {
|
||||||
|
margin-top: 60px;
|
||||||
|
// width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
padding: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
// justify-content: center;
|
||||||
|
// background-color: #f0f0f0;
|
||||||
|
background-color: #f0f5ff;
|
||||||
|
.bookImg {
|
||||||
|
width: 40%;
|
||||||
|
height: 100%;
|
||||||
|
// background-color: #1bb14e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.book-middle {
|
||||||
|
width: 20px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.nomad-right {
|
||||||
|
// margin-left: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
// align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
// background-color: yellow;
|
||||||
|
// width: 100%;
|
||||||
|
flex: 1;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.nomad-title {
|
||||||
|
font-size: 35px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
// justify-content: space-between;
|
||||||
|
// background-color: red;
|
||||||
|
.bookNmae {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.subtitle {
|
||||||
|
font-size: 20px;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
.bookText {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.bookPrice {
|
||||||
|
font-size: 30px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
.join {
|
||||||
|
font-size: 20px;
|
||||||
|
width: 100px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #1bb14e;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 15%;
|
||||||
|
position: relative;
|
||||||
|
bottom: 10px;
|
||||||
|
right: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.software {
|
||||||
|
margin-top: 60px;
|
||||||
|
font-size: 30px;
|
||||||
|
padding: 30px;
|
||||||
|
.emojiTitle {
|
||||||
|
color: rgb(99 102 241);
|
||||||
|
}
|
||||||
|
.emojitext {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
font-size: 28px;
|
||||||
|
}
|
||||||
|
.software-emoji {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.index-meetup {
|
||||||
|
margin-top: 60px;
|
||||||
|
|
||||||
|
.meetup-card {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
// background-color: yellow;
|
||||||
|
|
||||||
|
.meetup-left {
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
// background-color: red;
|
||||||
|
}
|
||||||
|
.meetup-right {
|
||||||
|
font-size: 20px;
|
||||||
|
margin-left: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
// align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
// background-color: green;
|
||||||
|
flex: 1;
|
||||||
|
.title {
|
||||||
|
}
|
||||||
|
.address {
|
||||||
|
// margin-top: 30px;
|
||||||
|
}
|
||||||
|
.meetBtn {
|
||||||
|
display: flex;
|
||||||
|
// flex-direction: row-reverse;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.meetupSrcItem{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
// background-color: red;
|
||||||
|
|
||||||
|
.meetupSrc {
|
||||||
|
// width: 20px;
|
||||||
|
// height:20px;
|
||||||
|
border-radius: 15%;
|
||||||
|
// background-color: yellow;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.join {
|
||||||
|
width: 100px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #1bb14e;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 15%;
|
||||||
|
position: relative;
|
||||||
|
// bottom: 10px;
|
||||||
|
right: -10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.contack {
|
||||||
|
margin-top: 60px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.wechatNum {
|
||||||
|
font-size: 34px;
|
||||||
|
color: #1bb14e;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.emojiModel {
|
||||||
|
.modelText {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
.model-emoji {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.payBtn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
177
src/pages/meetup/Detail/index.jsx
Normal file
177
src/pages/meetup/Detail/index.jsx
Normal file
@@ -0,0 +1,177 @@
|
|||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtAvatar } from "taro-ui";
|
||||||
|
import { AtButton } from "taro-ui";
|
||||||
|
// import Taro from "@tarojs/taro";
|
||||||
|
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Detail = () => {
|
||||||
|
const [current, setcurrent] = useState(2);
|
||||||
|
const [id, setid] = useState(null);
|
||||||
|
const [openid, setopenid] = useState(null);
|
||||||
|
const [joinMeetup, setjoinMeetup] = useState(false);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let newparams = Taro.getCurrentInstance().router.params;
|
||||||
|
let newId = newparams.id;
|
||||||
|
if (newId) {
|
||||||
|
setid(newId);
|
||||||
|
}
|
||||||
|
let newjoinMeetup=window.localStorage.getItem('joinMeetup')
|
||||||
|
setjoinMeetup(newjoinMeetup)
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// const handleClick = (value) => {
|
||||||
|
// console.log("value", value);
|
||||||
|
// setcurrent(value);
|
||||||
|
// if (value == 2) {
|
||||||
|
// // 跳转到目的页面，在当前页面打开
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: "/pages/my/index",
|
||||||
|
// });
|
||||||
|
// } else if (value == 0) {
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: "/pages/index/index",
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: "/pages/meetup/index",
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// };
|
||||||
|
|
||||||
|
const onBridgeReady = () => {
|
||||||
|
WeixinJSBridge.call("hideOptionMenu");
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let $instance = Taro.getCurrentInstance();
|
||||||
|
// console.log("11");
|
||||||
|
console.log($instance.router.params);
|
||||||
|
// if (typeof WeixinJSBridge == "undefined") {
|
||||||
|
// if (document.addEventListener) {
|
||||||
|
// document.addEventListener("WeixinJSBridgeReady", onBridgeReady, false);
|
||||||
|
// } else if (document.attachEvent) {
|
||||||
|
// document.attachEvent("WeixinJSBridgeReady", onBridgeReady);
|
||||||
|
// document.attachEvent("onWeixinJSBridgeReady", onBridgeReady);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const joinmeet = () => {
|
||||||
|
// console.log("111");
|
||||||
|
Taro.request({
|
||||||
|
method:'POST',
|
||||||
|
url: `${process.env.TARO_API_API}/payh5`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||||
|
|
||||||
|
data: {
|
||||||
|
callback_url:window.location.href,
|
||||||
|
openid:window.localStorage.getItem('openid')
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
"content-type": "application/json", // 默认值
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res.data);
|
||||||
|
// window.alert(res.data.jsapi);
|
||||||
|
WeixinJSBridge.invoke(
|
||||||
|
"getBrandWCPayRequest",
|
||||||
|
{
|
||||||
|
// 以下6个支付参数通过payjs的jsapi接口获取
|
||||||
|
// appId: "wxc5205a653b0259bf",
|
||||||
|
// timeStamp: "1701401644",
|
||||||
|
// nonceStr: "KhOYB0wFV6j9qyQK",
|
||||||
|
// package: "prepay_id=wx01113404850024729b35f4d69b73500000",
|
||||||
|
// signType: "MD5",
|
||||||
|
// paySign: "2A823C8D47CCF871C6C65A56DC228CF8",
|
||||||
|
...res?.data?.jsapi??{},
|
||||||
|
},
|
||||||
|
function (res) {
|
||||||
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||||
|
setjoinMeetup(true)
|
||||||
|
window.localStorage.setItem('joinMeetup',true)
|
||||||
|
WeixinJSBridge.call("closeWindow");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<View className="Detail">
|
||||||
|
{/* <Text>Hello world!</Text> */}
|
||||||
|
{/* <AtAvatar image='https://cdn.huodongxing.com/logo/202312/8732019012100/promoteMini.png'></AtAvatar> */}
|
||||||
|
<View>
|
||||||
|
<Image
|
||||||
|
style="width:100%;height: 200px;background: #fff;"
|
||||||
|
src={
|
||||||
|
"https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
<AtList>
|
||||||
|
<AtListItem title="[副业交流] 沙龙茶话会" onClick={() => {}} />
|
||||||
|
<AtListItem title="日期" extraText="2023/12/06" arrow="" />
|
||||||
|
<AtListItem title="报名人数" extraText="4/10" arrow="" />
|
||||||
|
<AtListItem
|
||||||
|
title="地点"
|
||||||
|
note="广东省深圳市福田区石厦地铁站C口"
|
||||||
|
extraText=""
|
||||||
|
/>
|
||||||
|
{/* <AtListItem title='禁用状态' disabled extraText='详细信息' /> */}
|
||||||
|
</AtList>
|
||||||
|
|
||||||
|
{/* <AtList>
|
||||||
|
<AtListItem
|
||||||
|
title="联系我们"
|
||||||
|
note=""
|
||||||
|
arrow="right"
|
||||||
|
iconInfo={{ size: 25, color: "#78A4FA", value: "calendar" }}
|
||||||
|
/>
|
||||||
|
<AtListItem
|
||||||
|
title="版本日志"
|
||||||
|
note=""
|
||||||
|
extraText=""
|
||||||
|
arrow="right"
|
||||||
|
iconInfo={{ size: 25, color: "#FF4949", value: "bookmark" }}
|
||||||
|
/>
|
||||||
|
</AtList> */}
|
||||||
|
|
||||||
|
<View>
|
||||||
|
<AtButton
|
||||||
|
className="bottomBtn"
|
||||||
|
type="primary"
|
||||||
|
onClick={() => joinmeet()}
|
||||||
|
disabled={joinMeetup}
|
||||||
|
>
|
||||||
|
{!!joinMeetup?'已报名':'立即报名'}
|
||||||
|
</AtButton>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{/* <View className="indexTablebar">
|
||||||
|
<AtTabBar
|
||||||
|
tabList={[
|
||||||
|
{ title: "首页", text: "" },
|
||||||
|
{ title: "活动" },
|
||||||
|
{ title: "我的" },
|
||||||
|
]}
|
||||||
|
onClick={(value) => handleClick(value)}
|
||||||
|
current={current}
|
||||||
|
/>
|
||||||
|
</View> */}
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Detail;
|
||||||
11
src/pages/meetup/Detail/index.scss
Normal file
11
src/pages/meetup/Detail/index.scss
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
.Detail{
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.bottomBtn{
|
||||||
|
display: flex;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
155
src/pages/meetup/index.jsx
Normal file
155
src/pages/meetup/index.jsx
Normal file
@@ -0,0 +1,155 @@
|
|||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtButton } from "taro-ui";
|
||||||
|
|
||||||
|
import { Picker } from "@tarojs/components";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import { AtNavBar } from "taro-ui";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Meetup = () => {
|
||||||
|
const [current, setcurrent] = useState(1);
|
||||||
|
const [joinMeetup, setjoinMeetup] = useState(false);
|
||||||
|
|
||||||
|
const [pickData, setpickData] = useState({
|
||||||
|
selector: ["美国", "中国", "巴西", "日本"],
|
||||||
|
selectorChecked: "美国",
|
||||||
|
timeSel: "12:01",
|
||||||
|
dateSel: "2018-04-22",
|
||||||
|
});
|
||||||
|
const handleClick = (value) => {
|
||||||
|
console.log("value", value);
|
||||||
|
setcurrent(value);
|
||||||
|
if (value == 2) {
|
||||||
|
// 跳转到目的页面，在当前页面打开
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/my/index",
|
||||||
|
});
|
||||||
|
} else if (value == 0) {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/meetup/index",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const goBack = () => {
|
||||||
|
// window.history.back();
|
||||||
|
Taro.navigateBack({
|
||||||
|
// delta: 2
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
let newjoinMeetup = window.localStorage.getItem("joinMeetup");
|
||||||
|
setjoinMeetup(newjoinMeetup);
|
||||||
|
|
||||||
|
// window.localStorage.removeItem("joinMeetup");
|
||||||
|
// setjoinMeetup(false)
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="my">
|
||||||
|
{/* <AtNavBar
|
||||||
|
// onClickRgIconSt={handleClick}
|
||||||
|
// onClickRgIconNd={handleClick}
|
||||||
|
// onClickLeftIcon={goBack}
|
||||||
|
// leftIconType="chevron-left"
|
||||||
|
color="#000"
|
||||||
|
title="活动列表"
|
||||||
|
// leftText='返回'
|
||||||
|
// rightFirstIconType='bullet-list'
|
||||||
|
// rightSecondIconType='user'
|
||||||
|
/> */}
|
||||||
|
{/* <Text>Hello world!</Text> */}
|
||||||
|
|
||||||
|
{/* <View className="page-section">
|
||||||
|
<View>
|
||||||
|
<Picker mode="selector" range={pickData.selector} onChange={() => {}}>
|
||||||
|
<AtList>
|
||||||
|
<AtListItem
|
||||||
|
title="国家地区"
|
||||||
|
extraText={pickData.selectorChecked}
|
||||||
|
/>
|
||||||
|
</AtList>
|
||||||
|
</Picker>
|
||||||
|
</View>
|
||||||
|
<View>
|
||||||
|
<Picker mode="selector" range={pickData.selector} onChange={() => {}}>
|
||||||
|
<AtList>
|
||||||
|
<AtListItem
|
||||||
|
title="国家地区"
|
||||||
|
extraText={pickData.selectorChecked}
|
||||||
|
/>
|
||||||
|
</AtList>
|
||||||
|
</Picker>
|
||||||
|
</View>
|
||||||
|
</View> */}
|
||||||
|
|
||||||
|
<AtCard
|
||||||
|
note=""
|
||||||
|
extra=""
|
||||||
|
title="[副业交流] 沙龙茶话会"
|
||||||
|
thumb="http://www.logoquan.com/upload/list/20180421/logoquan15259400209.PNG"
|
||||||
|
>
|
||||||
|
<View className="meetupCard">
|
||||||
|
{" "}
|
||||||
|
<View className="left">
|
||||||
|
{" "}
|
||||||
|
<Image
|
||||||
|
style="width: 150px;height: 100px;background: #fff;"
|
||||||
|
src={
|
||||||
|
"https://7084298024874.huodongxing.com/file/ue/20211008/115427740E13BBD5BD7B56940467DC03B4/30435083489707317.jpeg"
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
<View className="right">
|
||||||
|
<View className="up">
|
||||||
|
<span style={{ color: "green" }}>[已报名]</span> 4/10
|
||||||
|
</View>
|
||||||
|
<View className="middle">2023/12/06 星期三</View>
|
||||||
|
<View className="down">
|
||||||
|
<AtButton
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
className="submitBtn"
|
||||||
|
disabled={joinMeetup}
|
||||||
|
onClick={() => {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/meetup/Detail/index",
|
||||||
|
});
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{!!joinMeetup ? "已报名" : "立即报名"}
|
||||||
|
</AtButton>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</AtCard>
|
||||||
|
|
||||||
|
<View className="indexTablebar">
|
||||||
|
<AtTabBar
|
||||||
|
tabList={[
|
||||||
|
{ title: "首页", text: "" },
|
||||||
|
{ title: "活动" },
|
||||||
|
{ title: "我的" },
|
||||||
|
]}
|
||||||
|
onClick={(value) => handleClick(value)}
|
||||||
|
current={current}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Meetup;
|
||||||
42
src/pages/meetup/index.scss
Normal file
42
src/pages/meetup/index.scss
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
.my{
|
||||||
|
margin-top: 20px;
|
||||||
|
|
||||||
|
.page-section{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meetupCard {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
.right {
|
||||||
|
// background-color: yellow;
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 20px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
.down {
|
||||||
|
width: 200px;
|
||||||
|
// background-color: aqua;
|
||||||
|
position: relative;
|
||||||
|
bottom: 10px;
|
||||||
|
right: -120px;
|
||||||
|
// display: flex;
|
||||||
|
// flex-direction: column-reverse;
|
||||||
|
// justify-content:flex-end
|
||||||
|
// position: relative;
|
||||||
|
.submitBtn {
|
||||||
|
// width: 200px;
|
||||||
|
// position: absolute;
|
||||||
|
// right: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.indexTablebar {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
3
src/pages/model/index.config.js
Normal file
3
src/pages/model/index.config.js
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '模版页面'
|
||||||
|
}
|
||||||
4
src/pages/model/index.scss
Normal file
4
src/pages/model/index.scss
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
.Model{
|
||||||
|
padding: 40px;
|
||||||
|
|
||||||
|
}
|
||||||
31
src/pages/model/index.tsx
Normal file
31
src/pages/model/index.tsx
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
// @ts-nocheck
|
||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtButton, AtInput, AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtAvatar } from "taro-ui";
|
||||||
|
import { AtTag } from "taro-ui";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import { AtForm, AtMessage } from "taro-ui";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Model = () => {
|
||||||
|
useEffect(() => {}, []);
|
||||||
|
|
||||||
|
const handleClick = (value) => {
|
||||||
|
// 跳转到目的页面，在当前页面打开
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return <View className="Model">模版</View>;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Model;
|
||||||
92
src/pages/my/index.jsx
Normal file
92
src/pages/my/index.jsx
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtAvatar } from "taro-ui";
|
||||||
|
import { AtTag } from "taro-ui";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import avatar from "../../images/avatar.jpg";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const My = () => {
|
||||||
|
const [current, setcurrent] = useState(2);
|
||||||
|
const [wxid, setwxid] = useState(null);
|
||||||
|
|
||||||
|
useEffect(()=>{
|
||||||
|
getWxid()
|
||||||
|
},[])
|
||||||
|
|
||||||
|
const getWxid = () => {
|
||||||
|
let newWxid = window.localStorage.getItem("wxid");
|
||||||
|
if (!!newWxid) {
|
||||||
|
setwxid(newWxid);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClick = (value) => {
|
||||||
|
console.log("value", value);
|
||||||
|
setcurrent(value);
|
||||||
|
if (value == 2) {
|
||||||
|
// 跳转到目的页面，在当前页面打开
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/my/index",
|
||||||
|
});
|
||||||
|
} else if (value == 0) {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/index/index",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
Taro.navigateTo({
|
||||||
|
url: "/pages/meetup/index",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<View className="my">
|
||||||
|
{/* <Text>Hello world!</Text> */}
|
||||||
|
|
||||||
|
<View className="myAtAvatar">
|
||||||
|
<AtAvatar className="AtAvatar" image={avatar}></AtAvatar>
|
||||||
|
<AtTag type="primary" circle>
|
||||||
|
新注册用户
|
||||||
|
</AtTag>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<AtList>
|
||||||
|
<AtListItem
|
||||||
|
title="联系我们"
|
||||||
|
note=""
|
||||||
|
arrow="right"
|
||||||
|
iconInfo={{ size: 25, color: "#78A4FA", value: "calendar" }}
|
||||||
|
/>
|
||||||
|
<AtListItem
|
||||||
|
title="版本日志"
|
||||||
|
note=""
|
||||||
|
extraText=""
|
||||||
|
arrow="right"
|
||||||
|
iconInfo={{ size: 25, color: "#FF4949", value: "bookmark" }}
|
||||||
|
/>
|
||||||
|
</AtList>
|
||||||
|
|
||||||
|
<View className="indexTablebar">
|
||||||
|
<AtTabBar
|
||||||
|
tabList={[
|
||||||
|
{ title: "首页", text: "" },
|
||||||
|
{ title: "活动" },
|
||||||
|
{ title: "我的" },
|
||||||
|
]}
|
||||||
|
onClick={(value) => handleClick(value)}
|
||||||
|
current={current}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default My;
|
||||||
23
src/pages/my/index.scss
Normal file
23
src/pages/my/index.scss
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
.my{
|
||||||
|
|
||||||
|
.myAtAvatar{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
// background-color: #f4ffb8;
|
||||||
|
// padding-left: 20px;
|
||||||
|
// padding-right: 20px;
|
||||||
|
.AtAvatar{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.indexTablebar {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
3
src/pages/planet/index.config.js
Normal file
3
src/pages/planet/index.config.js
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '副业沙龙'
|
||||||
|
}
|
||||||
23
src/pages/planet/index.scss
Normal file
23
src/pages/planet/index.scss
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
.Model {
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
.bottomDiv {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
// background-color: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.joinSalon {
|
||||||
|
// position: relative;
|
||||||
|
bottom: 20px;
|
||||||
|
position: fixed;
|
||||||
|
width: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.model-emoji {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
217
src/pages/planet/index.tsx
Normal file
217
src/pages/planet/index.tsx
Normal file
@@ -0,0 +1,217 @@
|
|||||||
|
// @ts-nocheck
|
||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image, Button } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtButton, AtInput, AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtTag } from "taro-ui";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import { AtForm, AtMessage } from "taro-ui";
|
||||||
|
import loft from "../../images/loft.png";
|
||||||
|
import nomadvloglife from "../../images/nomadvloglife.png";
|
||||||
|
|
||||||
|
import {
|
||||||
|
AtModal,
|
||||||
|
AtModalHeader,
|
||||||
|
AtModalContent,
|
||||||
|
AtModalAction,
|
||||||
|
AtAvatar,
|
||||||
|
AtAccordion,
|
||||||
|
} from "taro-ui";
|
||||||
|
|
||||||
|
import qrcode from "../../images/qrcode.png";
|
||||||
|
import joinGroup from "../../images/joinGroup.png";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Salon = () => {
|
||||||
|
const [meetupQR, setmeetupQR] = useState(false);
|
||||||
|
const [isWeChat, setisWeChat] = useState(false);
|
||||||
|
const [meetup, setmeetup] = useState(window.localStorage.getItem("meetup"));
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
isWeChatFun();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// const handleClick = (value) => {
|
||||||
|
// // 跳转到目的页面，在当前页面打开
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: "/pages/index/index",
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
|
// 是否在微信客户端
|
||||||
|
const isWeChatFun = () => {
|
||||||
|
var ua = navigator.userAgent.toLowerCase();
|
||||||
|
if (ua.indexOf("micromessenger") != -1) {
|
||||||
|
setisWeChat(true);
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
setisWeChat(false);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const payh5 = (type, total_fee = 1000) => {
|
||||||
|
// console.log("111");
|
||||||
|
Taro.request({
|
||||||
|
method: "POST",
|
||||||
|
url: `${process.env.TARO_API_API}/payh5`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||||
|
|
||||||
|
data: {
|
||||||
|
callback_url: window.location.href,
|
||||||
|
openid: window.localStorage.getItem("openid"),
|
||||||
|
total_fee: total_fee, // 金额,单位:分
|
||||||
|
type: type, //订单类型 book/meetup/video/vip
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
"content-type": "application/json", // 默认值
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res.data);
|
||||||
|
// window.alert(res.data.jsapi);
|
||||||
|
WeixinJSBridge.invoke(
|
||||||
|
"getBrandWCPayRequest",
|
||||||
|
{
|
||||||
|
// 以下6个支付参数通过payjs的jsapi接口获取
|
||||||
|
// appId: "wxc5205a653b0259bf",
|
||||||
|
// timeStamp: "1701401644",
|
||||||
|
// nonceStr: "KhOYB0wFV6j9qyQK",
|
||||||
|
// package: "prepay_id=wx01113404850024729b35f4d69b73500000",
|
||||||
|
// signType: "MD5",
|
||||||
|
// paySign: "2A823C8D47CCF871C6C65A56DC228CF8",
|
||||||
|
...(res?.data?.jsapi ?? {}),
|
||||||
|
},
|
||||||
|
function (res) {
|
||||||
|
// 支付成功
|
||||||
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||||
|
window.localStorage.setItem(type, 1); //订单类型 book/meetup/video/vip
|
||||||
|
WeixinJSBridge.call("closeWindow");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="Model">
|
||||||
|
<View className="meetup-left">
|
||||||
|
<Image style="width: 100%;height: 100px;background: #fff;" src={loft} />
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="at-article">
|
||||||
|
<View className="at-article__h1">技术交流群</View>
|
||||||
|
<View className="at-article__info">
|
||||||
|
{/* 2017-05-07 */}
|
||||||
|
异度星球
|
||||||
|
</View>
|
||||||
|
<View className="at-article__content">
|
||||||
|
<View className="at-article__section">
|
||||||
|
<View className="at-article__h2">群简介</View>
|
||||||
|
<View className="at-article__h3">| 📣技术爱好者</View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
微信群是一个交流技术的平台,不限软件/硬件
|
||||||
|
</View>
|
||||||
|
<br />
|
||||||
|
<View className="at-article__h3">| 📋入群须知</View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
微信群只是一个沟通平台,与其他伙伴搭桥
|
||||||
|
<br />
|
||||||
|
可以讨论但不限于:
|
||||||
|
<br />
|
||||||
|
1️⃣云手机
|
||||||
|
<br />
|
||||||
|
2️⃣机器人
|
||||||
|
<br />
|
||||||
|
3️⃣AIGC /边缘计算
|
||||||
|
</View>
|
||||||
|
<br />
|
||||||
|
<View className="at-article__h3">| ❌禁止以下行为</View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
🚫营销推广
|
||||||
|
<br />
|
||||||
|
🚫恶意捣乱
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
❗群主没有解答义务,勿随意@
|
||||||
|
{/* <br />
|
||||||
|
💰价格29元/人 (场地成本) */}
|
||||||
|
</View>
|
||||||
|
<br />
|
||||||
|
{meetup == 1 ? (
|
||||||
|
<View className="at-article__h3">| ☕入群口令:3399</View>
|
||||||
|
) : null}
|
||||||
|
{meetup == 1 ? (
|
||||||
|
<View className="at-article__p">
|
||||||
|
{`ID:${window.localStorage.getItem("openid")}`}
|
||||||
|
</View>
|
||||||
|
) : null}
|
||||||
|
{/* 已报名 */}
|
||||||
|
{meetup == 1 ? (
|
||||||
|
<View className="model-emoji">
|
||||||
|
<Image
|
||||||
|
style="width: 240px;height: 240px;background: #fff;"
|
||||||
|
// src={qrcode}
|
||||||
|
src={joinGroup}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
) : null}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="bottomDiv"></View>
|
||||||
|
{/* 判断有没有wxid,是否女性 */}
|
||||||
|
<AtButton
|
||||||
|
type="primary"
|
||||||
|
size="normal"
|
||||||
|
className="joinSalon"
|
||||||
|
onClick={() => {
|
||||||
|
if (meetup == 1) {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
if (!!isWeChat) {
|
||||||
|
payh5("meetup", 2900);
|
||||||
|
} else {
|
||||||
|
setmeetupQR(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{meetup == 1 ? "入群口令: 3399" : `立即加入`}
|
||||||
|
</AtButton>
|
||||||
|
|
||||||
|
<View className="meetupQR">
|
||||||
|
{/* 软件下载模态窗 */}
|
||||||
|
<AtModal isOpened={meetupQR}>
|
||||||
|
<AtModalHeader>咨询沙龙</AtModalHeader>
|
||||||
|
<AtModalContent>
|
||||||
|
<View className="model-emoji">
|
||||||
|
<Image
|
||||||
|
// style="width: 100%;height: 240px;background: #fff;"
|
||||||
|
src={qrcode}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</AtModalContent>
|
||||||
|
<AtModalAction>
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
setmeetupQR(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
知道了
|
||||||
|
</Button>
|
||||||
|
</AtModalAction>
|
||||||
|
</AtModal>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Salon;
|
||||||
3
src/pages/salon/index.config.js
Normal file
3
src/pages/salon/index.config.js
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '异度星球'
|
||||||
|
}
|
||||||
35
src/pages/salon/index.scss
Normal file
35
src/pages/salon/index.scss
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
.Model {
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
.bottomDiv {
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
// background-color: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
.joinSalon {
|
||||||
|
// position: relative;
|
||||||
|
bottom: 20px;
|
||||||
|
position: fixed;
|
||||||
|
width: 700px;
|
||||||
|
font-weight: 600;
|
||||||
|
background-color:#72D572 ;
|
||||||
|
border-color: #72D572 ;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.model-emoji {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.no-border {
|
||||||
|
border: none;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
scrollbar-width: none; /* Firefox */
|
||||||
|
}
|
||||||
248
src/pages/salon/index.tsx
Normal file
248
src/pages/salon/index.tsx
Normal file
@@ -0,0 +1,248 @@
|
|||||||
|
// @ts-nocheck
|
||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image, Button } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtButton, AtInput, AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtTag } from "taro-ui";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import { AtForm, AtMessage } from "taro-ui";
|
||||||
|
import loft from "../../images/loft.png";
|
||||||
|
import nomadvloglife from "../../images/nomadvloglife.png";
|
||||||
|
|
||||||
|
import {
|
||||||
|
AtModal,
|
||||||
|
AtModalHeader,
|
||||||
|
AtModalContent,
|
||||||
|
AtModalAction,
|
||||||
|
AtAvatar,
|
||||||
|
AtAccordion,
|
||||||
|
} from "taro-ui";
|
||||||
|
|
||||||
|
import qrcode from "../../images/qrcode.png";
|
||||||
|
import joinGroup from "../../images/joinGroup.png";
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Salon = () => {
|
||||||
|
const [meetupQR, setmeetupQR] = useState(false);
|
||||||
|
const [isWeChat, setisWeChat] = useState(false);
|
||||||
|
const [meetup, setmeetup] = useState(window.localStorage.getItem("meetup"));
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
isWeChatFun();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// const handleClick = (value) => {
|
||||||
|
// // 跳转到目的页面，在当前页面打开
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: "/pages/index/index",
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
|
// 是否在微信客户端
|
||||||
|
const isWeChatFun = () => {
|
||||||
|
var ua = navigator.userAgent.toLowerCase();
|
||||||
|
if (ua.indexOf("micromessenger") != -1) {
|
||||||
|
setisWeChat(true);
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
setisWeChat(false);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const payh5 = (type, total_fee = 1000) => {
|
||||||
|
// console.log("111");
|
||||||
|
Taro.request({
|
||||||
|
method: "POST",
|
||||||
|
url: `${process.env.TARO_API_API}/payh5`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||||
|
|
||||||
|
data: {
|
||||||
|
callback_url: window.location.href,
|
||||||
|
openid: window.localStorage.getItem("openid"),
|
||||||
|
total_fee: total_fee, // 金额,单位:分
|
||||||
|
type: type, //订单类型 book/meetup/video/vip
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
"content-type": "application/json", // 默认值
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res.data);
|
||||||
|
// window.alert(res.data.jsapi);
|
||||||
|
WeixinJSBridge.invoke(
|
||||||
|
"getBrandWCPayRequest",
|
||||||
|
{
|
||||||
|
// 以下6个支付参数通过payjs的jsapi接口获取
|
||||||
|
// appId: "wxc5205a653b0259bf",
|
||||||
|
// timeStamp: "1701401644",
|
||||||
|
// nonceStr: "KhOYB0wFV6j9qyQK",
|
||||||
|
// package: "prepay_id=wx01113404850024729b35f4d69b73500000",
|
||||||
|
// signType: "MD5",
|
||||||
|
// paySign: "2A823C8D47CCF871C6C65A56DC228CF8",
|
||||||
|
...(res?.data?.jsapi ?? {}),
|
||||||
|
},
|
||||||
|
function (res) {
|
||||||
|
// 支付成功
|
||||||
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||||
|
window.localStorage.setItem(type, 1); //订单类型 book/meetup/video/vip
|
||||||
|
WeixinJSBridge.call("closeWindow");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="Model">
|
||||||
|
<View className="meetup-left">
|
||||||
|
<Image style="width: 100%;height: 100px;background: #fff;" src={loft} />
|
||||||
|
</View>
|
||||||
|
|
||||||
|
{meetup != 1 ? (
|
||||||
|
<View className="at-article">
|
||||||
|
<View className="at-article__h1">异度星球</View>
|
||||||
|
<View className="at-article__info">
|
||||||
|
{/* 2017-05-07 */}
|
||||||
|
异度星球
|
||||||
|
</View>
|
||||||
|
<View className="at-article__content">
|
||||||
|
<View className="at-article__section">
|
||||||
|
<View className="at-article__h2">群简介</View>
|
||||||
|
<View className="at-article__h3">| 📣技术爱好者</View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
{/* 微信群是一个交流技术的平台,不限软件/硬件 */}
|
||||||
|
交流灌水
|
||||||
|
<br />
|
||||||
|
践行『长期价值』和『杠杆主义』
|
||||||
|
<br />
|
||||||
|
折腾开源软件和开源硬件
|
||||||
|
{/* <br />
|
||||||
|
长期更新 */}
|
||||||
|
</View>
|
||||||
|
<br />
|
||||||
|
<View className="at-article__h3">| 📋核心主题</View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
{/* 微信群只是一个沟通平台,与其他伙伴搭桥
|
||||||
|
<br /> */}
|
||||||
|
包括但不限于:
|
||||||
|
<br />
|
||||||
|
1️⃣云手机
|
||||||
|
<br />
|
||||||
|
2️⃣微信机器人
|
||||||
|
<br />
|
||||||
|
3️⃣AIGC /边缘计算
|
||||||
|
</View>
|
||||||
|
<br />
|
||||||
|
<View className="at-article__h3">| 🟩微信群</View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
{/* 『微信群』是一个沟通平台,
|
||||||
|
<br />
|
||||||
|
加入后,会显示『入群口令』
|
||||||
|
<br /> */}
|
||||||
|
机器人会自动邀请加群
|
||||||
|
</View>
|
||||||
|
<br />
|
||||||
|
<View className="at-article__h3">| 🔊声明</View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
🚫禁止营销推广
|
||||||
|
<br />
|
||||||
|
{/* 🚫恶意捣乱
|
||||||
|
<br />
|
||||||
|
<br /> */}
|
||||||
|
❗请勿随意@群主
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
) : (
|
||||||
|
<View>
|
||||||
|
<View>
|
||||||
|
<View className="at-article__h3">| ☕微信自动入群口令:<span style={{color:"red"}}>3399</span></View>
|
||||||
|
<View className="at-article__p">
|
||||||
|
{`ID:${window.localStorage.getItem("openid")}`}
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="model-emoji">
|
||||||
|
<Image
|
||||||
|
// style="width: 100%;height: 240px;background: #fff;"
|
||||||
|
src={qrcode}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
<View className="model-emoji">
|
||||||
|
<Image
|
||||||
|
style="width: 240px;height: 240px;background: #fff;"
|
||||||
|
// src={qrcode}
|
||||||
|
src={joinGroup}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
{/* webview=社区 */}
|
||||||
|
{/* <iframe
|
||||||
|
className="no-border"
|
||||||
|
src="https://memos.nomadcna.com/"
|
||||||
|
></iframe> */}
|
||||||
|
</View>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<View className="bottomDiv"></View>
|
||||||
|
{/* 判断有没有wxid,是否女性 */}
|
||||||
|
{meetup != 1 ? (
|
||||||
|
<AtButton
|
||||||
|
type="primary"
|
||||||
|
size="normal"
|
||||||
|
className="joinSalon"
|
||||||
|
onClick={() => {
|
||||||
|
if (meetup == 1) {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
if (!!isWeChat) {
|
||||||
|
// 1元
|
||||||
|
payh5("meetup", 100);
|
||||||
|
} else {
|
||||||
|
setmeetupQR(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* {meetup == 1 ? "已加入" : `立即加入`} */}
|
||||||
|
{`立即加入 ¥1`}
|
||||||
|
</AtButton>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
<View className="meetupQR">
|
||||||
|
{/* 软件下载模态窗 */}
|
||||||
|
<AtModal isOpened={meetupQR}>
|
||||||
|
<AtModalHeader>添加好友</AtModalHeader>
|
||||||
|
<AtModalContent>
|
||||||
|
<View className="model-emoji">
|
||||||
|
<Image
|
||||||
|
// style="width: 100%;height: 240px;background: #fff;"
|
||||||
|
src={qrcode}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
</AtModalContent>
|
||||||
|
<AtModalAction>
|
||||||
|
<Button
|
||||||
|
onClick={() => {
|
||||||
|
setmeetupQR(false);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
知道了
|
||||||
|
</Button>
|
||||||
|
</AtModalAction>
|
||||||
|
</AtModal>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Salon;
|
||||||
3
src/pages/sphone/index.config.js
Normal file
3
src/pages/sphone/index.config.js
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
export default {
|
||||||
|
navigationBarTitleText: '云手机'
|
||||||
|
}
|
||||||
37
src/pages/sphone/index.scss
Normal file
37
src/pages/sphone/index.scss
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
|
||||||
|
// 在 src/index.scss 中引入 GitHub Markdown 主题
|
||||||
|
@import 'github-markdown-css/github-markdown.css';
|
||||||
|
|
||||||
|
.Sphone {
|
||||||
|
padding: 40px;
|
||||||
|
// font-size: 30px !important;
|
||||||
|
// color: #666;
|
||||||
|
|
||||||
|
.markdown-body{
|
||||||
|
font-size: 30px !important;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto; /* 保持图像的纵横比 */
|
||||||
|
}
|
||||||
|
.formCode {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
.codeBtn {
|
||||||
|
background-color: aquamarine;
|
||||||
|
// height: 80px;
|
||||||
|
// color: red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.joinSalon {
|
||||||
|
// position: relative;
|
||||||
|
// bottom: 20px;
|
||||||
|
// position: fixed;
|
||||||
|
width: 700px;
|
||||||
|
font-weight: 600;
|
||||||
|
background-color:#72D572 ;
|
||||||
|
border-color: #72D572 ;;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
151
src/pages/sphone/index.tsx
Normal file
151
src/pages/sphone/index.tsx
Normal file
@@ -0,0 +1,151 @@
|
|||||||
|
// @ts-nocheck
|
||||||
|
import { Component } from "react";
|
||||||
|
import { View, Text, Image } from "@tarojs/components";
|
||||||
|
import "./index.scss";
|
||||||
|
import { AtButton, AtInput, AtTabBar } from "taro-ui";
|
||||||
|
import React, { useCallback, useEffect, useState } from "react";
|
||||||
|
import { AtGrid } from "taro-ui";
|
||||||
|
import { Swiper, SwiperItem } from "@tarojs/components";
|
||||||
|
import { AtCard } from "taro-ui";
|
||||||
|
import { AtImagePicker } from "taro-ui";
|
||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import { AtAvatar } from "taro-ui";
|
||||||
|
import { AtTag } from "taro-ui";
|
||||||
|
import { AtList, AtListItem } from "taro-ui";
|
||||||
|
import { AtForm, AtMessage } from "taro-ui";
|
||||||
|
import { marked } from "marked";
|
||||||
|
import infoText from "./info.md";
|
||||||
|
import payText from "./pay.md";
|
||||||
|
|
||||||
|
marked.setOptions({
|
||||||
|
breaks: true, // 是否回车换行
|
||||||
|
gfm: true, //使用经批准的 GitHub Flavored Markdown (GFM) 规范
|
||||||
|
// pedantic: true, //严格模式
|
||||||
|
// highlight(code:any, lang:any) {
|
||||||
|
// // 语法高亮
|
||||||
|
// let val = code;
|
||||||
|
// if (lang) {
|
||||||
|
// val = hljs.highlight(lang, code).value;
|
||||||
|
// } else {
|
||||||
|
// val = hljs.highlightAuto(code).value;
|
||||||
|
// }
|
||||||
|
// return val;
|
||||||
|
// },
|
||||||
|
});
|
||||||
|
|
||||||
|
// const renderer = new marked.Renderer();
|
||||||
|
// // 使用拓展
|
||||||
|
// marked.use({ renderer });
|
||||||
|
|
||||||
|
// export default class Index extends Component {
|
||||||
|
const Sphone = () => {
|
||||||
|
const [markText, setmarkText] = useState();
|
||||||
|
const [isWeChat, setisWeChat] = useState(false);
|
||||||
|
|
||||||
|
const [sphone, setsphone] = useState(window.localStorage.getItem("sphone"));
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
isWeChatFun();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// const handleClick = (value) => {
|
||||||
|
// // 跳转到目的页面，在当前页面打开
|
||||||
|
// Taro.navigateTo({
|
||||||
|
// url: "/pages/index/index",
|
||||||
|
// });
|
||||||
|
// };
|
||||||
|
|
||||||
|
// 是否在微信客户端
|
||||||
|
const isWeChatFun = () => {
|
||||||
|
var ua = navigator.userAgent.toLowerCase();
|
||||||
|
if (ua.indexOf("micromessenger") != -1) {
|
||||||
|
setisWeChat(true);
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
setisWeChat(false);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const payh5 = (type, total_fee = 1000) => {
|
||||||
|
// console.log("111");
|
||||||
|
Taro.request({
|
||||||
|
method: "POST",
|
||||||
|
url: `${process.env.TARO_API_API}/payh5`, //仅为示例，并非真实的接口地址
|
||||||
|
// url: "https://pay.hackrobot.cn${process.env.TARO_API_API}/payh5", //仅为示例，并非真实的接口地址
|
||||||
|
|
||||||
|
data: {
|
||||||
|
callback_url: window.location.href,
|
||||||
|
openid: window.localStorage.getItem("openid"),
|
||||||
|
total_fee: total_fee, // 金额,单位:分
|
||||||
|
type: type, //订单类型 sphone/meetup/video/vip
|
||||||
|
},
|
||||||
|
header: {
|
||||||
|
"content-type": "application/json", // 默认值
|
||||||
|
},
|
||||||
|
success: function (res) {
|
||||||
|
console.log(res.data);
|
||||||
|
// window.alert(res.data.jsapi);
|
||||||
|
WeixinJSBridge.invoke(
|
||||||
|
"getBrandWCPayRequest",
|
||||||
|
{
|
||||||
|
// 以下6个支付参数通过payjs的jsapi接口获取
|
||||||
|
// appId: "wxc5205a653b0259bf",
|
||||||
|
// timeStamp: "1701401644",
|
||||||
|
// nonceStr: "KhOYB0wFV6j9qyQK",
|
||||||
|
// package: "prepay_id=wx01113404850024729b35f4d69b73500000",
|
||||||
|
// signType: "MD5",
|
||||||
|
// paySign: "2A823C8D47CCF871C6C65A56DC228CF8",
|
||||||
|
...(res?.data?.jsapi ?? {}),
|
||||||
|
},
|
||||||
|
function (res) {
|
||||||
|
// 支付成功
|
||||||
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
||||||
|
window.localStorage.setItem(type, 1); //订单类型 sphone/meetup/video/vip
|
||||||
|
WeixinJSBridge.call("closeWindow");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<View className="Sphone">
|
||||||
|
<View
|
||||||
|
className="markdown-body" // 添加 GitHub Markdown 主题类
|
||||||
|
dangerouslySetInnerHTML={{
|
||||||
|
__html: marked(sphone == 1 ? payText : infoText),
|
||||||
|
}}
|
||||||
|
></View>
|
||||||
|
|
||||||
|
<View className="bottomDiv"></View>
|
||||||
|
{/* 判断有没有wxid,是否女性 */}
|
||||||
|
{sphone != 1 ? (
|
||||||
|
<AtButton
|
||||||
|
type="primary"
|
||||||
|
size="normal"
|
||||||
|
className="joinSalon"
|
||||||
|
onClick={() => {
|
||||||
|
if (sphone == 1) {
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
if (!!isWeChat) {
|
||||||
|
// 180元
|
||||||
|
payh5("sphone", 18000);
|
||||||
|
} else {
|
||||||
|
// setmeetupQR(true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{/* {meetup == 1 ? "已加入" : `立即加入`} */}
|
||||||
|
{`阅读更多 80`}
|
||||||
|
</AtButton>
|
||||||
|
) : null}
|
||||||
|
</View>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Sphone;
|
||||||
51
src/pages/sphone/info.md
Normal file
51
src/pages/sphone/info.md
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
## 云手机教程
|
||||||
|
|
||||||
|
> docker部署
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
> 原生安卓AOSP
|
||||||
|
|
||||||
|
.png?imageSlim)
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
## 目录
|
||||||
|
|
||||||
|
- 云手机设备指北
|
||||||
|
|
||||||
|
- 硬件选型
|
||||||
|
|
||||||
|
- 方案1:docker容器化安卓
|
||||||
|
|
||||||
|
- 虚拟化的优缺点/设置
|
||||||
|
|
||||||
|
- 方案2:主板+原生AOSP
|
||||||
|
|
||||||
|
- root权限与magisk配置
|
||||||
|
|
||||||
|
- OTG外设配件
|
||||||
|
|
||||||
|
- 内网穿透
|
||||||
|
|
||||||
|
- 远程控制:云控
|
||||||
|
|
||||||
|
- 魔法:多开/群控/应用变量/gps/ip属地
|
||||||
|
|
||||||
|
- 应用场景:无人直播/机器人bot/RPA自动化+数据爬虫
|
||||||
|
|
||||||
|
- 杂谈~~
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
## 简述
|
||||||
|
|
||||||
|
教程属于`操作类,不是原理`
|
||||||
|
|
||||||
|
比如不涉及:内核编译,ROM定制,虚拟化
|
||||||
|
|
||||||
|
图文+视频录制
|
||||||
|
|
||||||
|
长期更新
|
||||||
|
|
||||||
|
|
||||||
79
src/pages/sphone/pay.md
Normal file
79
src/pages/sphone/pay.md
Normal file
@@ -0,0 +1,79 @@
|
|||||||
|
## 云手机教程
|
||||||
|
|
||||||
|
> docker部署
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
> 原生安卓AOSP
|
||||||
|
|
||||||
|
.png?imageSlim)
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
## 目录
|
||||||
|
|
||||||
|
- 云手机设备指北
|
||||||
|
|
||||||
|
- 硬件选型
|
||||||
|
|
||||||
|
- 方案1:docker容器化安卓
|
||||||
|
|
||||||
|
- 虚拟化的优缺点/设置
|
||||||
|
|
||||||
|
- 方案2:主板+原生AOSP
|
||||||
|
|
||||||
|
- root权限与magisk配置
|
||||||
|
|
||||||
|
- OTG外设配件
|
||||||
|
|
||||||
|
- 内网穿透
|
||||||
|
|
||||||
|
- 远程控制:云控
|
||||||
|
|
||||||
|
- 魔法:多开/群控/应用变量/gps/ip属地
|
||||||
|
|
||||||
|
- 应用场景:无人直播/机器人bot/RPA自动化+数据爬虫
|
||||||
|
|
||||||
|
- 杂谈~~
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
## 简述
|
||||||
|
|
||||||
|
教程属于`操作类,不是原理`
|
||||||
|
|
||||||
|
比如不涉及:内核编译,ROM定制,虚拟化
|
||||||
|
|
||||||
|
图文+视频录制
|
||||||
|
|
||||||
|
长期更新
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
## 云手机设备指北
|
||||||
|
|
||||||
|
这里说的云手机,默认指的
|
||||||
|
|
||||||
|
1. 开源硬件:ARM主板,
|
||||||
|
|
||||||
|
2. 设置安卓系统
|
||||||
|
|
||||||
|
3. 远程控制
|
||||||
|
|
||||||
|
***
|
||||||
|
|
||||||
|
## 硬件选型
|
||||||
|
|
||||||
|
建议购买RK3588芯片的开发板
|
||||||
|
|
||||||
|
- 香橙派5plus
|
||||||
|
|
||||||
|
- nvme ssd硬盘
|
||||||
|
|
||||||
|
- TF卡:用于测试系统
|
||||||
|
|
||||||
|
- 2个支持`uvc协议+带麦克风`的摄像头
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
教程正在更新中,视频录制操作过程,请等待
|
||||||
Reference in New Issue
Block a user