From 7b98c8999087b7551d2e2e32daf12dd10a0d9713 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 18 Feb 2022 18:55:42 +0800 Subject: [PATCH] 日志详情加锁页 --- src/components/mini/box-friend.vue | 30 +++++++++++++++++++----------- 1 files changed, 19 insertions(+), 11 deletions(-) diff --git a/src/components/mini/box-friend.vue b/src/components/mini/box-friend.vue index c570349..8b33ff5 100644 --- a/src/components/mini/box-friend.vue +++ b/src/components/mini/box-friend.vue @@ -3,18 +3,19 @@ <div v-for="temp in list"> <h1>{{temp.groupName}}</h1> <hr> - <div class="link-box" > + <div class="link-box"> <!-- <a href="#" target="_blank" class="no-underline"> --> + <a :href="listTemp.url" target="_blank" class="no-underline" v-for="listTemp in temp.linkVoList"> - <div class="thumb"> - <img width="200" height="200" - :src="listTemp.avatar" :onerror="img404" - :alt="listTemp.name"> - </div> - <div class="content"> - <p class="title"> - {{listTemp.name}} - </p> + <div class="myFlex"> + <div class="thumb"> + <img width="200" height="200" :src="listTemp.avatar" :onerror="img404" :alt="listTemp.name"> + </div> + <div class="content"> + <p class="title"> + {{listTemp.name}} + </p> + </div> </div> </a> </div> @@ -34,7 +35,7 @@ }, data() { return { - img404:"this.onerror='';this.src=\"https://blog.zeruns.tech/tx.jpg\"", + img404: "this.onerror='';this.src=\"https://blog.zeruns.tech/tx.jpg\"", list: [] } } @@ -44,6 +45,13 @@ </script> <style lang="less"> + .myFlex { + height: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; + } + .myFriend { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); padding: 10px 30px 0px; -- Gitblit v1.9.1