开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular2 material lite固定标题不起作用

Angular2 Material Lite是一个基于Angular2的UI组件库，它提供了一套现代化的UI组件，帮助开发者快速构建美观、响应式的Web应用程序。

固定标题不起作用可能是由于以下几个原因：

使用错误的指令或属性：在Angular2 Material Lite中，固定标题通常是通过mdl-layout__header-row类来实现的。确保你正确地将这个类应用于你的标题行元素上。
CSS样式冲突：检查你的样式表，确保没有其他样式覆盖了固定标题的样式。你可以使用浏览器的开发者工具来检查元素的样式，并查看是否有其他样式影响了固定标题。
版本兼容性问题：Angular2 Material Lite可能与你使用的Angular版本不兼容。请确保你使用的Angular版本与Angular2 Material Lite的要求相匹配。你可以查阅Angular2 Material Lite的官方文档或GitHub页面，了解它所支持的Angular版本。

如果固定标题仍然不起作用，你可以尝试以下解决方案：

更新Angular2 Material Lite版本：检查是否有新的版本可用，并尝试更新到最新版本，以解决可能存在的bug或问题。
查阅官方文档和社区支持：查阅Angular2 Material Lite的官方文档和社区支持论坛，寻找类似问题的解决方案或向其他开发者寻求帮助。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供高性能、可靠稳定的云服务器实例，适用于各种场景和工作负载。您可以通过腾讯云云服务器来部署和运行您的Angular2 Material Lite应用程序。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

静态网页托管平台的选择

Material Design Lite Material Design Lite (MDL)是谷歌根据自己的Material Design设计风格开发的精简版Web UI框架, 虽然市面上有很多基于material...MDL的官网和git仓库, 以及material的官方字体图标: https://getmdl.io/ https://github.com/google/material-design-lite https...://material.io/tools/icons/ 所以我的博客也叫Blog Lite, 意指完全遵循material的精简博客 Blog Lite 当前版本0.1.1 首先声明, 这个blog适用的人群有限...可以看出其结构, 首先这个矩形是一个黄金矩形, 即宽高比例是1:0.618, /* gold = (5**0.5-1)/2 */, 标题在左下角, logo在右侧, 为了美观, 你之后在填写data.json...的时候有几点需要注意: 标题不能太长, 控制在2~20个字符之间背景图可压缩, 但最好以淡色为主(为了突出logo) logo请裁剪成透明png, 同时宽高比尽可能接近1:1(不够的可拿透明色填充)

1.4K3 0

AngularDart Material Design 应用布局顶

shadow 材质标题上的修饰符可以将阴影应用于标题。 dense-header 使主要使用鼠标和键盘界面的应用栏更加密集。 material-header-row 标题中的一行。...material-spacer 占用标题和任何导航链接之间的空间。需要在标题之后和任何导航元素之前放置。 material-navigation 导航元素将显示在头部的左侧。...对于抽屉外部的主要内容，将其包装在material-content元件中或具有material-content样式类的元素中。固定性抽屉固定性抽屉是不能关闭的抽屉。它们完全由CSS提供。...如果它位于material-content之上，则抽屉和内容将位于应用栏下方，用于固定性和持久性抽屉。...mat-drawer-spacer CSS类是可选的，并确保如果标题位于material-content内，则抽屉内容将从标题的底部开始。

4K3 0

那些前端常用的网站插件

— 创建炫酷的 CSS3 动画 Pagepiling.js — 全屏滚动 Multiscroll.js — 两列垂直反向滚动 Favico.js — 动态 favicon Midnight.js — 固定头部切换效果...实时格式化输入内容 Page — 客户端单页应用路由 Selectize.js — 用来添加 tag 的 Hybrid 选择框 Nice select — 创建漂亮的选择框的 jQuery 库 Tether — 使用固定定位来创建相关元素...Jquery 选择框插件 IziToast — 通知弹窗实现 IziModal — 模态框实现 CSS 库 / 设计相关 Animate.css — 动画库 Flat UI Colors — 扁平化设计配色 Material...design lite— 基于 Google material design 的框架 Colorrrs — 随机颜色生成器 Section separators — CSS 实现区域分割 Topcoat

4.4K5 0

2015-2016前端架构体系技术精简版

