Skip to content

B
bigwood
Commit 8e1f1f17 authored by youjie's avatar youjie
Browse files
Options

no message

parent 053bfb1d
Hide whitespace changes
Inline Side-by-side
Showing with 25 additions and 18 deletions
src/pages/personal/personal.vue
View file @ 8e1f1f17
......@@ -2,36 +2,43 @@
<div class="fix-height-subpage column no-wrap items-center q-pa-md">
<div class="bg-white q-pa-lg borounded-borders"
:style="{'width':$q.platform.is.desktop?'840px':'100%'}">
<div class="row items-start q-py-lg">
<q-avatar size="160px" rounded class="personal-HeadImg reactive bg-blue-2 cursor-pointer q-mr-md">
<img src="../../assets/images/8.png" />
<!-- <span class="text-primary">小</span> -->
<n-upload class="col"
:loading="loading"
:action="importFileUrl"
@finish="handleFinish"
@change="uploadHandleChange" file-list-style="display:none">
<q-icon class="absolute personal-HeadImg-edit bg-white q-pa-xs" name="edit" size="xs"></q-icon>
</n-upload>
<div class="items-start" :class="{'row':$q.platform.is.desktop,'q-py-lg':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
<div class="row" :class="{'justify-center':$q.platform.is.mobile,'items-center':$q.platform.is.mobile}"
:style="{'width':$q.platform.is.mobile?'100%':''}">
<q-avatar :size="$q.platform.is.desktop?'160px':'100px'" rounded class="personal-HeadImg reactive bg-blue-2 cursor-pointer q-mr-lg">
<img src="../../assets/images/8.png" />
<!-- <span class="text-primary">小</span> -->
<n-upload class="col"
:loading="loading"
:action="importFileUrl"
@finish="handleFinish"
@change="uploadHandleChange" file-list-style="display:none">
<q-icon class="absolute personal-HeadImg-edit bg-white q-pa-xs" name="edit" size="xs"></q-icon>
</n-upload>
</q-avatar>
<div class="column q-ml-lg" style="flex-grow: 1;">
</div>
<div class="column" :style="{'flex-grow': $q.platform.is.desktop?1:'','width': $q.platform.is.desktop?'':'100%'}" :class="{'q-mt-lg':$q.platform.is.mobile}">
<div class="row justify-between">
<div class="column rounded-borders q-px-lg q-py-sm personal-data" style="flex: 1;">
<div class="row items-center">
<div class="column rounded-borders personal-data" :class="{'q-px-lg':$q.platform.is.desktop,'q-py-sm':$q.platform.is.desktop,'q-px-xs':$q.platform.is.mobile,'q-py-xs':$q.platform.is.mobile,}"
style="flex:1;flex-shrink: 0;">
<div class="row no-wrap items-center">
<q-icon class="text-positive" name="arrow_upward"></q-icon>
<span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span>
</div>
<div class="text-grey-13">{{$t('personal.trading')}}</div>
</div>
<div class="column rounded-borders q-px-lg q-py-sm q-ml-lg q-mr-lg personal-data" style="flex: 1;">
<div class="row items-center">
<div class="column rounded-borders personal-data"
:class="{'q-px-lg':$q.platform.is.desktop,'q-py-sm':$q.platform.is.desktop,'q-px-xs':$q.platform.is.mobile,'q-py-xs':$q.platform.is.mobile,'q-mx-lg':$q.platform.is.desktop,'q-mx-sm':$q.platform.is.mobile}"
style="flex:1;flex-shrink: 0;">
<div class="row no-wrap items-center">
<q-icon class="text-red-14" name="arrow_downward"></q-icon>
<span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span>
</div>
<div class="text-grey-13">{{$t('personal.order')}}</div>
</div>
<div class="column rounded-borders q-px-lg q-py-sm personal-data" style="flex: 1;">
<div class="row items-center">
<div class="column rounded-borders personal-data" :class="{'q-px-lg':$q.platform.is.desktop,'q-py-sm':$q.platform.is.desktop,'q-px-xs':$q.platform.is.mobile,'q-py-xs':$q.platform.is.mobile,}"
style="flex:1;flex-shrink: 0;">
<div class="row no-wrap items-center">
<q-icon class="text-positive" name="arrow_upward"></q-icon>
<span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment