's'

src/pages/index/index.jsx

@@ -25,6 +25,8 @@ import { AtIcon } from "taro-ui";
 import { VIEW } from "@tarojs/runtime";
 import "animate.css";
 import touxiang from "../../images/touxiang.png";
+import hackrobot from "../../images/hackrobot.png";
+
 import cat from "../../images/cat.jpg";
 import girl from "../../images/girl.jpg";
 
@@ -59,7 +61,7 @@ import book from "../../images/book.svg";
 import youtubesvg from "../../images/youtube.svg";
 // export default class Index extends Component {
 const Index = () => {
-   const [vip, setvip] = useState(window.localStorage.getItem("vip"));
+  const [vip, setvip] = useState(window.localStorage.getItem("vip"));
   const [current, setcurrent] = useState(0);
   const [openId, setopenId] = useState(null);
   const [wxid, setwxid] = useState(null);
@@ -428,7 +430,18 @@ const Index = () => {
                 >
                   加群
                 </AtButton>
-              ) : null}
+              ) : (
+                <View className="vipcode">
+                  <Image className="vipcodeImg" src={hackrobot}></Image>
+                  <View onClick={()=>{
+                    window.location.href = `https://memos.hackrobot.org`;
+                  }}>👉星球地址: memos.hackrobot.org</View>
+
+                  <View>添加<span style={{color:'green'}}>微信好友: hackrobot</span></View>
+                  <View>获取 账号</View>
+
+                </View>
+              )}
             </View>
           </View>
           <View className="index_book_img">

src/pages/index/index.scss

@@ -134,6 +134,9 @@
       }
 
       .left_btn {
+        // position: fixed;
+        // bottom: 10px;
+
         margin-top: 40px;
         // background-color: aqua;
         // display: none;
@@ -238,9 +241,8 @@
         justify-content: center;
         // height: 100%;
         // background-color: yellow;
-        .book_img{
+        .book_img {
           margin-bottom: 40px;
-
         }
       }
     }
@@ -309,3 +311,14 @@
   width: 100%;
   height: 60px;
 }
+
+.vipcode {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 30px;
+  .vipcodeImg {
+    width: 300px;
+    height: 300px;
+  }
+}