ecp-ui-lib
Version:
50 lines • 5.84 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
export class ToolBar3Component {
constructor() {
this.hoverId = 0; // 当前已选中
// 当前已选中
this.thisMenuId = 0; // 当前选中子菜单
}
// 当前选中子菜单
/**
* @param {?} i
* @return {?}
*/
menuSel(i) {
this.hoverId = i;
this.thisMenuId = i;
}
/**
* @param {?} i
* @return {?}
*/
showSubMenu(i) {
this.hoverId = i;
this.thisMenuId = i;
}
/**
* @return {?}
*/
ngOnInit() {
}
}
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 = () => [];
if (false) {
/** @type {?} */
ToolBar3Component.prototype.hoverId;
/** @type {?} */
ToolBar3Component.prototype.thisMenuId;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbC1iYXIzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2VjcC11aS1saWIvIiwic291cmNlcyI6WyJsaWIvdG9vbC1iYXIzL3Rvb2wtYmFyMy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFPaEQsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QjtRQVhBLFlBQU8sR0FBVyxDQUFDLENBQUMsQ0FBQyxRQUFROztRQUM3QixlQUFVLEdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBVTtJQVdsQyxDQUFDOzs7Ozs7SUFWRCxPQUFPLENBQUMsQ0FBQztRQUNQLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7Ozs7O0lBQ0QsV0FBVyxDQUFDLENBQUM7UUFDWCxJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsQ0FBQztRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztJQUN0QixDQUFDOzs7O0lBS0QsUUFBUTtJQUNSLENBQUM7OztZQXRCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLHdnREFBeUM7O2FBRTFDOzs7Ozs7SUFHQyxvQ0FBb0I7O0lBQ3BCLHVDQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlY3AtdG9vbC1iYXIzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbC1iYXIzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90b29sLWJhcjMuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sQmFyM0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGhvdmVySWQ6IG51bWJlciA9IDA7IC8vIOW9k+WJjeW3sumAieS4rVxyXG4gIHRoaXNNZW51SWQ6IG51bWJlciA9IDA7IC8vIOW9k+WJjemAieS4reWtkOiPnOWNlVxyXG4gIG1lbnVTZWwoaSkge1xyXG4gICAgdGhpcy5ob3ZlcklkID0gaTtcclxuICAgIHRoaXMudGhpc01lbnVJZCA9IGk7XHJcbiAgfVxyXG4gIHNob3dTdWJNZW51KGkpIHtcclxuICAgIHRoaXMuaG92ZXJJZCA9IGk7XHJcbiAgICB0aGlzLnRoaXNNZW51SWQgPSBpO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==