'mm'

.gitignore

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

README.md

@@ -1,4 +1,4 @@
-# roboth5
+# 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
-git remote add origin http://gitlab.yidooplanet.com/gitlab-instance-0a899031/roboth5.git
+git remote add origin http://gitlab.yidooplanet.com/gitlab-instance-0a899031/cityh5.git
 git branch -M main
 git push -uf origin main
 ```
 
 ## Integrate with your tools
 
-- [ ] [Set up project integrations](http://gitlab.yidooplanet.com/gitlab-instance-0a899031/roboth5/-/settings/integrations)
+- [ ] [Set up project integrations](http://gitlab.yidooplanet.com/gitlab-instance-0a899031/cityh5/-/settings/integrations)
 
 ## Collaborate with your team
 

babel.config.js

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

config/dev.js

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

config/index.js

@@ -0,0 +1,109 @@
+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: 10086,            // 选择一个适当的端口号
+      proxy: {
+        '/api/': {
+          target: JSON.parse('"http://localhost:8700"'), //本地调试端口
+          pathRewrite: {
+            '^/api/': '/'
+          },
+          changeOrigin: true
+        }
+      },
+      // 允许特定域名访问
+      allowedHosts: [
+        'nomad.hackrobot.cn'
+      ],
+    }
+  },
+};
+
+module.exports = function (merge) {
+  if (process.env.NODE_ENV === "development") {
+    return merge({}, config, require("./dev"));
+  }
+  return merge({}, config, require("./prod"));
+};

config/prod.js

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

h5.sh

@@ -0,0 +1 @@
+yarn dev:h5

package.json

@@ -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"
+  }
+}

project.config.json

@@ -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"
+}

src/app.config.js

@@ -0,0 +1,19 @@
+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',
+
+
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  }
+}

src/app.js

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

src/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title>异度星球</title>
+  <script><%= htmlWebpackPlugin.options.script %></script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/pages/book/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '一人公司方法论'
+}

src/pages/book/index.scss

@@ -0,0 +1,26 @@
+
+// 在 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;
+    }
+  }
+}

src/pages/book/index.tsx

@@ -0,0 +1,62 @@
+// @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 markdownText from "./text.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();
+
+  useEffect(() => {}, []);
+
+  const handleClick = (value) => {
+    // 跳转到目的页面，在当前页面打开
+    Taro.navigateTo({
+      url: "/pages/index/index",
+    });
+  };
+
+  return (
+    <View className="Book">
+      <View
+        className="markdown-body" // 添加 GitHub Markdown 主题类
+        dangerouslySetInnerHTML={{ __html: marked(markdownText) }}
+      ></View>
+    </View>
+  );
+};
+
+export default Book;

src/pages/book/text.md

@@ -0,0 +1,49 @@
+## 一人公司方法论
+
+> 公司化运营业务,但并不是注册企业主体
+
+<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以及小型沙龙`
+
+---
+
+## 持续更新中
+
+> 有建议请私聊

src/pages/group/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '加入微信群'
+}

src/pages/group/index.scss

@@ -0,0 +1,13 @@
+.group{
+    padding: 40px;
+
+    .formCode{
+        display: flex;
+        flex-direction: row;
+        .codeBtn{
+            background-color: aquamarine;
+            // height: 80px;
+            // color: red;
+        }
+    }
+}

src/pages/group/index.tsx

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

src/pages/index/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '数字游民工具箱'
+}

src/pages/index/index.jsx

