小程序列表源码，第八版

wx:9693312.png

<view class="new-list2 sy-list">
  <view class="da-list">
    <view class="da-view" bindtap="linkTap" open-type="openGroupProfile" group-id="123456" data-appid="{{item.appid}}" data-title="{{item.title}}" data-url="{{item.linkurl}}" wx:for="{{linkList}}" wx:key="k">
      <view class="da-navigator">
        <image src="https://tp.qxapk.com/xcx/img/132.jpg" role="img"></image>
        <view class="da-right">
          <text class="da-title" style="float:left;">小千微信9693312({{item.title}})</text>
          <view style="clear:both;"></view>
          <view class="da-text1">
            <view>粉丝数：
              <text>1080009w</text>
            </view>
            <view>赞藏数：
              <text>25600002w</text>
            </view>
            <view style="clear:both;"></view>
          </view>
          <view class="da-text2">
            <view>地区：北京 朝阳区</view>
            <view>领域：
              <text class="da-biao">互联网</text>
            </view>
            <view style="clear:both;"></view>
          </view>
        </view>
      </view>
      <image class="da-img" mode="widthFix" src="https://tp.qxapk.com/xcx/img/icon_list_9.png" role="img"></image>
    </view>
  </view>
</view>

.weui-loadmore__tips_in-line {
    background: #eee!important;
}

page {
    background: #eee;
}

.s-top {
    width: auto;
    height: 100rpx;
}

.s-left,.s-right {
    width: 50%;
    float: left;
    line-height: 100rpx;
    text-align: center;
    position: relative;
}

.s-left .s-text1,.s-right .s-text2 {
    display: inline-block;
    font-size: 32rpx;
    color: #333;
    float: left;
    margin-left: 100rpx;
}

.s-active>text {
    color: #dd3e34!important;
}

.s-bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: fixed;
    top: 0;
    lefT: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.s-list-left {
    left: 56%;
}

.s-list-right {
    left: 78%;
}

.s-list {
    width: 150rpx;
    height: auto;
    background: #fff;
    border-radius: 10rpx;
    position: absolute;
    top: 90rpx;
    margin-left: -75rpx;
    padding: 15rpx 0;
    z-index: 999;
}

.s-list text {
    display: block;
    font-size: 28rpx;
    line-height: 60rpx;
    text-align: center;
    color: #333;
}

.s-list text:hover {
    background: #eee;
    color: #dd3e34;
}

.s-list .active {
    background: #eee;
    color: #dd3e34;
}

.page-section {
    width: 95%;
    height: auto;
    margin: 0 auto;
    margin-top: 10rpx;
}

.page-a,.page-a image {
    display: block;
    width: 100%;
    height: 230rpx;
    border-radius: 20rpx;
}

.page-section swiper {
    height: 230rpx!important;
    border-radius: 20rpx;
    overflow: hidden;
    width: 100%;
}

.sy-list {
    width: 95%;
    margin: 0 auto;
}

.sy-view {
    height: 272rpx;
    background: #fff;
    border-radius: 15rpx;
    overflow: hidden;
    margin-top: 20rpx;
    position: relative;
}

.sy-view navigator {
    display: block;
}

.sy-top {
    width: auto;
    height: auto;
    padding: 30rpx;
}

.sy-top text.sy-title {
    display: block;
    font-size: 32rpx;
    line-height: 50rpx;
    color: #020202;
    height: 50rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    margin-bottom: 20rpx;
}

.sy-cen text {
    font-size: 28rpx;
    color: #888;
}

.sy-bot {
    margin: 0 30rpx;
    border-top: 2rpx solid #eaeaea;
    padding-top: 30rpx;
}

.sb-left {
    float: left;
}

.sb-left image {
    display: block;
    width: 48rpx;
    height: 48rpx;
    float: left;
    border-radius: 100%;
}

