96 lines
2.7 KiB
JavaScript
96 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 handleClick = (value) => {
|
|
setopen(true);
|
|
};
|
|
return (
|
|
<View className="my">
|
|
<View className="myContent">
|
|
<View className="myHeader">
|
|
{/* 头像 */}
|
|
<AtAvatar circle image={touxiang}></AtAvatar>
|
|
<View>
|
|
<AtTag size="small">昵称</AtTag>
|
|
<AtTag size="small">女</AtTag>
|
|
</View>
|
|
</View>
|
|
|
|
{/* 列表 */}
|
|
<View className="mylist">
|
|
<AtListItem
|
|
title="标题文字1"
|
|
arrow="right"
|
|
thumb="https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png"
|
|
/>
|
|
<AtListItem
|
|
title="标题文字2"
|
|
// note="描述信息"
|
|
arrow="right"
|
|
thumb="http://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png"
|
|
/>
|
|
<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 */}
|
|
{/* <View className="tabbbar">
|
|
<AtTabBar
|
|
tabList={[
|
|
{ title: "首页", iconType: "home" }, //, text: "new"
|
|
// { title: "活动", iconType: "camera" },
|
|
{ title: "我的", iconType: "user" }, //, text: "100", max: 99
|
|
]}
|
|
onClick={(current) => {
|
|
console.log("current", current);
|
|
if (current !== 1) {
|
|
Taro.redirectTo({
|
|
url: "/pages/index/index",
|
|
});
|
|
}
|
|
}}
|
|
current={1}
|
|
/>
|
|
</View> */}
|
|
<TabbarCom active={1} />
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default my;
|