ecp-ui-lib
Version:
65 lines • 6.38 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
var ToolBar3Component = /** @class */ (function () {
function ToolBar3Component() {
this.hoverId = 0; // 当前已选中
// 当前已选中
this.thisMenuId = 0; // 当前选中子菜单
}
// 当前选中子菜单
/**
* @param {?} i
* @return {?}
*/
ToolBar3Component.prototype.menuSel =
// 当前选中子菜单
/**
* @param {?} i
* @return {?}
*/
function (i) {
this.hoverId = i;
this.thisMenuId = i;
};
/**
* @param {?} i
* @return {?}
*/
ToolBar3Component.prototype.showSubMenu = /**
* @param {?} i
* @return {?}
*/
function (i) {
this.hoverId = i;
this.thisMenuId = i;
};
/**
* @return {?}
*/
ToolBar3Component.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
ToolBar3Component.decorators = [
{ type: Component, args: [{
selector: 'ecp-tool-bar3',
template: "<div class=\"map-top-toolbar\">\r\n <span> <a (mouseover)=\"menuSel(1)\" (click)=\"menuSel(1)\" [ngClass]=\"{'hover':hoverId==1}\">\u9600\u95E8\u5206\u6790</a> </span>\r\n <span> <a (mouseover)=\"menuSel(2)\" (click)=\"menuSel(2)\" [ngClass]=\"{'hover':hoverId==2}\">\u7206\u7BA1\u5206\u6790</a> </span>\r\n <span> <a (mouseover)=\"menuSel(3)\" (click)=\"menuSel(3)\" [ngClass]=\"{'hover':hoverId==3}\">\u9884\u8B66<i class=\"icon dongxiniotwater general_unfold\"></i></a>\r\n <ul class=\"sub-menu\" [ngClass]=\"{'show':thisMenuId==3}\" (mouseleave)=\"showSubMenu(50)\" style=\"width: 160px;\">\r\n <li>\u5B9E\u65F6\u6D41\u91CF\u663E\u793A<!--<nz-switch style=\"float: right; margin-right: 7px;\"></nz-switch>--></li>\r\n <li>\u5206\u533A\u7528\u6C34\u91CF\u5206\u6790</li>\r\n </ul>\r\n </span>\r\n <span>\r\n <a (mouseover)=\"menuSel(4)\" (click)=\"menuSel(4)\" [ngClass]=\"{'hover':hoverId==4}\">\u7B5B\u67E5</a>\r\n </span>\r\n <span>\r\n <a (mouseover)=\"menuSel(5)\" (click)=\"menuSel(5)\" [ngClass]=\"{'hover':hoverId==5}\">\u6DFB\u52A0\u5143\u7D20<i\r\n class=\"icon dongxiniotwater general_unfold\"></i></a>\r\n <ul class=\"sub-menu\" [ngClass]=\"{'show':thisMenuId==5}\" (mouseleave)=\"showSubMenu(50)\">\r\n <li>\u5750\u6807</li>\r\n <li>\u4F20\u611F\u5668</li>\r\n <li>\u7BA1\u9053</li>\r\n <li>\u8282\u70B9</li>\r\n <li>\u5835\u5934\u5C01\u677F</li>\r\n <li>\u95F8\u9600</li>\r\n <li>\u6D88\u9632\u6813</li>\r\n </ul>\r\n </span>\r\n</div>\r\n",
styles: [".map-top-toolbar{position:absolute;font-weight:400;color:rgba(25,25,25,1);font-size:16px;height:36px;line-height:36px;text-align:center;background:rgba(255,255,255,1);border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.3)}.map-top-toolbar span{position:relative;width:100px;height:auto;float:right;text-align:center;cursor:pointer;font-size:14px;color:rgba(255,255,255,1)}.map-top-toolbar span a{height:36px;display:block;color:#191919;border-right:1px solid #dadada}.map-top-toolbar span a.hover,.map-top-toolbar span a:hover{background:#1e5bd6;color:#fff}.map-top-toolbar span:first-child a{border-radius:0 4px 4px 0;border-right:0 solid #dadada!important}.map-top-toolbar span:last-child a{border-radius:4px 0 0 4px}.map-top-toolbar span a i{vertical-align:middle;font-size:6px;margin-left:2px;color:#999}.map-top-toolbar .sub-menu{position:absolute;right:0;top:-10000px;min-width:100px;color:#000;padding:0;background:rgba(255,255,255,1);box-shadow:0 3px 8px 0 rgba(0,0,0,.3);height:auto;margin:0}.map-top-toolbar .show{top:37px}.map-top-toolbar .sub-menu li{box-sizing:border-box;width:100%;text-align:left;height:42px;line-height:42px;padding:0 0 0 16px;color:rgba(25,25,25,1);list-style:none}.map-top-toolbar .sub-menu li.switch{width:170px}.map-top-toolbar .sub-menu li.switch>span{display:inline-block;width:40px;float:right;margin-right:7px}.map-top-toolbar .sub-menu li:hover{background:#d2ddf2;color:#191919}"]
}] }
];
/** @nocollapse */
ToolBar3Component.ctorParameters = function () { return []; };
return ToolBar3Component;
}());
export { ToolBar3Component };
if (false) {
/** @type {?} */
ToolBar3Component.prototype.hoverId;
/** @type {?} */
ToolBar3Component.prototype.thisMenuId;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1iYXIzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2VjcC11aS1saWIvIiwic291cmNlcyI6WyJsaWIvdG9vbC1iYXIzL3Rvb2wtYmFyMy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFFaEQ7SUFrQkU7UUFYQSxZQUFPLEdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUTs7UUFDN0IsZUFBVSxHQUFXLENBQUMsQ0FBQyxDQUFDLFVBQVU7SUFXbEMsQ0FBQzs7Ozs7O0lBVkQsbUNBQU87Ozs7OztJQUFQLFVBQVEsQ0FBQztRQUNQLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7Ozs7O0lBQ0QsdUNBQVc7Ozs7SUFBWCxVQUFZLENBQUM7UUFDWCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQztRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztJQUN0QixDQUFDOzs7O0lBS0Qsb0NBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7Z0JBdEJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsd2dEQUF5Qzs7aUJBRTFDOzs7O0lBb0JELHdCQUFDO0NBQUEsQUF4QkQsSUF3QkM7U0FuQlksaUJBQWlCOzs7SUFFNUIsb0NBQW9COztJQUNwQix1Q0FBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWNwLXRvb2wtYmFyMycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2wtYmFyMy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbC1iYXIzLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9vbEJhcjNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBob3ZlcklkOiBudW1iZXIgPSAwOyAvLyDlvZPliY3lt7LpgInkuK1cclxuICB0aGlzTWVudUlkOiBudW1iZXIgPSAwOyAvLyDlvZPliY3pgInkuK3lrZDoj5zljZVcclxuICBtZW51U2VsKGkpIHtcclxuICAgIHRoaXMuaG92ZXJJZCA9IGk7XHJcbiAgICB0aGlzLnRoaXNNZW51SWQgPSBpO1xyXG4gIH1cclxuICBzaG93U3ViTWVudShpKSB7XHJcbiAgICB0aGlzLmhvdmVySWQgPSBpO1xyXG4gICAgdGhpcy50aGlzTWVudUlkID0gaTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=