模拟微信讨论组头像

最新推荐文章于 2021-07-26 18:33:40 发布
最新推荐文章于 2021-07-26 18:33:40 发布
阅读量173 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/floraCnblogs/p/angular-wechat-avatar.html
版权

效果

 

1. 调用显示, 大小不同

<div mult-picture pictures="picUrl" pic-height="200" pic-width="200"></div>
<div mult-picture pictures="picUrl" pic-height="50" pic-width="50"></div>

2. style(css), flex布局

.mult-pic-background {
  background-color: #e2e2e2;
}

.mult-pic-flex {
  display: flex;
}

.mult-pic-justify-content {
  justify-content: center;
}

.mult-pic-box-align {
  align-items: center;
}

4. 指令directive

方式一

//最多显示9个
angular.module('simpleDirective', [])
  .controller('Ctrl', function($scope) {
    vm = $scope;
    vm.picUrl = [];
    var items = ['pic1', 'pic2', 'pic3', 'pic4', 'pic5', ......]; //2-9 and more
    angular.forEach(items, function(item) {
        vm.picUrl.push(item.url);// 图片的url
    });
  })
  .directive('multPicture', function() {
    return {
      replace: true,
      restrict: 'EA',
      scope: {
        pictures: "=",
        picHeight: "=",
        picWidth: "="
      },
      transclude: true,
      template: '<div ng-switch = "pictures.length">
                  <div ng-switch-when = "1" class="mult-pic-background" ng-style="{width : picWidth + \'px\', height: picHeight + \'px\'}">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[0] |qiniu : imgHeight}}"/>
                  </div>
                  <div ng-switch-when = "2" class="mult-pic-background mult-pic-flex" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\'}">
                    <div class="mult-pic-flex mult-pic-box-align">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                  </div>
                  <div ng-switch-when = "3" class="mult-pic-background" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\'}">
                    <div class="mult-pic-flex mult-pic-justify-content">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight, \'margin-left\': 0}"
                      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                  </div>
                  <div ng-switch-when = "4" class="mult-pic-background" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\'}">
                      <img ng-repeat="pic in pictures track by $index" class="pull-left" ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pic |qiniu: imgHeight/rowNum}}"/>
                  </div>
                  <div ng-switch-when = "5" class="mult-pic-background" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\', padding: marginCol}">
                    <div class="mult-pic-flex mult-pic-justify-content">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                  </div>
                  <div ng-switch-when = "6" class="mult-pic-background" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\', padding: marginCol}">
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[5] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                  </div>
                  <div ng-switch-when = "7" class="mult-pic-background" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\'}">
                    <div class="mult-pic-flex mult-pic-justify-content">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight, \'margin-left\': 0}"
                      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[5] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[6] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                  </div>
                  <div ng-switch-when = "8" class="mult-pic-background" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\'}">
                    <div class="mult-pic-flex mult-pic-justify-content">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                    <div class="mult-pic-flex">
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[5] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[6] |qiniu: imgHeight/rowNum}}"/>
                      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[7] |qiniu: imgHeight/rowNum}}"/>
                    </div>
                  </div>
                  <div ng-switch-default class="mult-pic-background" ng-style="{width: picWidth + \'px\', height: picHeight + \'px\'}">
                      <img ng-repeat="pic in pictures track by $index" class="pull-left" ng-style="{margin : imgPadding, width: smallwidth, height: smallHeight}"
                      ng-src="{{pic |qiniu: imgHeight/rowNum}}" ng-if="$index < 9"/>
                  </div>
                </div>',
      link: function(scope, element, attrs) {
        scope.$watch('pictures', function() {
          var colNum, imgPadding, isMoreRow, rowNum, smallHeight, _ref, _ref1;
          //求根,大约分几行
          rowNum = Math.floor(Math.sqrt((_ref = scope.pictures) != null ? _ref.length : void 0));
          isMoreRow = true;
          //根据行数求列数
          colNum = Math.ceil(((_ref1 = scope.pictures) != null ? _ref1.length : void 0) / rowNum);
          //5, 求行数约为2, 列数约为3, 则行数为2; 7, 求行数约为2, 求列数为4, 则行数为3
          if (colNum - rowNum <= 1) {
            isMoreRow = false;
            scope.rowNum = colNum;
          } else (colNum - rowNum > 1) {
            scope.rowNum = rowNum + 1;
          }
          //最多显示9个
          if (scope.rowNum >= 3) {
            scope.rowNum = 3;
          }

          imgPadding = scope.picHeight / 25;
          scope.imgPadding = imgPadding + 'px 0 0 ' + imgPadding + 'px';
          //一行图片间隔两块, 两行图片间隔3块, 剩于展示的高度为
          scope.imgHeight = scope.picHeight - imgPadding * (scope.rowNum + 1);

          //除以行数, 每行多高, 正方形, 所以每行多宽
          smallHeight = scope.imgHeight / scope.rowNum;
          scope.smallHeight = scope.smallwidth = smallHeight + 'px';

          // 类似于数字5, 明明应用3*3, 却显示2行, 需要加一个剩余高度一办的margin
          if (!isMoreRow) {
            scope.marginCol = (scope.picHeight - rowNum * (smallHeight + imgPadding)) / 2 - imgPadding / 2 + 'px 0';
          }
        });
      }
    }
  };
});

