ui-showImgs.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <div class="row fontcolor-two margin-top-15" id="searchid" ng-if="imgs.length">
  2. <div class="col-md-12 formheard_pad worknumber">
  3. <div class="pull-left fontsizes-16 font-weight-500">
  4. 图片列表
  5. </div>
  6. </div>
  7. <div class="col-md-12" style="padding:0;">
  8. <div class="imgsBox">
  9. <div class="fileupload pos-rlt" ng-repeat="(idx,img) in imgs" ng-if="img.suffix=='jpeg'||img.suffix=='jpg'||img.suffix=='svg'||img.suffix=='png'||img.suffix=='bmp'||img.suffix=='gif'||img.suffix=='tif'" style="position: relative;">
  10. <img ng-src="{{img.previewUrl}}" style="max-width:200px;max-height:300px;margin:0 auto; display:block;"
  11. class="pos-rlt" width=100%; height=100%; ng-click="preview(img.previewUrl,idx)" />
  12. </div>
  13. </div>
  14. </div>
  15. </div>
  16. <style type="text/css">
  17. .imgsBox {
  18. border: 1px solid #ddd;
  19. }
  20. .fileupload {
  21. width: 100px;
  22. height: 100px;
  23. border: 1px dotted #ccc;
  24. display: inline-block;
  25. background: #fff;
  26. }
  27. .imgsBox {
  28. display: flex;
  29. justify-content: space-between;
  30. padding: 10px 10px;
  31. }
  32. </style>