小程序图表组件文字和线间距怎么改

小程序图表组件文字和线间距怎么改,第1张

第一拿简种:调整行高

步骤:将鼠标移动到行分隔线上,待鼠标变为空心双向箭头后,拖曳鼠标使行间距变大;

第二野贺种:调整整个表格的大小

步骤:将鼠标移动到表格的右下角,鼠标变为斜方向的双向箭头后,拖曳鼠标使之变消脊裤大;

间距设置菜单用于调节组件之间的距离。您可以分别设置内外边距调节组件间距离,或组件内部元素到边框的距离。

外边距

margin属性用于设置外边距。 margin就是控制盒子和盒子之纯卖间的距离。

在Towify编辑器中,外间距设置可以改变组件间的距离,这里的外边距设置的是当前选中租价与父级元素的距离。

您可历裤败以在边距设置菜单中,选择上下左右任意外边距进行设置,外边距可以设置px,%(百分比),auto(自适应),以及unset(不做设置)四种。

当您对应的左右外边距,或者上下外边距都设置了自适应时,组件会在父级元素中水平居中,或者垂直居中。

外边距的调节有三种方式,您可以直接拉动数值滑块,设置外边距。

或者在数值条右肢颤侧的输入框直接输入对应数值。

若您选择单位为%(百分比),即相应的左右边距距离为父级元素宽度的百分比,上下距离为父级元素高度的百分比。

您也可以直接选择为您提前预设的外边距选项。

外边距可以进行重置,恢复到初始值。

程序的 UI 设计指南在小程序官方文档中均有介绍,以微信官方设计文档为参照:

1、 小程序布局:小程序的布局主要采用块察大状结构进行布局,优先采用卡片、列表或网格等布局方式;

2、 小程序 UI 调色:小程序的 UI 调色使用典型的灰色调子,较亮的颜色基调使用明度较浅的颜色余巧;

3、小程序 UI 尺寸:败毁竖采用 1080px 宽,720px 高的界面设计尺寸,控件尺寸以 8px 为基准单位,即每个控件的间距需以 8px 设计;

4、 小程序 UI 字号:字体最大尺寸 36px,最小尺寸 24px,中等字体尺寸使用 30px。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12324098.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存