219 lines
9.2 KiB
Vue
219 lines
9.2 KiB
Vue
<template>
|
|
<view class="topbg" @tap="gourl" data-url="../index"></view>
|
|
<view :style="{height:header_statusbar_height+'px'}"></view>
|
|
<view style="padding-top:1em;">
|
|
<view class="avartop">
|
|
<image :src="file_stor(me.icon?me.icon:'/avar/1.png')" mode="scaleToFill" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="maincard" style="margin-top: -2.5em;">
|
|
<view class="flex flex-center">
|
|
<view class="nick" @tap="gourl" data-url="$/pages/me/user_info">{{me.name?me.name:'登录/注册'}}</view>
|
|
<view class="icon zy" style="margin-left:1em;" v-if="showbalance" @tap="getbalance(2)"></view>
|
|
<view class="icon by" style="margin-left:1em;" v-else @tap="getbalance(1)"></view>
|
|
</view>
|
|
<view class="usrnum">
|
|
<view>
|
|
<view class="num" v-if="showbalance">
|
|
<ciy-shownum :value="me.money" unit=",100,2|万,1000000,3|亿,10000000000,3"></ciy-shownum>
|
|
</view>
|
|
<view class="num" v-else>---</view>
|
|
<view class="tit" data-url="$/pages/xx/me_cash" @tap="gourl">钱包</view>
|
|
</view>
|
|
<view>
|
|
<view class="num" v-if="showbalance">
|
|
<ciy-shownum :value="me.mypnt" unit=",1,0|万,10000,2|亿,100000000,2"></ciy-shownum>
|
|
</view>
|
|
<view class="num" v-else>---</view>
|
|
<view class="tit" data-url="$/pages/xx/me_pnt" @tap="gourl">积分</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="maincard">
|
|
<view class="ciy-grid">
|
|
<view class="grid">
|
|
<view class="icon">
|
|
<ciy-svgimg :src="ciysvg"></ciy-svgimg>
|
|
</view>
|
|
<view class="name">图标名称</view>
|
|
</view>
|
|
<view class="grid">
|
|
<view class="icon">
|
|
<ciy-svgimg src="/img/demo.svg"></ciy-svgimg>
|
|
</view>
|
|
<view class="name">图标名称</view>
|
|
</view>
|
|
<view class="grid">
|
|
<view class="icon">
|
|
<ciy-svgimg src="/img/face.png"></ciy-svgimg>
|
|
</view>
|
|
<view class="name">图标名称</view>
|
|
</view>
|
|
<view class="grid">
|
|
<view class="icon">
|
|
<ciy-svgimg :src="ciysvg"></ciy-svgimg>
|
|
</view>
|
|
<view class="name">图标名称</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view style="margin:1em;border-radius: 0.5em;overflow: hidden;border:1px solid var(--bg6);">
|
|
<ciy-swipelist title="我的消息" right="通知" reddot="13"></ciy-swipelist>
|
|
<ciy-swipelist title="修改密码" @tap="gourl" data-url="/pages/xx/chgpass" noborder more></ciy-swipelist>
|
|
</view>
|
|
<ciy-swipelist title="绑定手机号" right="131222200**" style="border-top:1px solid var(--bg6);"></ciy-swipelist>
|
|
<ciy-swipelist title="修改密码" @tap="gourl" data-url="/pages/xx/chgpass" more></ciy-swipelist>
|
|
<ciy-swipelist title="版本号" @tap="upver" :right="version"></ciy-swipelist>
|
|
<ciy-swipelist title="重新登录" @tap="relogin" more></ciy-swipelist>
|
|
<ciy-swipelist title="退出" @tap="logout" more></ciy-swipelist>
|
|
<ciy-tabbar ref="tabbar"></ciy-tabbar>
|
|
</template>
|
|
|
|
<style>
|
|
.topbg {
|
|
height: 10em;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.topbg::before {
|
|
content: '';
|
|
left: -5em;
|
|
right: -5em;
|
|
border-radius: 0 0 100vw 100vw;
|
|
height: 100%;
|
|
background: linear-gradient(60deg, var(--e-userbg1), var(--e-userbg2));
|
|
position: absolute;
|
|
top: 0;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
}
|
|
|
|
.avartop {
|
|
position: relative;
|
|
display: flex;
|
|
margin: 0 0 0 1.5em;
|
|
width: 5em;
|
|
height: 5em;
|
|
border-radius: 50%;
|
|
background: var(--bg2);
|
|
border: 2px solid var(--bg1);
|
|
overflow: hidden;
|
|
z-index: 3;
|
|
}
|
|
|
|
.avartop>image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.maincard {
|
|
position: relative;
|
|
background: var(--bg1);
|
|
color: var(--txt6);
|
|
min-height: 7em;
|
|
padding: 0.5em;
|
|
margin: 0 1em 1em 1em;
|
|
border-radius: 0.3em;
|
|
box-shadow: 0 4px 8px var(--bg6);
|
|
|
|
}
|
|
|
|
.maincard .nick {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
padding-left: 4.5em;
|
|
}
|
|
|
|
.usrnum {
|
|
padding-top: 1em;
|
|
padding-bottom: 0.5em;
|
|
display: flex;
|
|
}
|
|
|
|
.usrnum>view {
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.usrnum .num {
|
|
height: 2.5rem;
|
|
padding-top: 0.2rem;
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
.usrnum .tit {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.icon {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
}
|
|
|
|
.icon.by {
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkyNi4wMzM5MiAzMzkuODcwNzJjLTkuODY2MjQgMC0xOS4xNjkyOCA0LjE0MjA4LTI2LjE3ODU2IDExLjA4NDgtMTQuMDkwMjQgMTMuOTQ2ODgtMzkuNDQ0NDggMzAuOTQwMTYtNzkuODU2NjQgNDcuMjc4MDgtNzkuODYxNzYgMzIuMjg2NzItMTkyLjEyMjg4IDUwLjgwMDY0LTMwNy45OTM2IDUwLjgwMDY0cy0yMjguMTM2OTYtMTguNTEzOTItMzA3Ljk5MzYtNTAuODAwNjRjLTQwLjQxMjE2LTE2LjMzNzkyLTY1Ljc2NjQtMzMuMzMxMi03OS44NTY2NC00Ny4yNzgwOC03LjAxNDQtNi45NDI3Mi0xNi4zMTIzMi0xMS4wNzk2OC0yNi4xNzg1Ni0xMS4wNzk2OC0zMy4wNTQ3MiAwLTQ4Ljk5ODQgNDAuMzU1ODQtMjQuOTg1NiA2My4wNzMyOCA3Mi44MzIgNjguODk0NzIgMjQxLjk3MTIgMTE3LjE3MTIgNDM5LjAxOTUyIDExNy4xNzEyczM2Ni4xODc1Mi00OC4yODE2IDQzOS4wMTk1Mi0xMTcuMTcxMmMyNC4wMDI1Ni0yMi43MjI1NiA4LjA1Mzc2LTYzLjA3ODQtMjQuOTk1ODQtNjMuMDc4NHoiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD48cGF0aCBkPSJNMzUzLjgzODA4IDY0Mi40MTE1MmwyMi45MjIyNC0xMzAuMDAxOTJhMzUuNTQ4MTYgMzUuNTQ4MTYgMCAwIDEgNzAuMDAwNjQgMTIuMzM5MmwtMjIuOTIyMjQgMTMwLjAwMTkyYTM1LjUzNzkyIDM1LjUzNzkyIDAgMSAxLTcwLjAwMDY0LTEyLjMzOTJ6TTYxMC4zMTQyNCA2NTQuNzU1ODRsLTIyLjkyMjI0LTEzMC4wMDE5MmEzNS41MzI4IDM1LjUzMjggMCAwIDEgMjguODMwNzItNDEuMTY5OTIgMzUuNTMyOCAzNS41MzI4IDAgMCAxIDQxLjE2OTkyIDI4LjgzMDcybDIyLjkyMjI0IDEzMC4wMDE5MmEzNS41NDgxNiAzNS41NDgxNiAwIDAgMS03MC4wMDA2NCAxMi4zMzkyek04NzguNzk2OCA1ODkuMzc4NTZsLTkzLjM0MjcyLTkzLjM0MjcyYTM1LjUzNzkyIDM1LjUzNzkyIDAgMSAxIDUwLjI2MzA0LTUwLjI2MzA0bDkzLjM0MjcyIDkzLjM0MjcyYTM1LjUzNzkyIDM1LjUzNzkyIDAgMSAxLTUwLjI2MzA0IDUwLjI2MzA0ek0xMDUuMDk4MjQgNTM5LjExNTUybDkzLjM0MjcyLTkzLjM0MjcyYTM1LjUzNzkyIDM1LjUzNzkyIDAgMSAxIDUwLjI2MzA0IDUwLjI2MzA0bC05My4zNDI3MiA5My4zNDI3MmEzNS41Mzc5MiAzNS41Mzc5MiAwIDEgMS01MC4yNjMwNC01MC4yNjMwNHoiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD48L3N2Zz4=");
|
|
}
|
|
|
|
.icon.zy {
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiAyODQuMTkwNzJjNzIuMzUwNzIgMCAxNjAuMTg5NDQgMzYuNTc3MjggMjQ3LjMzMTg0IDEwMi45ODg4IDY0LjY4NjA4IDQ5LjMwMDQ4IDEwOC4zMDg0OCA5OS4zNjg5NiAxMjYuMTc3MjggMTI1LjE3ODg4LTE3Ljg0MzIgMjUuNTIzMi02Mi4yOTUwNCA3NS42NDI4OC0xMjkuMzMxMiAxMjUuNjM0NTYtODguMDQ4NjQgNjUuNjY0LTE3NC43NjYwOCAxMDEuODIxNDQtMjQ0LjE3NzkyIDEwMS44MjE0NC03MC41MjggMC0xNTcuNjgwNjQtMzYuNTg3NTItMjQ1LjQwMTYtMTAzLjAyNDY0LTY1LjEzNjY0LTQ5LjMzMTItMTA5LjI2NTkyLTk5LjA5NzYtMTI3LjY3NzQ0LTEyNS4wNTA4OCAxOC4xMzUwNC0yNS45ODQgNjEuNTczMTItNzUuNjQ4IDEyNS43NTIzMi0xMjQuNTU5MzZDMzUxLjgxMDU2IDMyMC43NjI4OCA0MzkuNjQ5MjggMjg0LjE5MDcyIDUxMiAyODQuMTkwNzJtMC03MC44NzYxNmMtMjIwLjMyODk2IDAtNDUwLjU2IDI1MC41OTMyOC00NTAuNTYgMjk4LjY4NTQ0czIzNS4xODIwOCAyOTguNjg1NDQgNDUwLjU2IDI5OC42ODU0NGMyMTAuNDI2ODggMCA0NTAuNTYtMjQ1LjUyOTYgNDUwLjU2LTI5OC42ODU0NCAwLTQ4LjA5MjE2LTIzMC4yMzEwNC0yOTguNjg1NDQtNDUwLjU2LTI5OC42ODU0NHoiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD48cGF0aCBkPSJNNTEyIDQ0Ni4xODc1MmMzNi4yODU0NCAwIDY1LjgxMjQ4IDI5LjUyMTkyIDY1LjgxMjQ4IDY1LjgxMjQ4cy0yOS41MjcwNCA2NS44MTI0OC02NS44MTI0OCA2NS44MTI0OFM0NDYuMTg3NTIgNTQ4LjI5MDU2IDQ0Ni4xODc1MiA1MTIgNDc1LjcxNDU2IDQ0Ni4xODc1MiA1MTIgNDQ2LjE4NzUybTAtNzAuODc2MTZjLTc1LjQ4OTI4IDAtMTM2LjY4ODY0IDYxLjE5NDI0LTEzNi42ODg2NCAxMzYuNjg4NjRTNDM2LjUxMDcyIDY0OC42ODg2NCA1MTIgNjQ4LjY4ODY0czEzNi42ODg2NC02MS4xOTQyNCAxMzYuNjg4NjQtMTM2LjY4ODY0UzU4Ny40ODkyOCAzNzUuMzExMzYgNTEyIDM3NS4zMTEzNnoiIGZpbGw9IiM2NjY2NjYiPjwvcGF0aD48L3N2Zz4=");
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
version: '',
|
|
showbalance: false,
|
|
ciysvg: '<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M987.136 384.512C919.552 131.584 668.16-22.528 415.232 27.136c219.648-41.984 434.176 79.36 488.96 283.136 57.344 214.016-82.944 437.76-313.344 499.2-49.664 13.312-78.848 64-65.536 113.152 13.312 49.664 64 78.848 113.152 65.536 263.168-70.144 418.816-340.48 348.672-603.648zM116.224 713.216C58.88 499.2 199.68 275.456 430.08 214.016c49.664-13.312 78.848-64 65.536-113.152C482.816 51.2 432.128 21.504 382.464 34.816c-263.68 70.656-419.84 340.992-349.184 604.16 67.584 252.928 319.488 407.04 571.392 356.864-219.648 42.496-433.664-78.848-488.448-282.624z m93.184-203.776L291.84 449.536c44.544-32.256 90.112-32.256 133.12-0.512l83.456 60.928-149.504-230.4-149.504 229.888z m516.096-60.416L808.96 509.952l-149.504-229.888-149.504 229.376 82.432-59.904c44.544-32.256 90.112-32.256 133.12-0.512z m-366.08 291.84L441.856 680.96c44.544-32.256 90.112-32.256 133.12-0.512l83.456 60.928-149.504-230.4-149.504 229.888z" fill="#56a4ef"></path></svg>',
|
|
}
|
|
},
|
|
onLoad() {
|
|
var app = getApp();
|
|
this.version = app.globalData._version;
|
|
},
|
|
onShow() {
|
|
this.getinit();
|
|
},
|
|
methods: {
|
|
async getinit() {},
|
|
async getbalance(act) {
|
|
if (act == 2) {
|
|
this.showbalance = false;
|
|
return;
|
|
}
|
|
this._loading = true;
|
|
var retjson = await this.callfunc({
|
|
func: 'me.balance_get',
|
|
data: {}
|
|
});
|
|
this._loading = false;
|
|
if (retjson.code != 1)
|
|
return this.alert(retjson.errmsg);
|
|
this.showbalance = true;
|
|
this.me = this.objdeepmerge(this.me, retjson.user);
|
|
this.setstorage('me', this.me);
|
|
},
|
|
upver() {
|
|
var app = getApp();
|
|
app.appupdate('all', async verinfo => {
|
|
return await this.askmsg(verinfo, '更新') == 'ok';
|
|
});
|
|
},
|
|
relogin() {
|
|
this.getauth('relogin');
|
|
},
|
|
logout() {
|
|
this.removestorage('me');
|
|
this.me = {
|
|
id: 0
|
|
};
|
|
}
|
|
}
|
|
}
|
|
</script> |