.sb-left text {
    float: left;
    font-size: 26rpx;
    color: #666;
    line-height: 48rpx;
    margin-left: 10rpx;
    width: 310rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sy-bot>text {
    float: right;
    font-size: 26rpx;
    line-height: 48rpx;
    color: #666;
    width: 280rpx;
    height: 48rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sy-img1 {
    display: block;
    position: absolute;
    width: 65rpx;
    height: 65rpx;
    left: 0;
    top: 0;
}

.sy-img2 {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 80rpx;
    height: auto;
}

.da-list {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.da-view {
    width: auto;
    height: 200rpx;
    background: #fff;
    border-radius: 15rpx;
    margin-top: 20rpx;
    position: relative;
}

.da-navigator {
    display: block;
    width: auto;
    height: auto;
    padding: 0 30rpx;
}

.da-navigator image {
    display: block;
    width: 90rpx;
    height: 90rpx;
    float: left;
    border-radius: 100%;
    margin-top: 40rpx;
}

.da-right {
    float: right;
    width: 550rpx;
    height: auto;
    padding-top: 20rpx;
}

.da-title {
    display: block;
    font-size: 32rpx;
    color: #020202;
    line-height: 44rpx;
}

.da-text1 {
    width: auto;
    height: auto;
    margin: 10rpx 0;
}

.da-text1>view,.da-text2>view {
    display: block;
    font-size: 24rpx;
    color: #999;
    float: left;
    line-height: 48rpx;
}

.da-text1>view:first-child,.da-text2>view:first-child {
    width: 300rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-text1>view>text {
    color: #333;
}

.da-text2 .da-biao {
    display: inline-block;
    height: 50rpx;
    background: #f2f2f2;
    line-height: 50rpx;
    text-align: center;
    margin-left: 8rpx;
    font-size: 23rpx;
    color: #666;
    width: 119rpx;
    border-radius: 10rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;
}

.da-text2 {
    margin-top: 10rpx;
}

.da-img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 80rpx;
    height: auto;
}

.sort-view {
    width: 100%;
    height: auto;
    background: #fff;
    margin: 0 auto;
    border-radius: 15rpx;
    overflow: hidden;
}

.sort-top {
    width: auto;
    height: 100rpx;
    position: relative;
}

.sort-left {
    width: 100%;
    height: 90rpx;
    float: left;
    overflow: hidden;
}

.sort-left .yinc-text {
    display: block;
    float: left;
    height: 50rpx;
    margin-top: 25rpx;
    background: #f2f2f2;
    line-height: 50rpx;
    text-align: center;
    margin-left: 8rpx;
    font-size: 23rpx;
    color: #666;
    width: 119rpx;
    border-radius: 10rpx;
}

.sort-left1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 25rpx;
    overflow: inherit;
}

.sort-right {
    width: 75rpx;
    height: 100rpx;
    position: absolute;
    right: 0;
    top: 20rpx;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTBGMDNCODE3NDAxMUVBODIwMkQwNkFBMUQ0NkVDNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTBGMDNCOTE3NDAxMUVBODIwMkQwNkFBMUQ0NkVDNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxMEYwM0I2MTc0MDExRUE4MjAyRDA2QUExRDQ2RUM1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxMEYwM0I3MTc0MDExRUE4MjAyRDA2QUExRDQ2RUM1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4DWz7AAAAmRJREFUeNrs3bFNxEAQQNEb6wKCk0VB0AHJuhro4KpxBBUcDVlyQIBkpgAST2Cx3HuStdFqpZG/w3Vs23YCfhcCAYGAQEAgIBAQCAgEBAICAYEAAgGBgEBAICAQEAgIBAQCAgGB7N40TdN7LhfjoyPrPM8vezedKydlVM8RMZo5HVkqmwZzA4GAQEAgIBAQCAgEBAICAYEAAgGBgEBAICAQEAgIBAQCAgGBAAIBgYBA4Cile7Ei4nZycRx9WUvveuVmxQzEuOlO6V0XCAIRCAgEBAICAYGAQEAgIBCBIBCBIBCBIBCBgEBAICAQEAgIBAQCAhEIAhEIAhEIAhEICAQEAgIBgYBAQCACQSACQSACQSACAYGAQEAgIBAQCPyLQEp/uW2tveZhD0ZOL/Kj/pXL9ZBAMo63PHA0djqyVAIZzA0EAgIBgYBAQCAgEBAICAQEAggEBAICAYGAQEAgIBAQCAgEBAIIBAQCAoGjlO7FiohbLhfjoyNr6V139Sj3wt28IBAQCAgEBAICAYEIBIEIBIEIBIEIBAQCAgGBgEBAICAQEIhAEIhAEIhAEIhAQCAgEBAICAQEAgIRCAIRCAIRCAIRCAgEBAICAYGAQEAgIBCBcL+BlP5y21p7ysPORk4v8qP+ncvnIYFkHB954GjsdGTJ53HvpsHcQCAgEBAICAQEAgIBgYBAQCCAQEAgIBAQCAgEBAICAYGAQEAggEBAICAQEAj8AaWrR0EggEBAICAQEAgIBAQCAgGBgEBAIIBAQCAgEBAICAQEAgIBgYBAQCACAYGAQEAgIBAQCAgEOvYjwACY8nFDpPe/PgAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 34rpx;
    background-position-x: 15rpx;
}

.sort-list {
    width: auto;
    height: auto;
    padding-left: 19rpx;
}

.sort-list>text {
    width: auto!important;
    display: block;
    float: left;
    padding: 0 15rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    margin-right: 19rpx;
    font-size: 26rpx;
    color: #666;
    background: #f2f2f2;
    margin-bottom: 20rpx;
}

.sort-left .active {
    background: #1c7fff;
    color: #fff;
}

.sy-ming {
    display: block;
    width: 120rpx;
    height: 36rpx;
    background: #f3f3f5;
    font-size: 24rpx;
    color: #9d9d9d;
    text-align: center;
    line-height: 36rpx;
    position: absolute;
    right: 80rpx;
    top: 0;
}

.s-zuo,.s-cen,.s-you {
    width: 33.3%;
    float: left;
}

.s-zuo .s-text1 {
    margin-left: 70rpx!important;
}

.s-cen {
    text-align: center;
    line-height: 100rpx;
}

.s-cen navigator,.s-cen .nav-text,.s-you navigator,.s-you .nav-text {
    display: block;
    font-size: 32rpx;
    color: #333;
}

.label-list {
    width: auto;
    height: auto;
    padding: 0 2.5%;
    margin-top: 20rpx;
}

.sou-form {
    width: 90%;
    height: 80rpx;
    border-radius: 12rpx;
    overflow: hidden;
    margin-top: 20rpx;
    background: #fff;
    border: 2rpx solid #e3e3e3;
}

.sou-form input {
    display: block;
    width: 90%;
    padding-left: 10%;
    height: 80rpx;
    border: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTE4MTlFQzU1NDUxMUVBQTA3RkZFODEyQURFRTk0RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTE4MTlFRDU1NDUxMUVBQTA3RkZFODEyQURFRTk0RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5MTgxOUVBNTU0NTExRUFBMDdGRkU4MTJBREVFOTRFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ5MTgxOUVCNTU0NTExRUFBMDdGRkU4MTJBREVFOTRFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qf+kFQAAGJZJREFUeNrsXQl4VNXZ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) no-repeat left;
    background-size: 35rpx;
    background-position-x: 20rpx;
    font-size: 28rpx;
    color: #333;
    background-position-y: 25rpx;
}

.sy-bz {
    display: block;
    width: 60rpx;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

.new-list2 .sb-biao {
    display: block;
    width: 30rpx!important;
    float: left!important;
    margin-left: 8rpx!important;
    margin-top: 10rpx;
}

.new-list2 .sb-left text {
    max-width: 200rpx;
    width: auto;
}

.sort-bot {
    padding-bottom: 100rpx;
}

.sort-title {
    display: block;
    font-size: 32rpx;
    color: #333;
    line-height: 54rpx;
    margin-left: 10rpx;
    margin-top: 20rpx;
}

.sort-list2 {
    width: 100%;
    height: auto;
    margin-bottom: 40rpx;
}

.sort-list2 text {
    display: block;
    width: 120rpx!important;
    height: 50rpx!important;
    background: #f4f4f4;
    font-size: 23rpx!important;
    color: #666;
    text-align: center;
    line-height: 50rpx!important;
    float: left!important;
    margin-top: 25rpx!important;
    border-radius: 10rpx;
    margin-right: 8rpx;
}

.sort-text {
    background: #1c7fff!important;
    color: #fff!important;
}

.sort-left {
    position: relative;
}

.sort-anniu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: -99;
    width: 100%;
    border-radius: 10rpx;
    overflow: hidden;
}

.sort-anniu1 {
    display: block;
    z-index: 9;
}

.sort-btn1,.sort-btn2 {
    display: block;
    width: 50%;
    text-align: center;
    line-height: 80rpx;
    background: #dfdfdf;
    font-size: 28rpx;
    color: #333;
    float: left;
}

.sort-btn2 {
    background: #1c7fff;
    color: #fff;
}

.sort-right1 {
    display: none;
}

.label-top {
    width: 100%;
    height: 100rpx;
    line-height: 100rpx;
    background: #fff;
    border-top-left-radius: 12rpx;
    border-top-right-radius: 12rpx;
    border-bottom: 2rpx solid #e3e3e3;
}

.label-top text {
    display: block;
    width: 50%;
    float: left;
    line-height: 100rpx;
    font-size: 32rpx;
    color: #333;
    text-align: center;
    position: relative;
}

.label-top .label-active {
    color: #dd3e34;
}

.label-active:after {
    content: " ";
    width: 60rpx;
    height: 6rpx;
    background: #dd3e34;
    position: absolute;
    bottom: 10rpx;
    left: 50%;
    margin-left: -30rpx;
}

.col-list {
    width: auto;
    height: auto;
}

.col-view {
    background: #fff;
    border-radius: 12rpx;
    height: auto;
    background: #fff;
    margin-bottom: 20rpx;
    padding-bottom: 60rpx;
}

.col-list .col-view:first-child {
    border-top-left-radius: 0rpx;
    border-top-right-radius: 0rpx;
}

.col-nav {
    display: block;
    padding: 30rpx 30rpx;
}

.col-top {
    height: 140rpx;
}

.colt-left {
    width: 100rpx;
    height: 100rpx;
    float: left;
    border-radius: 100%;
}

.colt-right {
    width: 530rpx;
    height: auto;
    float: right;
}

.colt-name {
    width: 100%;
    height: auto;
}

.col-name text {
    display: block;
    font-size: 36rpx;
    line-height: 60rpx;
    color: #333;
    float: left;
    width: auto;
    max-width: 200rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-name image {
    display: block;
    width: 30rpx;
    float: left;
    margin-left: 8rpx;
    margin-top: 10rpx;
}

.col-text {
    width: 400rpx;
    display: block;
    font-size: 24rpx;
    line-height: 36rpx;
    color: #888;
    margin-top: 5rpx;
    height: 72rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.col-cen {
    width: auto;
    height: auto;
    margin-top: 20rpx;
}

.colc-left {
    width: 90rpx;
    height: 40rpx;
    border: 1px solid #f4a13b;
    font-size: 24rpx;
    color: #f4a13b;
    text-align: center;
    line-height: 38rpx;
    float: left;
    border-radius: 40rpx;
}

.colc-right {
    width: 530rpx;
    float: right;
    position: relative;
}

.colc-right text {
    font-size: 28rpx;
    display: block;
    line-height: 40rpx;
    color: #333;
    height: 80rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.colc-button::after {
    border: 0;
}

.colc-left2 {
    color: #2d87df;
    border: 1rpx solid #2d87df;
}

.tab-fix {
    display: block;
    width: 80rpx;
    height: 80rpx;
    border-radius: 100%;
    position: fixed;
    bottom: 14%;
    right: 5%;
    text-align: center;
    line-height: 80rpx;
    font-size: 28rpx;
    color: #fff;
    background: #1c7fff;
}

.tab-fix image {
    display: block;
    width: 100%;
    height: auto;
}

.sou-suo {
    width: auto;
    height: auto;
    padding: 10rpx 20rpx;
    background: #fff;
    margin: 0 2.5%;
    margin-top: 20rpx;
    position: relative;
    border-radius: 12rpx;
    overflow: hidden;
}

.yincang {
    display: none;
}

//千寻软件:小千，你关注的人决定你的视野：微信9693312  (备注：小程序代码)
Page({
    data: {
      linkList: []
    },
    onLoad: function(n) {
      var o = this;
      wx.request({
        url: "http://tp.qxapk.com/index.php/xcx/dianzan?mod=qun",
        header: {
          "content-type": "application/json"
        },
        success: function (n) {
          o.setData({
            linkList: n.data.list
          });
        }
      });
    },
    linkTap: function (n) {
      var ini = wx.getStorageSync("ini");
      wx.showModal({
        title: '提示',
        content: '请添加微信号：' + ini.wxhao +" 拉您入群！",
        success(res){
          if (res.confirm) {
            wx.setClipboardData({data: ini.wxhao});//复制文本
            console.log('用户点击确定')
          } else if (res.cancel) {
            console.log('用户点击取消')
          }
        }
      })
      var a = n.currentTarget.dataset.appid;
      var b = n.currentTarget.dataset.url;
      var c = n.currentTarget.dataset.title;
      console.log("a=" + a);
      console.log("b=" + b);
      console.log("c=" + c);
    }
});

{
  "status": true,
  "list": [
    {
      "id": "1",
      "title": "扩列群1",
      "image": "https://cdn.u1.huluxia.com/g3/M01/80/84/wKgBOV3zR8aAcLy_AAAqQe6dBQo137.jpg",
      "summary": "1群简介",
      "qunhao": "123456"
    },
    {
      "id": "2",
      "title": "扩列群1",
      "image": "https://cdn.u1.huluxia.com/g3/M01/80/84/wKgBOV3zR8aAcLy_AAAqQe6dBQo137.jpg",
      "summary": "1群简介",
      "qunhao": "123456"
    },
    {
      "id": "3",
      "title": "扩列群1",
      "image": "https://cdn.u1.huluxia.com/g3/M01/80/84/wKgBOV3zR8aAcLy_AAAqQe6dBQo137.jpg",
      "summary": "1群简介",
      "qunhao": "123456"
    },
    {
      "id": "4",
      "title": "扩列群1",
      "image": "https://cdn.u1.huluxia.com/g3/M01/80/84/wKgBOV3zR8aAcLy_AAAqQe6dBQo137.jpg",
      "summary": "1群简介",
      "qunhao": "123456"
    },
    {
      "id": "5",
      "title": "扩列群1",
      "image": "https://cdn.u1.huluxia.com/g3/M01/80/84/wKgBOV3zR8aAcLy_AAAqQe6dBQo137.jpg",
      "summary": "1群简介",
      "qunhao": "123456"
    }
  ],
  "state": "success"
}