我使用Material for Angular4在我的网页上创建了一个md按钮.有没有办法改变涟漪效果的颜色并使其变白?我是否还可以更改其他纹波属性,例如涟漪效应的持续时间?
如何为角形材料创建“自定义”自己的颜色?
例如,引导程序像success
(绿色),warn
(黄色),danger
(红色),primary
(蓝色),accent
(粉红色)旁边的颜色。
换句话说:扩展Angular Material(2+)的颜色变量n以在html属性中使用它:
<button mat-raised-button color="success">Success</button>
Run Code Online (Sandbox Code Playgroud)
或创建一个白色复选框,例如:
<mat-checkbox color="white">Check me!</mat-checkbox>
Run Code Online (Sandbox Code Playgroud) 我已经开始扑动app开发了.我的问题是,如何在flutter应用程序中删除慢负载横幅.我已经使用了Material
不包含该debugShowCheckedModeBanner
属性的小部件(而不是MaterialApp).有没有办法在我的设备屏幕上摆脱那个横幅?
包含慢负载横幅的屏幕截图
如何使用材质选择控件在选择下拉控件内正确显示图标。选择了垫选项后,其选择图标的文字以及如何克服这个问题?
<mat-form-field>
<mat-select formControlName="genderFormControl" placeholder="Gender">
<mat-option>None</mat-option>
<mat-option *ngFor="let gender of genders" [value]="gender.value">
<mat-icon matListIcon>pregnant_woman</mat-icon>
{{gender.name}}
</mat-option>
</mat-select>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)
我正在使用垫子桌子,我需要使其具有响应性,当用户通过手机访问时,七个列仅显示给我三个,有人可以指导我吗?
我尝试使用fxHide,但没有成功。
.button-raised {
width: 60px;
height: 30px;
font-size: 12px;
min-width: 0px;
line-height: 0px;
padding: 0 0px;
}
.rdesp-status mat-icon {margin: 4px;}
.mat-table {
overflow: auto;
max-height: 500px;
}
Run Code Online (Sandbox Code Playgroud)
<mat-table [dataSource]="dataSource" [@animateStagger]="{value:'50'}">
<ng-container class="internalId" matColumnDef="internalId">
<mat-header-cell *matHeaderCellDef fxHide fxShow.gt-sm >Nº RDESP</mat-header-cell>
<mat-cell *matCellDef="let element" fxHide fxShow.gt-sm >
<p class="text-grey" matTooltip="{{element.internalId}}">{{element.number}}</p>
</mat-cell>
</ng-container>
<ng-container class="alias" matColumnDef="alias">
<mat-header-cell *matHeaderCellDef>Apelido</mat-header-cell>
<mat-cell *matCellDef="let element">
<p class="text-truncate" matTooltip="{{element.alias}}">{{element.alias}}</p>
</mat-cell>
</ng-container>
<ng-container class="containerName" matColumnDef="name">
<mat-header-cell *matHeaderCellDef>Nome</mat-header-cell>
<mat-cell *matCellDef="let element">
<span class="mobile-label">Nome</span>
<p class="text-truncate" matTooltip="{{element.alias}}">{{element.name}}</p>
</mat-cell>
</ng-container> …
Run Code Online (Sandbox Code Playgroud)我找不到它。为什么在材料设计图标中没有减号图标?
https://docs.flutter.io/flutter/material/Icons-class.html
I can have Add icon https://docs.flutter.io/flutter/widgets/IconData-class.html but why there is no minus icon?
我买了一个房间的3D模型.该模型采用的.obj
格式.现在,我正在尝试将此模型导入Unity3D.
该模型带有:
5
x .obj
档案 5
x .mtl
档案n
x .jpg
档案n
x .tga
档案The .mtl
files contained paths that do not exist on my PC. So I removed the paths. The images files (.jpg
& .mtl
) are in the same directory as the .obj
files. When I tried to import the .obj
files, the room has no material on it.
I then tried to use the FBX converter (with "Embed media" …
我正在尝试使用WAMP将google material-icons添加到我当前在localhost上的本地WordPress项目中.使用CDN,一切都很完美,但我想要一个静态的图标参考.
这是我的目录结构
/
-index.php
-css/
----style.min.css
----MaterialIcons-Regular.eot
----MaterialIcons-Regular.ttf
----MaterialIcons-Regular.woff
----MaterialIcons-Regular.woff2
Run Code Online (Sandbox Code Playgroud)
在style.min.css
我有:
.material-icons{
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px; /* Preferred icon size */
display: inline-block;
width: 1em;
height: 1em;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: …
Run Code Online (Sandbox Code Playgroud) 我的.obj文件旁边有一个.mtl文件,它指定了对象的材质.我试图创建一个解析器但不知道"Ke"属性的含义.例如:
Ka 0.78 0.78 0.78
Kd 0.78 0.78 0.78
Ks 0 0 0
Ke 17 12 4 # What does this line mean?
Run Code Online (Sandbox Code Playgroud)
谢谢 :)
角度材料的datepicker.我想保持日期选择器的更改格式为dd-mm-yyyy.
angular.module('MyApp')
.controller('AppCtrl', function($scope) {
$scope.myDate = new Date();
$scope.minDate = new Date(
$scope.myDate.getFullYear(),
$scope.myDate.getMonth() - 2,
$scope.myDate.getDate());
$scope.maxDate = new Date(
$scope.myDate.getFullYear(),
$scope.myDate.getMonth() + 2,
$scope.myDate.getDate()); }).config(function($mdDateLocaleProvider) {
$mdDateLocaleProvider.formatDate = function(date) {
return moment(date).format('YYYY-MM-DD');
};
});
Run Code Online (Sandbox Code Playgroud)
但我希望在应用程序中为所有日期选择器进行一次配置.我认为这个例子是针对单日期选择器的.