lowerCase，可扩展表达式设计：if-else等实现 viewmodel结构设计：例如数据，元素，方法的挂载与作用域数据更变检测：函数触发，脏数据检测、对象hijacking **polymer/angular2...网格布局 susy Responsive Grid System Fluid 960 Grid(adaptjs) Simple Grid **搜索引擎与前端SEO tdk优化页面内容优化唯一的H1标题...八、研究实验 **WebAssembly、webTRC、typescript **Material design规范的前端框架交互动效库 **AMP-HTML规范使用受限HTML以及缓存技术来提高移动网络中静态内容的性能

3.8K5 0

2015-2016前端架构体系技术精简版

lowerCase，可扩展表达式设计：if-else等实现 viewmodel结构设计：例如数据，元素，方法的挂载与作用域数据更变检测：函数触发，脏数据检测、对象hijacking **polymer/angular2...网格布局 susy Responsive Grid System Fluid 960 Grid(adaptjs) Simple Grid **搜索引擎与前端SEO tdk优化页面内容优化唯一的H1标题...八、研究实验 **WebAssembly、webTRC、typescript **Material design规范的前端框架交互动效库 **AMP-HTML规范使用受限HTML以及缓存技术来提高移动网络中静态内容的性能

3.2K2 0

flutter 起步

persistentFooterButtons - 固定在下方显示的按钮，比如对话框下方的确定、取消按钮。drawer - 抽屉菜单控件。...Scaffold :Scaffold 实现了基本的 Material Design 布局结构。在 Material 设计中定义的单个界面上的各种布局元素，在 Scaffold 中都支持。...persistentFooterButtons - 固定在下方显示的按钮，比如对话框下方的确定、取消按钮。drawer - 抽屉菜单控件。...title → Widget - Toolbar 中主要内容，通常显示为当前界面的标题文字。...用来在 Toolbar 标题下面显示一个 Tab 导航栏。

4.5K2 0

《Flutter》-- 4.Flutter组件基础

4.1.3 MaterialApp MaterialApp是Flutter开发的符合Material设计理念的Widget，可以将它类比为网页开发中的标签，它提供了路由、主题色和标题等功能。...作为Flutter提供的入口Widget，MaterialApp有以下几个比较重要的参数： 1）title：String类型，表示在Android应用管理器的App上方显示的标题，对iOS设备不起作用。...AppBar的基本属性如下： 1）leading：标题左边的图标按钮，默认是一个返回箭头样式的按钮。 2）title：导航栏标题。...4）flexibleSpace：位于标题下面的空白空间。 5）bottom：位于导航栏底部的自定义组件。 6）elevation：控制下方阴影栏的坐标。...11）centerTitle：标题是否居中显示。 12）titleSpacing：标题的间距。 13）toolbarOpacity：导航栏透明度，1.0表示完全不透明，0.0表示完全透明。

12.4K3 0

OpenGL ES学习001---绘制三角形

