xinelu-applet-ui/pages/myinformation/myinformation.vue
2023-09-20 13:52:08 +08:00

173 lines
3.7 KiB
Vue

<template>
<view class="app">
<view class="topbanner">
<view class="title">
我的
</view>
<image src="../../static/pages/userbanner.png" mode="" class="userbanner"></image>
<image src="../../static/headsculpture.png" mode="" class="headsculpture"></image>
<view class="namesigning">
<span class="name">
张三
</span>
<view class="signing">
未签约
</view>
</view>
<view class="phone">
17869283647
</view>
<view class="switch btn">
切换家庭成员
</view>
<view class="manage btn" @click="gomanagefamily">
管理家庭成员
</view>
<view class="Threecategories">
<view class="item">
<view class="number">
0
</view>
<view class="text">
行为积分
</view>
</view>
<view class="item">
<view class="number">
0
</view>
<view class="text">
健康豆
</view>
</view>
<view class="item" @tap='gocoupon'>
<view class="number">
0
</view>
<view class="text">
优惠券
</view>
</view>
</view>
</view>
<view class="myorder">
<view class="title">
我的订单
</view>
<view class="righttitle">
查看全部
<image src="../../static/huijiantou.png" mode=""></image>
</view>
<view class="orderStatus">
<view class="item">
<image src="../../static/pages/daifukuan.png" mode=""></image>
<view class="text">
待付款
</view>
</view>
<view class="item">
<image src="../../static/pages/daishouhuo.png" mode=""></image>
<view class="text">
待收货
</view>
</view>
<view class="item">
<image src="../../static/pages/daipingjia.png" mode=""></image>
<view class="text">
待评价
</view>
</view>
<view class="item">
<image src="../../static/pages/yiwancheng.png" mode=""></image>
<view class="text">
已完成
</view>
</view>
</view>
</view>
<view class="myorder">
<view class="title">
常用功能
</view>
<view class="orderStatus">
<view class="item">
<image src="../../static/pages/jiankangdangan.png" mode=""></image>
<view class="text">
健康档案
</view>
</view>
<view class="item">
<image src="../../static/pages/wodeyuyue.png" mode=""></image>
<view class="text">
我的预约
</view>
</view>
<view class="item">
<image src="../../static/pages/fuwupingjia.png" mode=""></image>
<view class="text">
服务评价
</view>
</view>
<view class="item"></view>
</view>
</view>
<view class="myorder titles">
<view class="title">
护理服务订单
</view>
<view class="righttitle">
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="myorder titles">
<view class="title">
专家咨询订单
</view>
<view class="righttitle">
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="myorder titles">
<view class="title">
签约信息
</view>
<view class="righttitle">
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="myorder titles">
<view class="title">
退出登录
</view>
<view class="righttitle">
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
gomanagefamily() {
uni.navigateTo({
url: '/pagesB/managefamily/managefamily'
})
},
gocoupon() {
uni.navigateTo({
url: '/pagesB/coupon/coupon'
})
},
}
}
</script>
<style lang="scss">
@import './myinformation.scss'
</style>