@@ -0,0 +1,791 @@
+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";
+
+
+// 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: `/api/user/${hashopenid}`, //仅为示例，并非真实的接口地址
+        // url: `/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: `/api/user/${wxid}`, //仅为示例，并非真实的接口地址
+      // url: `/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: `/api/user/${urlwxid}`, //仅为示例，并非真实的接口地址
+        // url: `/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: `/api/user/${urlwxid}`, //仅为示例，并非真实的接口地址
+      url: `/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: `/api/user/${urlwxid}`, //仅为示例，并非真实的接口地址
+      url: `/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: `/api/tgMessage?openid=${window.localStorage.getItem("openid")}`, //仅为示例，并非真实的接口地址
+      // url: "https://pay.hackrobot.cn/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: "/api/payh5", //仅为示例，并非真实的接口地址
+      // url: "https://pay.hackrobot.cn/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={() => {
+              window.location.href =
+                // "https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzU4NTgyNDUxNw==&action=getalbum&album_id=3403853254399082501#wechat_redirect";
+                "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="已报名:3人"
+          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"> 自由交流&副业 | 沙龙(6人) </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: `/api/user/${urlwxid}`, //仅为示例，并非真实的接口地址
+                          url: `/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: `/api/user/${urlwxid}`, //仅为示例，并非真实的接口地址
+                    url: `/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>{" "}
+            markdown转emoji编辑器
+          </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;

src/pages/index/index.scss

@@ -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%;
+  }
+}

src/pages/meetup/Detail/index.jsx

@@ -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: "/api/payh5", //仅为示例，并非真实的接口地址
+      // url: "https://pay.hackrobot.cn/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;

src/pages/meetup/Detail/index.scss

@@ -0,0 +1,11 @@
+.Detail{
+
+
+
+    .bottomBtn{
+        display: flex;
+        position: fixed;
+        bottom: 0px;
+        width: 100%;
+    }
+}

src/pages/meetup/index.jsx

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

src/pages/meetup/index.scss

@@ -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%;
+      }
+}

src/pages/model/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '模版页面'
+}

src/pages/model/index.scss

@@ -0,0 +1,4 @@
+.Model{
+    padding: 40px;
+
+}

src/pages/model/index.tsx

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

src/pages/my/index.jsx

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

src/pages/my/index.scss

@@ -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%;
+      }
+}

src/pages/salon/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '副业沙龙'
+}

src/pages/salon/index.scss

@@ -0,0 +1,23 @@
+.Model {
+  padding: 20px;
+
+  .bottomDiv {
+    width: 100%;
+    height: 100px;
+    // background-color: yellow;
+  }
+
+  .joinSalon {
+    // position: relative;
+    bottom: 20px;
+    position: fixed;
+    width: 680px;
+  }
+
+  .model-emoji {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+}

src/pages/salon/index.tsx

@@ -0,0 +1,219 @@
+// @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";
+
+// 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: "/api/payh5", //仅为示例，并非真实的接口地址
+      // url: "https://pay.hackrobot.cn/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&nbsp;&nbsp;&nbsp; */}
+          异度星球
+        </View>
+        <View className="at-article__content">
+          <View className="at-article__section">
+            <View className="at-article__h2">活动介绍</View>
+            <View className="at-article__h3">| 📣coffeechat</View>
+            <View className="at-article__p">
+              本活动是个人基于coffeechat的另一种形式,由于很多小伙伴1V1交流会紧张,提议旁听,所以组织小型的沙龙(6人),自由交流
+            </View>
+            <br />
+            <View className="at-article__h3">| 📋时间地点</View>
+            <View className="at-article__p">
+              本沙龙不会与商业场地进行合作
+              <br />
+              1️⃣地点:龙华区-红山地铁口-民宿
+              <br />
+              2️⃣6人成行
+              <br />
+              3️⃣不固定日期
+            </View>
+            <br />
+            <View className="at-article__h3">| ❌非商业,非盈利性质</View>
+            <View className="at-article__p">
+              🚫禁止营销推广
+              <br />
+              🚫标榜:"留学海归""博士硕士""大咖大V""大厂"等
+              <br />
+              声明:"一人公司","自由职业","副业",有很多组织,或者个人,会举办专题的活动,以及"高端XX局",固定周期,流程体系化,并以此盈利.{" "}
+              <br />
+              本沙龙不属于此类
+              <br />
+              ✅欢迎普通人,请对"职业/学历/成就"--祛魅
+              <br />
+              💰价格29元/人 (场地成本)
+            </View>
+            <br />
+            {meetup == 1 ? (
+              <View className="at-article__h3">| ☕已报名,请添加好友</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={nomadvloglife}
+                />
+              </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 ? "已报名" : `立即报名`}
+      </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;