方式二

//最多显示9个
angular.module('simpleDirective', [])
  .controller('Ctrl', function($scope) {
    vm = $scope;
    vm.picUrl = [];
    var items = ['pic1', 'pic2', 'pic3', 'pic4', 'pic5', ......]; //2-9 and more
    angular.forEach(items, function(item) {
        vm.picUrl.push(item.url);// 图片的url
    });
  })
  .directive('multPicture', function() {
    return {
      replace: true,
      restrict: 'EA',
      scope: {
        pictures: "=",
        picHeight: "=",
        picWidth: "="
      },
      transclude: true,
      templateUrl: 'my-pic.html',
      link: function(scope, element, attrs) {
        scope.$watch('pictures', function() {
          var colNum, imgPadding, isMoreRow, rowNum, smallHeight, _ref, _ref1;
          //求根,大约分几行
          rowNum = Math.floor(Math.sqrt((_ref = scope.pictures) != null ? _ref.length : void 0));
          isMoreRow = true;
          //根据行数求列数
          colNum = Math.ceil(((_ref1 = scope.pictures) != null ? _ref1.length : void 0) / rowNum);
          //5, 求行数约为2, 列数约为3, 则行数为2; 7, 求行数约为2, 求列数为4, 则行数为3
          if (colNum - rowNum <= 1) {
            isMoreRow = false;
            scope.rowNum = colNum;
          } else (colNum - rowNum > 1) {
            scope.rowNum = rowNum + 1;
          }
          //最多显示9个
          if (scope.rowNum >= 3) {
            scope.rowNum = 3;
          }

          imgPadding = scope.picHeight / 25;
          scope.imgPadding = imgPadding + 'px 0 0 ' + imgPadding + 'px';
          //一行图片间隔两块, 两行图片间隔3块, 剩于展示的高度为
          scope.imgHeight = scope.picHeight - imgPadding * (scope.rowNum + 1);

          //除以行数, 每行多高, 正方形, 所以每行多宽
          smallHeight = scope.imgHeight / scope.rowNum;
          scope.smallHeight = scope.smallwidth = smallHeight + 'px';

          // 类似于数字5, 明明应用3*3, 却显示2行, 需要加一个剩余高度一办的margin
          if (!isMoreRow) {
            scope.marginCol = (scope.picHeight - rowNum * (smallHeight + imgPadding)) / 2 - imgPadding / 2 + 'px 0';
          }
        });
      }
    }
  });
//my-pic.html
<div ng-switch = "pictures.length">
  <div ng-switch-when = "1" class="mult-pic-background" ng-style="{width : picWidth + 'px', height: picHeight + 'px'}">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[0] |qiniu : imgHeight}}"/>
  </div>
  <div ng-switch-when = "2" class="mult-pic-background mult-pic-flex" ng-style="{width: picWidth + 'px', height: picHeight + 'px'}">
    <div class="mult-pic-flex mult-pic-box-align">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
    </div>
  </div>
  <div ng-switch-when = "3" class="mult-pic-background" ng-style="{width: picWidth + 'px', height: picHeight + 'px'}">
    <div class="mult-pic-flex mult-pic-justify-content">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight, 'margin-left': 0}"
      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
    </div>
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
    </div>
  </div>
  <div ng-switch-when = "4" class="mult-pic-background" ng-style="{width: picWidth + 'px', height: picHeight + 'px'}">
      <img ng-repeat="pic in pictures track by $index" class="pull-left" ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pic |qiniu: imgHeight/rowNum}}"/>
  </div>
  <div ng-switch-when = "5" class="mult-pic-background" ng-style="{width: picWidth + 'px', height: picHeight + 'px', padding: marginCol}">
    <div class="mult-pic-flex mult-pic-justify-content">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
    </div>
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
    </div>
  </div>
  <div ng-switch-when = "6" class="mult-pic-background" ng-style="{width: picWidth + 'px', height: picHeight + 'px', padding: marginCol}">
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
    </div>
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[5] |qiniu: imgHeight/rowNum}}"/>
    </div>
  </div>
  <div ng-switch-when = "7" class="mult-pic-background" ng-style="{width: picWidth + 'px', height: picHeight + 'px'}">
    <div class="mult-pic-flex mult-pic-justify-content">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight, 'margin-left': 0}"
      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
    </div>
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
    </div>
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[5] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[6] |qiniu: imgHeight/rowNum}}"/>
    </div>
  </div>
  <div ng-switch-when = "8" class="mult-pic-background" ng-style="{width: picWidth + 'px', height: picHeight + 'px'}">
    <div class="mult-pic-flex mult-pic-justify-content">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[0] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[1] |qiniu: imgHeight/rowNum}}"/>
    </div>
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pictures[2] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[3] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[4] |qiniu: imgHeight/rowNum}}"/>
    </div>
    <div class="mult-pic-flex">
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[5] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[6] |qiniu: imgHeight/rowNum}}"/>
      <img ng-style="{margin: imgPadding, width: smallwidth, height: smallHeight}" ng-src="{{pictures[7] |qiniu: imgHeight/rowNum}}"/>
    </div>
  </div>
  <div ng-switch-default class="mult-pic-background" ng-style="{width: picWidth + 'px', height: picHeight + 'px'}">
      <img ng-repeat="pic in pictures track by $index" class="pull-left" ng-style="{margin : imgPadding, width: smallwidth, height: smallHeight}"
      ng-src="{{pic |qiniu: imgHeight/rowNum}}" ng-if="$index < 9"/>
  </div>
