ecp-ui-lib
Version:
23 lines • 4.12 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
export class LegendComponent {
constructor() { }
/**
* @return {?}
*/
ngOnInit() {
}
}
LegendComponent.decorators = [
{ type: Component, args: [{
selector: 'ecp-map-legend',
template: "<!--\u53F3\u4E0B\u89D2\u56FE\u4F8B-->\r\n<div class=\"map-bottom-legend\">\r\n <span class=\"point\"><i></i>\u5750\u6807</span>\r\n <span class=\"sensors\"><i></i>\u4F20\u611F\u5668</span>\r\n <span class=\"pipe\"><i></i>\u7BA1\u9053</span>\r\n <!---->\r\n <span class=\"node\"><i></i>\u8282\u70B9</span>\r\n <span class=\"endcap\"><i></i>\u5835\u5934\u5C01\u677F</span>\r\n <span class=\"valve\"><i></i>\u95F8\u9600</span>\r\n <span class=\"firehydrant\"><i></i>\u6D88\u9632\u6813</span>\r\n <!---->\r\n <span class=\"magnification\">\u7F29\u653E\u6BD4\u4F8B:\r\n <span id=\"scale-line\" style=\"padding:0;position: absolute; bottom: 0px; left: 63px;\">200m</span>\r\n <i></i>\r\n </span>\r\n</div>\r\n",
styles: [".map-bottom-legend{width:auto;height:24px;background:rgba(255,255,255,1);position:absolute;bottom:0;right:0}.map-bottom-legend span{font-size:12px;display:inline-block;font-weight:400;color:rgba(25,25,25,1);padding:1px 1px 1px 18px;position:relative;margin:0 9px}.map-bottom-legend span.sensors i{position:absolute;top:0;left:2px;width:12px;height:12px;background:rgba(255,32,79,1);border-radius:50%;display:inline-block;border:2px solid #fff}.map-bottom-legend span.point i{width:12px;position:absolute;top:0;left:2px;height:12px;background:rgba(30,91,214,1);border-radius:50%;display:inline-block;border:2px solid #fff}.map-bottom-legend span.pipe{padding-left:30px}.map-bottom-legend span.pipe i{width:25px;position:absolute;top:5px;left:2px;height:3px;background:rgba(0,0,255,1);display:inline-block;border-radius:6px}.map-bottom-legend span.node{padding-left:22px}.map-bottom-legend span.node i{position:absolute;top:1px;left:1px;width:19px;height:18px;background:url(../../../src/assets/map/legend/node.png) no-repeat;display:inline-block}.map-bottom-legend span.endcap{padding-left:24px}.map-bottom-legend span.endcap i{position:absolute;top:0;left:1px;width:21px;height:14px;background:url(../../../src/assets/map/legend/endcap.png) no-repeat;display:inline-block}.map-bottom-legend span.firehydrant{padding-left:22px}.map-bottom-legend span.firehydrant i{position:absolute;top:1px;left:1px;width:17px;height:21px;background:url(../../../src/assets/map/legend/firehydrant.png) no-repeat;display:inline-block}.map-bottom-legend span.valve{padding-left:22px}.map-bottom-legend span.valve i{position:absolute;top:1px;left:1px;width:17px;height:21px;background:url(../../../src/assets/map/legend/valve.png) no-repeat;display:inline-block}.map-bottom-legend span.magnification{position:relative;width:130px}.map-bottom-legend span.magnification i{position:absolute;left:120px;bottom:5px;width:31px;height:3px}"]
}] }
];
/** @nocollapse */
LegendComponent.ctorParameters = () => [];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVnZW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2VjcC11aS1saWIvIiwic291cmNlcyI6WyJsaWIvbGVnZW5kL2xlZ2VuZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFPbEQsTUFBTSxPQUFPLGVBQWU7SUFFMUIsZ0JBQWdCLENBQUM7Ozs7SUFFakIsUUFBUTtJQUNSLENBQUM7OztZQVZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQiw0dEJBQXNDOzthQUV2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjcC1tYXAtbGVnZW5kJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbGVnZW5kLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sZWdlbmQuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMZWdlbmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==