kmplayer右上角显示时间问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了kmplayer右上角显示时间问题相关的知识,希望对你有一定的参考价值。
不知怎么回事,打开KMP以后,右上角出来记时条,我找了半天设置也没发现怎么弄没了。请高手指教。
真奇怪,今天又没有那个时间条了。而且我确信那天所有的文件都是有时间条。真是奇怪。
帮不了你了。。。。
不过现在KMPL出新版本的 www.skycn.com里的
界面比以前好了 操作也有改善 建议去看看~
垫子徽章显示在按钮内部而不是右上角
【中文标题】垫子徽章显示在按钮内部而不是右上角【英文标题】:Mat Badge displays inside button instead of upper right 【发布时间】:2018-08-24 17:21:47 【问题描述】:我正在尝试使用有棱角材料的徽章。我有一堆导航按钮,我想把它们放在上面,但它只是把数字放在按钮内,而不是像例子一样在按钮右上角放一个带有数字的小圆圈:@987654321 @
这是我的样子: https://imgur.com/a/4tM8fc8
HTML:
<div fxLayout="column" fxLayoutAlign="start stretch">
<button mat-raised-button type="button" matBadge="8" *ngFor="let item of items" [color]="item.Active ? 'accent' : null" fxLayout="row" fxLayoutAlign="space-between center" (click)="HandleItemClick(item)">
<mat-icon *ngIf="item.MenuIcon">item.MenuIcon</mat-icon>
<span>item.MenuText</span>
</button>
</div>
CSS:
:host
display: block;
background-color: #e0e0e0;
height: 100%;
button
margin: 5px;
button mat-icon
margin-right: 10px;
div
background-color: #e0e0e0;
我已经尝试了所有选项。数量不多,也不会改变任何东西。我确实将 MatBadgeModule 导入到我的 app.material.module.ts 文件中。这是我所有其他材料模块所在的地方,它们工作正常。我做了与示例完全相同的操作,但它不起作用。
如果是依赖问题,这里是我的 package.json:
"name": "PURE",
"version": "1.0.0",
"scripts":
"ng": "ng",
"start": "webpack-dev-server --port=4201",
"start.vs2017": "webpack-dev-server --port=4201 --config ./webpack.vs.config.js",
"start.aot.vs2017": "webpack-dev-server --port=4201 --aot --config ./webpack.vs.config.js",
"build": "webpack",
"build.aot": "webpack --config ./webpack.aot.config.js",
"build.vs2017": "webpack --config ./webpack.vs.config.js",
"build.aot.vs2017": "webpack --config ./webpack.vsaot.config.js",
"test": "karma start ./karma.conf.js",
"lint": "ng lint",
"e2e": "protractor ./protractor.conf.js",
"pree2e": "webdriver-manager update --standalone false --gecko false --quiet"
,
"private": true,
"dependencies":
"@angular/animations": "6.0.0",
"@angular/common": "6.0.0",
"@angular/compiler": "6.0.0",
"@angular/core": "6.0.0",
"@angular/forms": "6.0.0",
"@angular/http": "6.0.0",
"@angular/router": "6.0.0",
"@angular/platform-browser": "6.0.0",
"@angular/platform-browser-dynamic": "6.0.0",
"@angular/flex-layout": "6.0.0-beta.17",
"@angular/material": "6.0.0",
"@angular/cdk": "6.0.0",
"core-js": "^2.4.1",
"file-saver": "1.3.3",
"moment": "2.22.2",
"ng2-webstorage": "2.0.0",
"rxjs": "6.0.0",
"web-animations-js": "2.2.5",
"zone.js": "^0.8.12"
,
"devDependencies":
"@angular/cli": "1.6.5",
"@angular/compiler-cli": "5.2.5",
"@angular/language-service": "5.1.2",
"@types/jasmine": "~2.8.3",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.60",
"autoprefixer": "^6.5.3",
"codelyzer": "4.1.0",
"css-loader": "^0.28.1",
"cssnano": "^3.10.0",
"exports-loader": "^0.6.3",
"file-loader": "1.1.6",
"istanbul-instrumenter-loader": "3.0.0",
"jasmine-core": "2.99.1",
"jasmine-spec-reporter": "4.2.1",
"json-loader": "^0.5.4",
"karma": "2.0.0",
"karma-chrome-launcher": "2.2.0",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"less-loader": "^4.0.2",
"postcss-loader": "^1.3.3",
"postcss-url": "^5.1.2",
"protractor": "~5.1.2",
"raw-loader": "^0.5.1",
"sass-loader": "^6.0.3",
"script-loader": "^0.7.0",
"source-map-loader": "^0.2.0",
"string-replace-webpack-plugin": "0.1.3",
"style-loader": "^0.13.1",
"stylus-loader": "^3.0.1",
"ts-node": "3.2.0",
"tslint": "5.9.1",
"typescript": "2.5.3",
"url-loader": "0.6.2",
"webpack": "3.11.0",
"webpack-dev-server": "2.11.1"
,
"-vs-binding":
"ProjectOpened": [
"start.vs2017"
]
【问题讨论】:
请显示您正在使用的样式代码。 【参考方案1】:根据您的代码检查此 StackBlitz:Angular Material badge
HTML 文件:
<div fxLayout="column" fxLayoutAlign="start stretch">
<button
mat-raised-button
type="button"
matBadge="8"
*ngFor="let item of items"
[color]="item.Active ? 'accent' : null"
fxLayout="row"
fxLayoutAlign="space-between center"
(click)="doSomething()">
<mat-icon *ngIf="item.MenuIcon">item.MenuIcon</mat-icon>
<span>item.MenuText</span>
</button>
</div>
TS 文件:
export class AppComponent
name = 'Angular';
items = [];
constructor()
this.items = [
Active: true, MenuText: "Text 1", MenuIcon: "home"
];
doSomething()
console.log("LOG");
CSS 文件:
:host
display: block;
background-color: #e0e0e0;
height: 100%;
button
margin: 5px;
button mat-icon
margin-right: 10px;
div
background-color: #e0e0e0;
app.module.ts 文件:
import BrowserAnimationsModule from '@angular/platform-browser/animations';
import MatButtonModule from '@angular/material/button';
import MatIconModule from '@angular/material/icon';
import MatBadgeModule from '@angular/material/badge';
import FormsModule from '@angular/forms';
imports: [
BrowserModule, FormsModule, BrowserAnimationsModule,
MatButtonModule, MatIconModule, MatBadgeModule ]
style.css 文件:
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
我认为这是您缺少的部分,为棱角材料添加样式(这是强制性的)。
【讨论】:
我明白你在说什么。我的应用程序中有一个样式主题,它不是预构建的主题,并且由于我将材质模块从 5 更新到 6,它没有用于徽章的 css。我不得不从我的 scss 文件中重新生成我的 css。谢谢。以上是关于kmplayer右上角显示时间问题的主要内容,如果未能解决你的问题,请参考以下文章