Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
tswj
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2022-05-15 12:23:06 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
75db1ba32d3faa84cf174c9166008bc5e0ba7aea
75db1ba3
1 parent
45477ee6
fix 样式调整,新增缺省幼儿园图片
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
47 additions
and
20 deletions
src/assets/images/que-logo@2x.png
src/components/RightSideList/index.vue
src/views/business/index.vue
src/views/business/me.vue
src/assets/images/que-logo@2x.png
0 → 100644
View file @
75db1ba
3.91 KB
src/components/RightSideList/index.vue
View file @
75db1ba
<template>
<div class="wrapper">
<div style="width: 4rem; height: 4rem; border-radius: 50%; background-color: #FFF; position: absolute;
left: -2rem;">
<van-image
class="van-hairline--surround"
round
width="3.8rem"
height="3.8rem"
lazy-load
:src="avatar"
style="position: absolute; left: 0.1rem; top: 0.1rem;"
>
<div class="w-image">
<van-image v-if="avatar" class="van-hairline--surround" round width="3.8rem" height="3.8rem" lazy-load :src="avatar" style="position: absolute; left: 0.1rem; top: 0.1rem;" >
<template v-slot:error>加载失败</template>
</van-image>
<van-image v-else class="van-hairline--surround" round width="3.8rem" height="3.8rem" lazy-load :src="icon_avatar" style="position: absolute; left: 0.1rem; top: 0.1rem;" >
<template v-slot:error>加载失败</template>
</van-image>
</div>
...
...
@@ -24,6 +18,8 @@
</template>
<script setup>
import icon_avatar from '@images/que-logo@2x.png'
import { ref, reactive, onMounted } from 'vue'
const props = defineProps({
avatar: String
...
...
@@ -63,6 +59,14 @@ export default {
margin-left: 4rem;
height: 4rem;
box-shadow: 0px 0px 4px 0px rgba(73, 156, 255, 0.2);
.w-image {
width: 4rem;
height: 4rem;
border-radius: 50%;
background-color: #FFF;
position: absolute;
left: -2rem;
}
.text-wrapper {
height: 100%;
text-align: left;
...
...
src/views/business/index.vue
View file @
75db1ba
...
...
@@ -19,21 +19,33 @@
<div class="summary">
<div class="ding left"></div>
<div class="wrapper">
<div class="content-box"
style=""
>
<div class="content-box">
<van-row class="van-hairline--bottom">
<van-col span="12" class="van-hairline--right">
<div class="text-box"><span class="text">视频上传</span> {{ kgInfo.mission_num }}<span style="color: #888888;">/{{ kgInfo.mission_target }}</span></div>
<div class="text-box">
<span class="text">视频上传</span>
<span class="number"> {{ kgInfo.mission_num }}<span style="color: #888888;">/{{ kgInfo.mission_target }}</span></span>
</div>
</van-col>
<van-col span="12">
<div class="text-box"><span class="text">作品总数</span> {{ kgInfo.prod_num }}</div>
<div class="text-box">
<span class="text">作品总数</span>
<span class="number"> {{ kgInfo.prod_num }}</span>
</div>
</van-col>
</van-row>
<van-row>
<van-col span="12" class="van-hairline--right">
<div class="text-box"><span class="text">捐书金额</span> ¥ {{ kgInfo.donate_amt }}</div>
<div class="text-box">
<span class="text">捐书金额</span>
<span class="number"> ¥ {{ kgInfo.donate_amt }}</span>
</div>
</van-col>
<van-col span="12">
<div class="text-box"><span class="text">参与人数</span> {{ kgInfo.perf_num }}</div>
<div class="text-box">
<span class="text">参与人数</span>
<span class="number"> {{ kgInfo.perf_num }}</span>
</div>
</van-col>
</van-row>
</div>
...
...
@@ -63,7 +75,7 @@
</template>
<script setup>
import icon_avatar from '@images/que-
touxiang
@2x.png'
import icon_avatar from '@images/que-
logo
@2x.png'
import icon_book from '@images/shu@2x.png'
import BookCard from '@/components/BookCard/index.vue'
...
...
@@ -152,9 +164,18 @@ export default {
text-align: center;
color: #713610;
.text-box {
padding: 1.5rem 1rem;
padding: 1.5rem 2rem;
overflow: auto;
.text {
color: #222222; border-bottom: 2px solid #F9D95C; font-size: 0.85rem;
color: #222222;
border-bottom: 2px solid #F9D95C;
font-size: 0.85rem;
display: inline-block;
float: left;
}
.number {
display: inline-block;
float: right;
}
}
}
...
...
src/views/business/me.vue
View file @
75db1ba
<template>
<div style="background: linear-gradient(310deg, #FDD347 0%, #FFED6D 100%); padding: 1rem; text-align: center;">
<van-image round width="4rem" height="4rem" :src="myKgInfo.logo" />
<van-image v-if="myKgInfo.logo" round width="4rem" height="4rem" :src="myKgInfo.logo" />
<van-image v-else round width="4rem" height="4rem" :src="icon_avatar" />
<p style="margin-top: 1rem; font-size: 1.05rem; font-weight: bold;">{{ myKgInfo.name }}</p>
</div>
<template v-for="(item, key) in itemList" :key="key">
...
...
@@ -20,6 +21,7 @@
<script setup>
import ShortcutFixed from '@/components/ShortcutFixed/index.vue'
import icon_avatar from '@images/que-logo@2x.png'
import { ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
...
...
Please
register
or
login
to post a comment