123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <div class="row worknumber fontcolor-two margin-top-10" style="margin-right: 0;">
- <div class="col-md-12 formheard_pad">
- <div class="pull-left fontsizes-16 font-weight-500">
- 图片上传
- </div>
- </div>
- <div class="col-md-12" style="padding:0;">
- <div class="imgsBox">
- <div class="fileupload pos-rlt" ng-repeat="(idx,imageSrc) in imgshows" style="position: relative;">
- <div style="border-radius: 5px;overflow: hidden;width: 100%;height: 100%;">
- <img ng-src="{{imageSrc}}" style="max-width:200px;max-height:300px;margin:0 auto; display:block;"
- class="pos-rlt" width=100%; height=100%; ng-click="preview(imageSrc,idx)" />
- </div>
- <i class="icon close" ng-click="uploadimg_del($index, imgshows)">×</i>
- </div>
- <div id="upup" class="fileupload pos-rlt clear" style="position: relative;">
- <span class="icon ion-plus-round fileupload-icon">+</span>
- <input type="file" onchange="angular.element(this).scope().change(this)"
- style="display:inline-block; width: 100%; height: 100%; opacity:0" class="upinp" uploader="uploader"
- accept="image/png,image/gif,image/jpeg,image/jpg" name="uploadedFile" nv-file-select="">
- </div>
- </div>
- </div>
- </div>
- <style type="text/css">
- .fileupload {
- width: 64px;
- height: 64px;
- border: 1px dotted #ccc;
- display: inline-block;
- background: #fff;
- border-radius: 5px;
- color: #d8d8d8;
- }
- .fileupload-icon {
- font-size: 32px;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-
- }
- .imgsBox {
- display: flex;
- justify-content: space-between;
- padding: 10px 10px;
- background: #F9F9F9;
- }
- .close {
- position: absolute;
- top: -5px;
- right: -6px;
- font-size: 16px;
- display: inline-block;
- width: 14px;
- height: 14px;
- color: #fff;
- background: #bd2535;
- line-height: 8px;
- text-align: center;
- border-radius: 9px;
- border: 1px solid #bd2535;
- opacity: 1;
- overflow: hidden;
- }
- .close:hover {
- opacity: .8;
- }
- </style>
|