71 lines
1.2 KiB
Vue
71 lines
1.2 KiB
Vue
<template>
|
|
<view class="app">
|
|
<view class="cards">
|
|
<view class="item" style="background-color: #9E4DD0;" @tap='gouser'>
|
|
<image src="../../static/user.png" mode=""></image>
|
|
<view class="title">
|
|
个人信息
|
|
</view>
|
|
</view>
|
|
<view class=" item" style="background-color: #E1AE3C ;" @tap='goorder'>
|
|
<image src="../../static/dingdan.png" mode=""></image>
|
|
<view class="title">
|
|
我的订单
|
|
</view>
|
|
</view>
|
|
<view class="item" style="background-color: #00C176 ;">
|
|
<image src="../../static/home.png" mode=""></image>
|
|
<view class="title" style="font-size: 42rpx;">
|
|
我的家庭
|
|
</view>
|
|
</view>
|
|
<view class="item">
|
|
</view>
|
|
<view class="item">
|
|
</view>
|
|
<view class="item">
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
goorder() {
|
|
uni.navigateTo({
|
|
url: '/pages/order/order'
|
|
})
|
|
},
|
|
//跳转个人信息页面
|
|
gouser() {
|
|
uni.navigateTo({
|
|
url: '/pages/user/user'
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.app {
|
|
|
|
.cards {
|
|
height: 82vh;
|
|
padding: 22px 0 20px 0;
|
|
|
|
.item {
|
|
height: 295rpx;
|
|
|
|
.title {
|
|
width: 80%;
|
|
top: 60%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|