61 lines
1.1 KiB
Vue
61 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<view>
|
||
|
|
<u-navbar
|
||
|
|
class="u-navbar"
|
||
|
|
title="我的"
|
||
|
|
placeholder
|
||
|
|
@leftClick="leftClick"
|
||
|
|
leftIconColor="#fff"
|
||
|
|
bgColor="#00337A"
|
||
|
|
:titleStyle="{ color: '#FFF', fontSize: '32rpx' }"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<view class="header-user">
|
||
|
|
<view>庄周晓梦</view>
|
||
|
|
<view>15723623967</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="message-push">
|
||
|
|
<uni-icons type="email" size="30" style="color: #9da7b0; margin-right: 36rpx"></uni-icons>
|
||
|
|
短信推送
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<m-tabbar fixed fill :current="2" :tabbar="tabbar"></m-tabbar>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import TabbarConfig from '../util/tabbar'
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
tabbar: TabbarConfig
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.header-user {
|
||
|
|
padding: 60rpx 0 18rpx 60rpx;
|
||
|
|
background-color: #f2f6f9;
|
||
|
|
color: #003778;
|
||
|
|
|
||
|
|
view {
|
||
|
|
padding: 8rpx 0;
|
||
|
|
font-size: 30rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.message-push {
|
||
|
|
margin-top: 24rpx;
|
||
|
|
padding-left: 60rpx;
|
||
|
|
padding: 30rpx 0 30rpx 60rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #f2f6f9;
|
||
|
|
color: #9da7b0;
|
||
|
|
font-size: 28rpx;
|
||
|
|
}
|
||
|
|
</style>
|