Commit 659af81c authored by Zhang Xiaojie's avatar Zhang Xiaojie

update UI: activity,mine_aboutMe

parent 855e55d7
src/assets/img/activity_bg.png

60.7 KB | W: | H:

src/assets/img/activity_bg.png

66.3 KB | W: | H:

src/assets/img/activity_bg.png
src/assets/img/activity_bg.png
src/assets/img/activity_bg.png
src/assets/img/activity_bg.png
  • 2-up
  • Swipe
  • Onion skin
<template> <template>
<div> <div>
<div class="text-xs text-gray-400 text-center pb-2"> <div class="text-xs text-gray-400 text-center mt-5 ">
{{ timestampFormat(created_at) }} {{ timestampFormat(created_at) }}
</div> </div>
<img :src="src" class="mb-5 w-83 h-22 object-cover object-center" /> <div class="text-center mt-2">
<img :src="src" class="w-83 h-22 object-cover object-center inline-block" />
</div>
</div> </div>
</template> </template>
......
...@@ -4,9 +4,8 @@ ...@@ -4,9 +4,8 @@
:style="{ background: '#0081F7 !important', color: 'white' }" :style="{ background: '#0081F7 !important', color: 'white' }"
iconColor="white" iconColor="white"
/> />
<div class="w-full -mt-16 relative"> <div class=" -mt-5">
<img src="../../assets/img/activity_bg.png" class="w-full -mt-16" /> <img src="../../assets/img/activity_bg.png" class=" w-full"/>
<p class=" text-lg text-white absolute top-40 left-0 right-0 mx-auto text-center">等您来了解</p>
</div> </div>
<!-- 活动列表 --> <!-- 活动列表 -->
<van-list <van-list
...@@ -16,7 +15,7 @@ ...@@ -16,7 +15,7 @@
:immediate-check="false" :immediate-check="false"
@load="onLoad" @load="onLoad"
> >
<div class="p-5"> <div class="px-5">
<Skeleton :loading="skeLoading" :row="3" class="mt-2"> <Skeleton :loading="skeLoading" :row="3" class="mt-2">
<card <card
v-for="activity in activityList" v-for="activity in activityList"
......
...@@ -37,8 +37,9 @@ ...@@ -37,8 +37,9 @@
@click="$router.push({ name: 'ActivityList' })" @click="$router.push({ name: 'ActivityList' })"
/> />
<Skeleton :loading="skeLoading" :row="3" class="mt-2"> <Skeleton :loading="skeLoading" :row="3" class="mt-2">
<div class="mx-5 mt-5 text-center">
<img <img
class="mx-auto mt-5 w-83 h-22 object-cover object-center rounded-lg" class="w-83 h-22 object-cover object-center rounded-lg inline-block"
:src="src" :src="src"
v-if="src" v-if="src"
@click=" @click="
...@@ -48,6 +49,7 @@ ...@@ -48,6 +49,7 @@
}) })
" "
/> />
</div>
</Skeleton> </Skeleton>
<group-title class="mt-7" v-if="hotNews" title="热门资讯" @click="$router.push('News')" /> <group-title class="mt-7" v-if="hotNews" title="热门资讯" @click="$router.push('News')" />
<HotNews v-for="n in hotNews" :key="n.uuid" :info="n" /> <HotNews v-for="n in hotNews" :key="n.uuid" :info="n" />
......
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