</div>

 

转载于:https://www.cnblogs.com/floraCnblogs/p/angular-wechat-avatar.html

weixin_30249203
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信头像真人版5000张
01-29
包含5000张真人微信头像资源，可以直接上传到资源服务器来做机器人头像，模拟真人玩家
仿微信照片选择 头像选择
02-17
防微信的头像和图片选择https://github.com/hanks-zyh/SelectPicture
模仿微信头像 单人 以及群聊的 头像
csstmg的博客
07-26 505
模仿微信头像 单人 以及群聊的 头像 <template> <div> <div class="avatar-wrap"> <template v-if="avatar.length==1"> <el-avatar :src="avatar[0]" shape="square" class="horizonta-1"></el-avatar> </template>
仿微信"个人头像"
weixin_34266504的博客
06-15 142
2019独角兽企业重金招聘Python工程师标准>>> ...
10000个模拟微信、贴吧头像和昵称，头像有部分重复
05-28
可用也模拟生成系统用户
仿微信群聊组合头像
12-09
在IT行业中，尤其是在移动应用和社交媒体的设计领域，"仿微信群聊组合头像"是一个常见的设计概念，它主要用于创建个性化和视觉吸引人的用户界面。这种设计风格借鉴了微信等社交平台的群聊功能，将多个用户的头像组合...
关于QQ群头像以及微信讨论组头像工具类的Demo
08-29
由于段时间公司项目需求，在翻了网上很多代码后发现，很多人用的是自定义View的办法来实现此类头像的效果，但是，这样一来就必须改变项目中原有的控件，而且当需要将此图片内容传递到后台时，会变的非常麻烦，所以我...
PHP基于curl实现模拟微信浏览器打开微信链接的方法示例
10-17
主要介绍了PHP基于curl实现模拟微信浏览器打开微信链接的方法,结合实例形式分析了php使用curl通过设置HTTP_USER_AGENT实现模拟微信浏览器相关操作技巧,需要的朋友可以参考下
1000个微信QQ真实头像给大家下载.zip
02-01
4. **模拟社交环境**：在模拟或测试社交网络功能时，这些头像可以使测试环境更接近实际情况。 5. **设计与开发**：设计师可以使用这些头像作为样例，来创建更贴近用户体验的设计。 总的来说，这个压缩包提供了一组...
微信批量用户头像图片，虚拟创建微信用户的时候可以用到
07-16
但我们开发的时候，有时候需要展示虚拟的用户信息，这里给大家提供了144个微信头像图片，可以方便结合mockjs制作虚拟用户。
微信模拟登陆抓取用户昵称和头像
01-17
2015.1.17测试可用，模拟登陆后抓取用户昵称和头像，头像自动保存至本地
15000用户头像，最牛真实头像，测试模拟用头像
09-10
15000用户头像，社交用户头像，测试数据模拟用头像，128*128大小
供测试模拟用户头像包500+个头像
06-11
精心收集供测试模拟用户头像包500+个头像，适应各类平台用户使用。
微信墙源代码模拟登陆自动获取头像昵称
12-02
微信公众账号自动登录获取头像昵称，基础功能集成，可进一步完善、
仿微信上传剪切头像
zhengyongbo的博客
06-04 2446
https://blog.csdn.net/lmj623565791/article/details/39761281
上传本地 模拟头像
aigaoaodemo的博客
03-20 576
//API的接口//https://www.zhaoapi.cn/file/upload //上传头像 public static String TOUXINAG_URL="https://www.zhaoapi.cn/";//API请求的方式和所需要的参数@Multipart @POST("file/upload") Observable&lt;Uptou&gt; settouxiang(@Pa...
图像之超简单方式实现微信头像功能
f735614338的博客
03-02 1369
／／h文件import import “headImageViewController.h”@interface headImageViewController () @property (strong, nonatomic) IBOutlet UIImageView *photoImage; @property (assign ,nonatomic)CGPoint startpoint; @
关于QQ群头像以及微信讨论组头像的工具类
神秘人之家
08-29 2920
QQ群头像以及微信讨论组头像工具类介绍
vue模拟微信聊天头像怎么写
最新发布
06-12
要模拟微信聊天头像，可以使用 Vue 组件的方式来实现。具体步骤如下： 1. 在 HTML 中引入一个 img 标签，设置它的样式为圆形，并且设置它的宽高为相同值，比如 50px： ```html .avatar { width: 50px; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值