经过多年发展，现在主要有两个版本，OpenGL ES 1.x 针对固定管线硬件的，OpenGL ES 2.x 针对可编程管线硬件。...OpenGL ES 1.0 是以 OpenGL 1.3 规范为基础的，OpenGL ES 1.1 是以 OpenGL 1.5 规范为基础的，它们分别又支持 common 和 common lite两种profile...lite profile只支持定点实数，而common profile既支持定点数又支持浮点数。...EGLConfig config) { gl.glClearColor(0.0f, 0f, 0f, 0.5f); // 启用顶点数组（否则glDrawArrays不起作用

1.1K13 0

【软件开发规范七】《Android UI设计规范》

Material Design 中文版文档 2.1 核心思想 Material Design 的核心思想，就是把物理世界的体验带进屏幕。...编辑 Dialog 包含了一个标题(可选)，内容，事件。标题：主要是用于简单描述下选择类型。它是可选的，要需要的时候赋值即可。内容：主要是描述要作出一个什么样的决定。...编辑菜单从当前选项固定位置展开，不要跟随点击位置改变。编辑菜单到上下留出8dp距离。 ...编辑副标题（Subheaders）编辑小标题是列表或网格中的特殊瓦片，描述列表内容的分类、排序等信息。 ...编辑滚动时，如果列表较长，小标题会固定在顶部，直到下一个小标题将它顶上去。编辑存在浮动按钮时，小标题要让出位置，与文字对齐。

5K2 0

通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout

特别喜欢稀土掘金个人界面的样子，那我们就来看看如何实现这个效果吧，要想实现这个效果，肯定需要的是Material Design风格，那就需要学会使用以下控件：CoordinatorLayout，AppBarLayout...我们刚才上面也说了AppBarLayout是一个竖直方向的线性布局，如果里面包含多个子View时，要想有折叠动画效果，必须把带有scroll flag的view放在前面，这样收回的view才能让正常退出，而固定的...layout_scrollFlags，它可以控制包含在CollapsingToolbarLayout中的控件在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端...它不像 Actionbar 一样，一定要固定在Activity的顶部，而是可以放到界面的任意位置。...除此之外，在设计 Toolbar 的时候，Google也留给了开发者很多可定制修改的余地，这些可定制修改的属性在API文档中都有详细介绍，如：设置导航栏图标；设置App的logo；支持设置标题和子标题

2.3K9 0

自适应宽度元素单行文本省略用法探究

单行文本省略适用于显示摘要信息的场景，如列表标题、文章摘要等。在响应式开发中，自适应宽度元素单行文本省略容易失效不起作用，对网页开发这造成困扰。因此，本文将要要探究自适应宽度元素单行文本省略用法。...最后，我尝试着给p标签设置宽度为auto或100%，结果不变；给p标签和span标签设置固定宽度值为300px，结果不变；用其他标签把p标签和span标签包裹起来，结果不变；给包裹元素设置固定宽度值，结果还是一样的...1879408419498933204.jpg" width="100%" height="auto" /> 这是一个标题...1879408419498933204.jpg" width="100%" height="auto" /> 这是一个标题... 在这个flex布局的实例中，元素right的宽度时自适应的，元素right内的h2和p元素单行文本省略样式都不起作用。

2.4K3 0

Material Design — 网格列表（Grid lists）

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚...Grid lists Material Design链接：Grid lists ?...例如，一个grid list中的所有标题可能位于左下角，而另一个网格列表中的所有标题可能会放置在左上角。 ? 次要操作与文案的位置 ---- 行为滚动 grid lists通常只能垂直滚动。...或者，增加grid的大小，以便tiles可以容纳较长的标题。响应式设计全屏grid lists应该使用Ratio Keylines导出的具有最小和最大宽度的流体图像比率。...他们应该保留固定的高度，margins和padding。居中的grid lists具有最小宽度的fluid margins。它们保持固定的图像宽度，高度和padding。

3.5K12 0

Flutter实现底部菜单导航

图标按钮是固定在一个工具栏 “bar” 上面。然后呢，需要分别需要有按钮对应的界面，就是说按钮有多少个，那么界面需要对应的有多少个。我们来一个清单列表：按钮图标区域。...用于展示按钮图标，并且能固定在底部。首页。用于将工具栏放入界面中，并且将按钮对应的界面作为它的子元素存放于其中。不同的按钮对应的界面。在我们点击的图标按钮的时候，展示不同的界面。...正如前面说的，我们底部的按钮区域展示的图标加上文字是固定格式，所以将这一部分抽取出来，作为一个公共的 class，方便界面程序维护。...AnimationController controller; // 类似于 java 中的构造方法 // 创建 NavigationIconView 需要传入三个参数， icon 图标，title 标题...currentIndex: _currentIndex, // 当前点击的索引值 type: BottomNavigationBarType.fixed, // 设置底部导航工具栏的类型：fixed 固定

4.3K1 0

在 Flutter 中创建漂亮的底部导航栏

以自定义新样式在AppBar上添加徽章支持优雅的过渡动画提供Hook API来重载一些内部样式 RTL布局支持属性: 下面是「*Convex_Bottom_Bar*」的一些属性: 「fixed」 (副标题图标停留在中心...) 「fixedCircle」 (相同，但在固定图标的所有边上都有一个白色的圆圈) 「react」 (上标图标取代点击另一个图标) 「reactCircle」 (与上标图标中的白色圆圈相同) 「textIn...」 (选定的离子出现相应的标题) 「titled」 (未选择的图标是显示其标题的单个图标) 「flip」 (点击图标显示一个 flip 动画) 「custom」 (使用 ConvexBottomAppBar...}, ), main.dart import 'package:convex_bottom_bar/convex_bottom_bar.dart'; import 'package:flutter/material.dart...Home 页: import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class Home

8K1 0

FlutterComponent最佳实践之TabbarIndicator

