标签: material

Angular4更改md按钮的纹波颜色

我使用Material for Angular4在我的网页上创建了一个md按钮.有没有办法改变涟漪效果的颜色并使其变白?我是否还可以更改其他纹波属性,例如涟漪效应的持续时间?

material angular

7
推荐指数
1
解决办法
4241
查看次数

在角度材质中添加自定义颜色变量(2+)

如何为角形材料创建“自定义”自己的颜色?

例如,引导程序像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)

colors material angular

7
推荐指数
3
解决办法
5021
查看次数

如何删除flutter应用程序中的慢速模式标记

我已经开始扑动app开发了.我的问题是,如何在flutter应用程序中删除慢负载横幅.我已经使用了Material不包含该debugShowCheckedModeBanner属性的小部件(而不是MaterialApp).有没有办法在我的设备屏幕上摆脱那个横幅? 包含慢负载横幅的屏幕截图

material flutter

7
推荐指数
1
解决办法
3231
查看次数

如何在角形材质中显示图标选择&lt;mat-option&gt;并选择相同的选项

如何使用材质选择控件在选择下拉控件内正确显示图标。选择了垫选项后,其选择图标的文字以及如何克服这个问题?

            <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)

在此处输入图片说明


在此处输入图片说明

material angular-material2 angular

7
推荐指数
1
解决办法
4202
查看次数

隐藏列Mat-Table Angular

我正在使用垫子桌子,我需要使其具有响应性,当用户通过手机访问时,七个列仅显示给我三个,有人可以指导我吗?

我尝试使用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)

material angular angular6

7
推荐指数
1
解决办法
3473
查看次数

颤振材质图标减号

我找不到它。为什么在材料设计图标中没有减号图标?

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?

material flutter

7
推荐指数
1
解决办法
1596
查看次数

如何导入3D场景(带.mtl文件的.obj文件)

我买了一个房间的3D模型.该模型采用的.obj格式.现在,我正在尝试将此模型导入Unity3D.

该模型带有:

  • 5x .obj档案
  • 5x .mtl档案
  • nx .jpg档案
  • nx .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" …

import unity-game-engine material fbx

6
推荐指数
1
解决办法
3万
查看次数

谷歌素材图标(字体)不会在mozilla Firefox中呈现

我正在尝试使用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)

css wordpress firefox font-face material

6
推荐指数
1
解决办法
2166
查看次数

MTL文件中的KE属性

我的.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)

谢谢 :)

3d wavefront material .obj

6
推荐指数
1
解决办法
1629
查看次数

我想将md-datepicker的设置格式设置为dd-mm-yyyy

角度材料的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)

但我希望在应用程序中为所有日期选择器进行一次配置.我认为这个例子是针对单日期选择器的.

material angularjs

6
推荐指数
2
解决办法
1万
查看次数