Skip to content

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

no message

parent 053bfb1d
Show whitespace changes
Inline Side-by-side
Showing with 25 additions and 18 deletions
src/pages/personal/personal.vue
View file @ 8e1f1f17
...@@ -2,8 +2,10 @@ ...@@ -2,8 +2,10 @@
<div class="fix-height-subpage column no-wrap items-center q-pa-md"> <div class="fix-height-subpage column no-wrap items-center q-pa-md">
<div class="bg-white q-pa-lg borounded-borders" <div class="bg-white q-pa-lg borounded-borders"
:style="{'width':$q.platform.is.desktop?'840px':'100%'}"> :style="{'width':$q.platform.is.desktop?'840px':'100%'}">
<div class="row items-start q-py-lg"> <div class="items-start" :class="{'row':$q.platform.is.desktop,'q-py-lg':$q.platform.is.desktop,'column':$q.platform.is.mobile}">
<q-avatar size="160px" rounded class="personal-HeadImg reactive bg-blue-2 cursor-pointer q-mr-md"> <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" /> <img src="../../assets/images/8.png" />
<!-- <span class="text-primary">小</span> --> <!-- <span class="text-primary">小</span> -->
<n-upload class="col" <n-upload class="col"
...@@ -14,24 +16,29 @@ ...@@ -14,24 +16,29 @@
<q-icon class="absolute personal-HeadImg-edit bg-white q-pa-xs" name="edit" size="xs"></q-icon> <q-icon class="absolute personal-HeadImg-edit bg-white q-pa-xs" name="edit" size="xs"></q-icon>
</n-upload> </n-upload>
</q-avatar> </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="row justify-between">
<div class="column rounded-borders q-px-lg q-py-sm personal-data" style="flex: 1;"> <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,}"
<div class="row items-center"> style="flex:1;flex-shrink: 0;">
<div class="row no-wrap items-center">
<q-icon class="text-positive" name="arrow_upward"></q-icon> <q-icon class="text-positive" name="arrow_upward"></q-icon>
<span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span> <span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span>
</div> </div>
<div class="text-grey-13">{{$t('personal.trading')}}</div> <div class="text-grey-13">{{$t('personal.trading')}}</div>
</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="column rounded-borders personal-data"
<div class="row items-center"> :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> <q-icon class="text-red-14" name="arrow_downward"></q-icon>
<span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span> <span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span>
</div> </div>
<div class="text-grey-13">{{$t('personal.order')}}</div> <div class="text-grey-13">{{$t('personal.order')}}</div>
</div> </div>
<div class="column rounded-borders q-px-lg q-py-sm personal-data" style="flex: 1;"> <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,}"
<div class="row items-center"> style="flex:1;flex-shrink: 0;">
<div class="row no-wrap items-center">
<q-icon class="text-positive" name="arrow_upward"></q-icon> <q-icon class="text-positive" name="arrow_upward"></q-icon>
<span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span> <span class="text-weight-bold text-h6 q-ml-sm">¥23.0</span>
</div> </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