essa-platform / es-ng-antd

image.html 1009 Bytes
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
    <link
      href="https://cdn.staticfile.org/antd/3.26.9/antd.css"
      rel="stylesheet"
    />
  </head>

  <body>
    <div ng-app="esNgAntd" ng-controller="mainCtrl">
      <div class="container" style="padding: 50px">
        <es-image d-src="{{url}}" width="200" height="200"></es-image>

        <es-image-preview-group>
            <es-image d-src="{{url}}" width="200" height="200"></es-image>
            <es-image d-src="{{url}}" width="200" height="200"></es-image>
        </es-image-preview-group>
      </div>
    </div>
    <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
    <script src="../dist/ng-antd.js"></script>
    <script>
      angular
        .module("esNgAntd")
        .controller("mainCtrl", function ($scope) {
            $scope.url="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png";
        });
    </script>
  </body>
</html>