src/components/mini/box-friend.vue

@@ -1,6 +1,7 @@
<template>
   <div class="myFriend">
      <div v-for="temp in list">
      <div v-if="list.length==0" class="mySecret"> 空空如也..</div>
      <div v-for="temp in list" v-else>
         <h1>{{temp.groupName}}</h1>
         <hr>
         <div class="link-box">
@@ -71,7 +72,8 @@
         padding: 0;
         height: .125rem;
         border: none;
         background: #bcbfc3 repeating-linear-gradient(-45deg, #fff, #fff 0.25rem, transparent 0.25rem, transparent 0.5rem);
         // background: #bcbfc3 repeating-linear-gradient(-45deg, #fff, #fff 0.25rem, transparent 0.25rem, transparent 0.5rem);
         background: #fff repeating-linear-gradient(-45deg, #fff, #fff 0.25rem, transparent 0.25rem, transparent 0.5rem);
      }
   }

@@ -203,6 +205,7 @@
         width: calc(100% / 3 - 8rem);
      }
   }

   @media screen and (max-width: 1438px) and (min-width: 791px) {
      .link-box a {
         margin: 0 0.9375rem 3.75rem;