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;