固定的indicator & 滑动系数监听那么如果我需要去掉indicator的滑动效果呢？...有了滑动系数，我们就可以很方便的对Tab中的标题做Scala动画，同时对固定的indicator做动画了。...Material效果的indicator 应群友的呼声，增加了Material效果的indicator，很奇怪的是，官方居然没有支持这种Material风格，带伸缩的indicator，Native上都支持了...原始的Indicator在滑动时，是固定尺寸的，在Tabbar源码中，我们找到_IndicatorPainter，这个CustomPainter负责了对Indicator的绘制，所以，我们要想获得类似Material...图中还顺带演示了前一个固定的indicator的实现效果。

1.2K2 0

Flutter Lesson 4: Flutter组件之App布局组件

MaterialApp MaterialApp是Google给我们封装好的一个UI库，如果要是有MaterialApp，我们需要在Dart文件的开头引用 import 'package:flutter/material.dart...AppBar 这个是可以创建一个App标题栏的Widget，也支持很多的属性 AppBar({ Key key, this.leading, // 导航widget，一般就是标题栏左侧的返回键...顾名思义，title就是标题的意思，centerTitle就是标题居中的意思。 Text 很简单，Text就是文本的意思，我们要显示的文本都是放在Text Widget中的。...使用固定的路由名上面说到的路由其实只是Navigator的一种，还有一种就是使用固定的路由名，有点像react-router 中我们定义一个Router把所有的路由都放在里面下面看看主入口文件main.dart...import 'package:flutter/material.dart'; import '.

1.7K5 0

设计师会编程、程序员懂艺术：Semi Flat Design

在界面设计的时候，分析各组成元素的高度及阴影，在Material Design中显得非常重要。 ? 在运用Material Design中，我们往往忽视高度及阴影的关系，而盲目的统一给个阴影值。 ?...需要有个背景大图，大图上有一个文本框，显示标题跟正文，文本框是毛玻璃的效果。先试试毛玻璃效果，效果见下图 ?...我们发现，在这个应用了blur效果的div里，不管输入啥，比如我们的h3标题及p的文本内容，也是糊成一片的。很明显需要在另外个平行div里实现文本内容的输入。...再调整下background-attachment，把底图设置成固定fixed。 background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。...1）fixed：背景图像相对于窗体固定。 2）scroll：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。

2.4K6 0

Material Design —Tabs

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚...Tabs Material Design链接：Tabs ?...左：默认app bar和固定的tab bar 中：延长的app bar和固定的tab bar 右：固定的tab bar固定到滚动内容顶部 ?...选择文字标签时，请使用简短的标题。避免对内容进行交叉标签比较的需要。重要的跨标签比较可能表明内容将从不同的组织方式或展示方式中获益，从而使内容更接近。 ?...固定tabs 固定tabs可同时显示所有tabs，最适合用于需要固定位置tabs之间快速切换的内容，例如切换Google地图中指示运输路径的方向。

2.4K10 0

App项目实战之路(四):UI篇

一个sketch文件中可以新建多个Page，每个Page对应一个无限的画布，可以直接在画布里绘画，但一般都会在画布里插入多个固定尺寸的Artboard，然后在Artboard里绘画。...举个例子，App很多页面的标题栏基本都一样的，标题栏的宽高、背景、控件等都一样，不同的可能就是需要更改标题。这种情况下，用Symbol就很合适了。...使用Symbol定义标题栏，然后所有相关页面统一使用该Symbol。那么，如果需要做修改，比如更改背景颜色，那只要修改了该Symbol，所有使用了该Symbol的页面的标题栏也全部会更新。...我一直很喜欢MD(Material Design)，以前接手过的项目中，就一直很想尝试MD。...下面是这两份文档的地址：官方文档：https://material.google.com 中文文档：http://wiki.jikexueyuan.com/project/material-design

1.2K3 0

Flutter中AspectRatio、Card 卡片组件

AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽度和比率决定的，类似于 BoxFit 中的 contain，按照固定比率去尽量占满区域。...值的类型为Widget；代码示例： import 'package:flutter/material.dart'; void main(){ runApp(MyApp()); } // 抽离成一个单独的组件...import 'package:flutter/material.dart'; void main(){ runApp(MyApp()); } // 抽离成一个单独的组件 class MyApp...NetworkImage(obj["imageUrl"]), ), // 标题...title:Text(obj["title"]), // 副标题

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