.container-applink {
  display: grid;
  padding: 10rpx 5rpx;
  /* grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));  */
  /* 响应式布局，auto-fill主轴上指定的宽度或者重复次数是最大可能的正整数，minmax最小值255px、最大值1fr代表剩余空间的比例。 *
  /*grid-template-columns: 1fr 1fr 1fr 1fr; */
  grid-template-columns: repeat(3,1fr);
  /* grid-template-columns: 1fr 200px 1fr 200px; */
  /* 左右4分  */
  gap: 1px;
  /* 网格四周的间隔 父容器，子元素，可以不用设置宽度，也不用设置margin间距即可完成如下布局。 */
}

.applink-icon {
    width: 3em;
    height:3em;
    border-radius: 50%;
    display: block;
    margin: 0 auto 5px;
}

.applink-text {
  border-radius: 5px; 
  width: 100%;  
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size:30rpx;
  /* color: azure; 根据背景调整文字颜色*/
}