Files
gitlab-instance-0a899031_yi…/src/pages/my/index.jsx
2024-03-25 01:17:01 +08:00

95 lines
2.7 KiB
JavaScript

import { View, Text, Image, Button, Icon } from "@tarojs/components";
import { useLoad } from "@tarojs/taro";
import Taro from "@tarojs/taro";
import {
AtAvatar,
AtTag,
AtIcon,
AtTabBar,
AtButton,
AtAccordion,
AtList,
AtListItem,
} from "taro-ui";
import "./index.scss";
import beijing from "@/images/city/beijing.jpg";
import guangzhou from "@/images/city/guangzhou.jpg";
import shanghai from "@/images/city/shanghai.jpg";
import shenzhen from "@/images/city/shenzhen.jpg";
import touxiang from "@/images/index/touxiang.jpg";
import TabbarCom from "@/componments/TabbarCom";
import { useEffect, useState } from "react";
const my = () => {
const [open, setopen] = useState(false);
const [localuserInfo, setlocaluserInfo] = useState(
Taro.getStorageSync("userInfo")
);
useEffect(() => {
// 获取路由参数
const params = Taro.getCurrentInstance().router.params;
console.log("params", params);
}, []);
const handleClick = (value) => {
setopen(true);
};
return (
<View className="my">
<View className="myContent">
<View className="myHeader">
{/* 头像 */}
<AtAvatar
circle
image={localuserInfo?.smallhead ?? touxiang}
></AtAvatar>
<View>
<AtTag size="small">{localuserInfo?.nickname??星球新居民}</AtTag>
{/* <AtTag size="small">女</AtTag> */}
</View>
</View>
{/* 列表 */}
<View className="mylist">
<AtListItem
title="我参加的"
arrow="right"
thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
/>
<AtListItem
title="更新日志"
// note="描述信息"
arrow="right"
thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png"
onClick={() => {
// 跳转到目的页面,打开新页面
Taro.navigateTo({
url: "/pages/my/componments/Log/index",
});
}}
/>
<AtListItem
title="联系客服"
// note="描述信息"
// extraText="详细信息"
arrow="right"
thumb="http://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png"
/>
</View>
{/* 个人客服 */}
{/* <View className="wechat">
<Button open-type="contact" className="wecahtBtn">
联系客服
</Button>
</View> */}
</View>
{/* 底部tabbar */}
<TabbarCom active={1} />
</View>
);
};
export default my;