文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Material Design — 按钮（ Buttons）

它们可以内联使用。 他们被点击时会抬起并触发墨水扩散效果。...推荐的按钮放置 标准提示框 屏幕上的按钮对齐方式：右边 将肯定性按钮放在右侧，否定性的放在左边。 表单 屏幕上的按钮对齐：左边 将肯定性按钮放在左侧，否定性的放在右边。...卡片 按钮最好放在卡的左侧以增加其可见度。 但是，由于卡片具有灵活的布局，因此可以将按钮放置在适合内容和上下文的位置，同时保持产品内的一致性。...对于内容相对简单的提示框，建议将按钮放在对话框的右侧，肯定性按钮位于否定性按钮的右侧。 对于冗长或复杂的表单，建议将按钮放在表单的左侧，肯定性按钮位于否定性按钮的左侧。...密度 当鼠标和键盘是主要的输入方法时，可以稍微减少按钮尺寸以适应密集的UI界面。 ---- 扁平按钮(Flat button) 用法 平面按钮印在材料上。 不会浮起，但点击时会填充颜色。

3.9K160
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    企业级低代码平台Jeecgboot3.4.2及3.4.3版本新功能介绍

    系统消息功能优化优化系统消息弹框风格当有新消息时，添加右上角消息通知，会弹出系统消息 图片支持弹出通知详情 点击“查看详情”即可弹出通知消息详情图片支持直接打开业务单据 当有流程通知或流程催办时可直接打开任务进行处理，图片支持标星...重要的消息，我们可以进行标星操作，标星后可能标星消息中查看 图片 支持查询图片三、菜单列表支持通过菜单名模糊查询图片四、快速定位方法点击右上角搜索可快速定位到路由菜单进行操作图片五、表单支持右侧嵌入评论区...showFooter })});....省略其他代码六、消息模板新增Markdown类型在“消息模板”中，新增或编辑时，模板类型选择“Markdown”即可使用markdown编辑器了。...支持表单右侧评论区（留言、历史、附件）图片3. online 子弹出表单维护图片4....支持 popup效果展示图片配置方式图片8. online 表单列表，操作列支持固定到最左侧默认在最左侧，可通过设置固定到最右侧图片9. online 表单样式优化，label超出4个字符省略显示图片二

    1.2K20

    【前端攻略--HTMLCSS】html 文档流的理解

    不受文档流的布局约束了，并且更重要的一点是，这个标签在原文档流中所占的空间也被清楚掉了。 那么，这几种脱离文档的的定位机制包括哪些呢？...内联元素也不会独有一行. 一切元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。有三种状况将使得元素离开文档流而存在,分别是浮动、绝对定位、固定定位....浮动元素不占任何正常文档流空间，而浮动元素的定位照样基于正常的文档流，然后从文档流中抽出并尽能够远的挪动至左侧或许右侧。...网页中大部分对象默认是占用文档流，也有一些对象是不占文档流的，比如表单中隐藏域。当然我们也可以让占用文档流的元素转换成不占文档流，这就要用到CSS中属性position来控制。...普通流就是正常的文档流，在HTML里面的写法就是从上到下，从左到右的排版布局。

    2.4K20

    低代码海报平台的编辑器难点剖析

    这是目前生产的编辑器页面： 对应的原型图： 不难看出和市面上大部分低代码平台一样，由三部分组成：左侧组件列表、中间画布区域、右侧属性区域。...大致操作流程就是拖动左侧的组件到中间的画布，选中组件，右侧属性面板就会展示与该组件关联的属性。编辑右侧属性，画布中对应的组件样式就会同步更新。页面拼接完成。...这个时候，怎么在右侧属性区域动态展示不同组件的不同属性呢？...当用户输入了不合法的或者类型不匹配时，可给予适当的错误提示信息。 通过以上描述，我们会发现，这其实就是我们常用的表单。...4画布区域交互设计实现 上面说了这么多，基本都是围绕左侧组件区域、中间画布区域、右侧属性区域相互之间的数据流动来讲的。最后来说一下画布区域本身一些比较复杂的交互实现。

    1.2K20

    Power BI条形图自定义维度标签位置

    Power BI 的条形图维度标签默认在左侧： 也可以切换轴位置放在右侧： 本文介绍一些更丰富的玩法。 1....标签在左侧且加上空心边框： 知识星球分享配套资料 新建占位度量值： M.位置.左 = MAXX(ALLSELECTED('A 店铺资料'[城市]),[M.销售业绩])*0.25 占位度量值为条形最大值的四分之一...标签在右侧，且添加连接线： 新建新的占位度量值： M.位置.右 = MAXX(ALLSELECTED('A 店铺资料'[城市]),[M.销售业绩])*1.25 这个占位度量值比实际数据的最大值略大，簇状条形图如下拖拽字段...标签在上方： 新建占位度量值，数据等于最大值： M.位置.上 = MAXX(ALLSELECTED('A 店铺资料'[城市]),[M.销售业绩]) 簇状条形图如下拖拽字段： 占位条形设置为透明色，数据标签选择城市列...标签在尾部 这里城市在条形上，数据在条形外。新建占位度量值： M.位置.尾 = [M.销售业绩] 簇状条形图的X轴相当于拖拽了两个数据相等的度量值： 使用重叠功能将两个条形完全重叠。

    4600

    【CSS】课程网站头部制作 ③ ( 搜索栏表单测量 | 搜索栏表单代码编写 | 代码示例 )

    文章目录 一、搜索栏表单测量 1、左侧边界 2、文本输入框表单尺寸 3、文本输入框表单提示文本测量 二、搜索栏表单代码编写 1、HTML 标签结构 2、CSS 样式 3、输入表单效果 一、搜索栏表单测量...---- 1、左侧边界 搜索栏 , 大概结构如下 , 左侧是个文本框 , 右侧是个按钮 ; 导航栏文本 有 10 像素内边距 , 20 像素外边距 , 文本输入框 表单 , 距离 导航栏外边距有...65 像素 ; 2、文本输入框表单尺寸 左侧的表单 高度 38 像素 , 边框 1 像素 , 左侧表单的长度为 360 像素 , 测量 361 像素 , 减去 1 像素边框 ; 使用吸管工具...提示文本在 Input 表单中的 value 属性中设置 ; 提示文本左侧 距离边框 有 20 像素 , 这里可以设置 20 像素的内边距 ; 注意 : 设置内边距会拉长盒子 , 盒子的尺寸要减去内边距..., 方便与右侧的按钮进行排列 */ float: left; /* 宽度为 360 像素, 但是左侧有 20 像素内边距变为 340 像素 */ width: 340px; /* 高度 38

    1.9K30

    HTML

    和：上角标和下角标 ? ? 　　：换行 ? ? 　　：水平线 ? ? 　　 两个在html中没有实质性作用，只是配合css的使用。... block（块）元素的特点： ①总是在新行上开始 ②高度，行高以及外边框和内边距都可控制 ③宽度缺省是它的容器的100%，除非设定一个宽度 ④它可以容纳内联元素和其他块元素 lnline...表单属性：HTML表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互。表单标签，要提交的所有内容都应该在该标签中。 　　...value：表单提交项的值 　　对于不同的输入类型，value属性的用法也不同 　　type="button","reset","submit"　　定义按钮上的显示文本 type="text" "...password"  "hidden"　　定义输入字段的初始值 type="checkbox","radio","image"　　定义与输入相关的值 checked：radio和checkbox默认选中

    1.5K91

    表单的 9 种设计技巧【上】

    根据 Matteo Penzo 研究发布的关于标签对齐的文章：采用顶部左对齐的标签样式，浏览表单所需的时间最短，而左侧左对齐则用时最长。...以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹（圆圈越大，注视时间越长）：图片图片图片可以看到，在顶部左对齐的设计中，用户能够在单次视线移动中同时获取标签和输入字段，可以更快理解表单。...而左侧左对齐会迫使用户通过注视更大范围的屏幕空间获取信息，从而拖慢用户的反应速度。如果希望用户能快速扫描填写表单，那么标签顶部对齐是最佳选择。...注意对齐的一致性，所有标签在整个表单中都应该遵循相同的对齐方式。...图片 因为左侧左对齐使得浏览表单所需时间最长，如果表单要求敏感数据如银行卡号等，也可以使用左侧左对齐来故意减缓用户的填写速度，来确保填写的准确性。

    71550

    C++笔记——关于拷贝构造、拷贝赋值、析构（0）

    拷贝构造函数： 图一 在图一中，红色箭头所指的函数就是构造函数。构造函数输入类型是自己，那么就是拷贝构造函数。...图二 构造函数和析构函数的定义如图二所示，注意inline，因为这是在类的定义外面写的，所以要注意机上inline定义为内联函数，否则编译器会当作函数处理。...图一中的get_c_str就是默认内联函数了，因为在类定义的时候就已经定义了。析构函数里面要注意不能够省略掉delete，不然会导致内存泄露。...上图是拷贝赋值函数，注意检测，这里的检测一定不能够丢掉，因为这里的思路就是，将左侧的内容给清空，然后重新分配一个和右侧内容相同大小的空间，最后将右侧对象的内容复制到左侧对象（自己）去。...上图右侧是使用的例子。

    84810

    HTML

    ） :加粗标签（内联标签） :为文字加上一条中线（内联标签） :文字变成斜体（内联标签） :上角标（内联标签） :下角标（内联标签） :元素包含的内容,在显示格式上没有任何变化,没有应为插入元素而产生换行或者其他排版效果.这样的显示效果称为“行内元素”（内联标签） :元素所包含的内容，在格式上有所变化，每一个:（表单用于向服务器传输数据） 用来创建一个表单,在标签对之间的表单控件都属于表单的内容,表单可以说是一个容器. 1丶标签属性 ?  ...target属性用来指定目标窗口的打开方式 _blank是指将返回的信息显示在新打开的窗口中 _parent是指将返回信息显示在父级的浏览器窗口中 _self则表示将返回信息显示在当前浏览器窗口 _top...表示将返回信息显示在顶级浏览器窗口中 标签常用属性详解： text               文本输入框 password       密码输入框 radio             单选框

    2K20

    HTML入门

    比如，我们想要强调第一个，可以将标签包围第一个，这样b标签就是嵌套在了p标签中： 这是第一个页面 2.2.3 块级和行内 1）概念 在HTML中有两种重要元素类别，块级元素和内联元素...概念 float：指定一个元素应沿其容器的左侧或右侧放置，允许文本或者内联元素环绕它，该元素从网页的正常流动中移除，其他部分保持正常文档流顺序。 格式： 左侧分享区域（图片）。 实现中间正文区域（文本+图片）。 实现右侧广告区域（图片）。 实现底部页脚（链接）。...标签名 作用 备注 **label ** 表单元素的说明，配合表单元素使用 for属性值为相关表单元素的id属性值 input 表单中输入控件，多种输入类型，用于接受来自用户数据 type属性值决定输入类型...button 页面中可点击的按钮，可以配合表单进行提交 type属性值决定按钮类型 1）简单的文本输入框 label标签：表单的说明。

    2.3K30

    前端入门学习--HTML

    HTML 区块元素 块级元素在浏览器显示时，通常会以新行来开始。 例如 h1 p ul table HTML 内联元素 内联元素在显示时通常不会以新行开始。...HTML表单用于收集不同类型的用户输入。...表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。...表单使用表单标签 来设置: HTML 表单-输入元素 多数情况下被用到的表单标签是输入标签。input. 输入类型是由类型属性定义的，大多数经常被用到的输入类型如下。...当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

    13.1K40

    Python图表自定义设置

    若输入的是sd，会跳过bootstrapping的过程，只绘制数据的标准差； 若输入的是None，不会执行bootstrapping，而且错误条也不会绘制。...n_boot：计算置信区间需要的 Boostrap 迭代次数。 orient：绘图的方向（垂直或水平）。...大的色块通常在稍微不饱和的颜色下看起来更好，但是如果希望打印颜色与输入颜色规格完全匹配，请将其设置为1。 errcolor：表示置信区间的线的颜色。...lower right 4 图例显示在左下角 right 5 图例显示在右侧 center left 6 图例显示在左侧中心位置 center right 7 图例显示在右侧中心位置 lower center...8 图例显示在底部中心位置 upper center 9 图例显示在顶部中心位置 center 10 图例显示在正中心位置 ?

    1.5K10

    一篇文学会商用可编辑问卷表单制作【iVX 十二】

    1.1 编写登录页 登录页如下： 登录页布局比较简单，为一个行包含了两个行，左侧为一张图片用于显示，宽度占满了整行；右侧主要内容则是登录所需要填写的信息输入框。...标题栏主要由左侧与右侧组成，左侧、右侧各占整行的 50% 宽度，左侧主要为不同页面的跳转、右侧为当前页面所制作的表单保存按钮。...此时我们新建一个页面命名为编辑页，将该页的背景色改为灰色，使其与主要内容有层次的突出感；接着为其添加一个行命名为头部，在头部行中添加两个行，一个命名为标题栏左侧，另一个命名为标题栏右侧： 在此将标题栏左侧与右侧的垂直对齐设置为居中...我们首先在添加的内容列中创建 3 个行，一个行命名为表单内容，用于包裹其他两个行，其他两个行命名为标题与组件内容；接着我们再到标题行下创建两个内容行，一个命名为右侧显示，另一个命名为左侧显示，左侧显示用于显示标题内容...、右侧显示用于操作标题栏进行设置，组件内容则是动态添加的组件内容： 接着先添加标题栏内容，在左侧和右侧显示中添加如下图所示组件： 在此需要注意，设置标题内容输入框默认情况下为隐藏，此时页面呈现效果如下

    6.7K30

    android Fragment 的简单应用

    碎片(Fragment)是一种可以嵌入在活动中的UI片段，可以理解成一个迷你活动。...碎片的简单用法 在一个活动中添加两个碎片，两个碎片平分活动空间 1.新建一个左侧碎片布局left_fragment.xml，这个布局只放置了一个按钮，并让他水平对齐。...5.然后修改activity_main.xml中的代码 这里使用标签在布局中添加碎片。注意这里还需要显式的指明要添加的碎片类名，一定也要将类的包名带上。...2.然后新建AnotherRightFragment作为另一个右侧碎片。...首先，给左侧碎片中的按钮注册了一个点击事件，然后调用replaceFragment()方法，动态的添加RightFragment这个碎片，当点击左侧碎片时，又会调用replaceFragment()方法将右侧碎片替换成

    42920
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券