|
@@ -1,45 +1,70 @@
|
|
|
<template>
|
|
|
- <view class="content">
|
|
|
- <view style="height: 190px;background-color: bisque;"></view>
|
|
|
- <!-- leftTitle:标题 icon:左边图标 @click:点击事件 -->
|
|
|
- <cc-wxMenuBtn leftTitle="我的报名" icon="../../static/image/add.png" @click="goFunctionClick(0)"></cc-wxMenuBtn>
|
|
|
- <cc-wxMenuBtn leftTitle="我的交易" icon="../../static/image/add.png" @click="goFunctionClick(1)"></cc-wxMenuBtn>
|
|
|
- <cc-wxMenuBtn leftTitle="我的兑换" icon="../../static/image/add.png" @click="goFunctionClick(1)"></cc-wxMenuBtn>
|
|
|
- <cc-wxMenuBtn leftTitle="我的资料" icon="../../static/image/add.png" @click="goFunctionClick(3)"></cc-wxMenuBtn>
|
|
|
-
|
|
|
- </view>
|
|
|
+ <view class="content">
|
|
|
+ <view style="margin:80rpx auto; text-align: center;">
|
|
|
+ <image class="avatar" src="../../static/image/head.png" mode="aspectFit"></image>
|
|
|
+ <view>{{userInfo.nickName }}</view>
|
|
|
+ <view>{{userInfo.userName }}</view>
|
|
|
+ </view>
|
|
|
+ <!-- leftTitle:标题 icon:左边图标 @click:点击事件 -->
|
|
|
+<!-- <cc-wxMenuBtn leftTitle="我的报名" icon="../../static/image/add.png" @click="goFunctionClick(0)"></cc-wxMenuBtn>
|
|
|
+ <cc-wxMenuBtn leftTitle="我的交易" icon="../../static/image/add.png" @click="goFunctionClick(1)"></cc-wxMenuBtn>
|
|
|
+ <cc-wxMenuBtn leftTitle="我的兑换" icon="../../static/image/add.png" @click="goFunctionClick(1)"></cc-wxMenuBtn>
|
|
|
+ <cc-wxMenuBtn leftTitle="我的资料" icon="../../static/image/add.png" @click="goFunctionClick(3)"></cc-wxMenuBtn> -->
|
|
|
+ <view class="bottomButton">
|
|
|
+ <button type="primary" size="mini" @click="loginOut">解除绑定</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ userInfo: {},
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {},
|
|
|
+ onLoad(options) {
|
|
|
+ this.userInfo = uni.getStorageSync('userInfo')
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ goFunctionClick(flag) {
|
|
|
|
|
|
- }
|
|
|
+ console.log("点击的功能菜单 = " + flag);
|
|
|
+ uni.showModal({
|
|
|
+ title: '温馨提示',
|
|
|
+ content: '我点击的是第' + (flag + 1) + '个功能菜单'
|
|
|
+ })
|
|
|
+ }
|
|
|
|
|
|
- },
|
|
|
- computed: {},
|
|
|
- onLoad: function(options) {
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .avatar {
|
|
|
+ height: 120rpx;
|
|
|
+ width: 120rpx;
|
|
|
+ }
|
|
|
|
|
|
- },
|
|
|
- methods: {
|
|
|
- goFunctionClick(flag) {
|
|
|
+ .content {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
|
|
|
- console.log("点击的功能菜单 = " + flag);
|
|
|
- uni.showModal({
|
|
|
- title: '温馨提示',
|
|
|
- content: '我点击的是第' + (flag + 1) + '个功能菜单'
|
|
|
- })
|
|
|
- }
|
|
|
+ .bottomButton {
|
|
|
+ height: 140rpx;
|
|
|
+ width: 60%;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-<style scoped>
|
|
|
- .content {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
+ button {
|
|
|
+ width: 40%;
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
+ button+button {
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|