@wjya/ngx-webapp-icpc.group.pms/src/pms/sms/sms-recharge/sms-recharge-modal.component.metadata.json

angular webapp : icpc.group.pms

[{"__symbolic":"module","version":4,"metadata":{"SmsRechargeModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"zx-sms-recharge-modal","template":"<nz-modal [nzVisible]=\"modalIsVisible\" [nzWidth]=\"600\" [nzTitle]=\"modalTitle\" [nzContent]=\"modalContent\" [nzFooter]=\"null\" (nzOnCancel)=\"handleCancel()\"><ng-template #modalTitle><i class=\"anticon anticon-pay-circle-o\"></i> <span>购买短信包</span></ng-template><ng-template #modalContent><p style=\"margin-bottom: 15px;text-align: center;\">短信包不支持退款，请确认后购买</p><div nz-row [nzGutter]=\"12\" class=\"row\"><div nz-col [nzSpan]=\"8\" *ngFor=\"let item of data; let i = index\" (click)=\"index = i;selectPackage(item)\"><div [ngStyle]=\"{'border-color':index === i ? '#1890FF' : '#000' }\"><div><span>{{item.name}}</span></div><div><span>{{item.rowNumber}}</span> <b>条</b></div><div><span>￥{{item.sellPrice}}</span> <s>￥{{item.originalPrice}}元</s></div><div>{{item.sellPrice/item.rowNumber}}元/条</div><span class=\"hot\" *ngIf=\"item.hotFlag\">HOT</span></div></div></div><div style=\"margin-top: 15px;text-align: center;\"><button nz-button [nzType]=\"'primary'\" (click)=\"buy()\" [disabled]=\"!currentPackageId\"><span>立即购买</span></button></div></ng-template></nz-modal>","styles":["\n        :host .row > div > div{\n            text-align:center;\n            border:1px solid #000;\n            border-radius: 5px;\n            cursor: pointer;\n            position: relative;\n        }\n        :host .row > div > div > div:nth-child(1) {\n            margin-top: 30px;\n        }\n        :host .row > div > div > div:nth-child(1) > span{\n            background: #eee;\n            padding: 4px 12px;\n        }\n        :host .row > div > div > div:nth-child(2) {\n            margin: 40px 0;\n            color: #000;\n        }\n        :host .row > div > div > div:nth-child(2) > span{\n            font-size: 20px;\n            font-weight: bold;\n        }\n        :host .row > div > div > div:nth-child(3) > span{\n            font-size: 20px;\n            color: #1890FF\n        }\n        :host .row > div > div > div:nth-child(4) {\n            margin: 10px 0 30px 0;\n        }\n        :host .hot {\n            position: absolute;\n            top: 2px;\n            right: -20px;\n            transform: rotate(45deg) scale(0.8);\n            height: 0px;\n            border-bottom: 20px solid #ec9314;\n            border-left: 20px solid transparent;\n            border-right: 20px solid transparent;\n            font-size: 12px;\n            color: #fff;\n        }\n        "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":61,"character":24},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":62,"character":32},{"__symbolic":"reference","module":"./../../service/data-source.helper","name":"DataSourceHelper","line":63,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"loadAll":[{"__symbolic":"method"}],"selectPackage":[{"__symbolic":"method"}],"handleCancel":[{"__symbolic":"method"}],"buy":[{"__symbolic":"method"}]}}}}]