怎么改小程序开发里块的格式

怎么改小程序开发里块的格式,第1张

程序开发中的“块”通常指的是小程序页面的不同区域,也称为组件或模块。如果您想改变小程序中某个块的格式,可以采取以下方法:

1. CSS 样式:在小程序开发中,可以使用 CSS 样式来调整块的格式。例如,通过设置不同的样式属性(如宽度、高度、边框、背景颜色等)来调整块的外观。

2. 使用自定义组件:自定义组件可以让您创建自己的块,并定义自己的样式和行为。您可以使用小程序提供的组件,也可以自己编写组件代码。要使用自定义组件,您需要在小程序页面中以组件的方式引用它。

3. 调整布局:在小程序中,块的位置、大小和排列可以通过调整布局来实现。例如,使用 flex 布局可让块沿着主轴或交叉轴排列,从而实现不同的视觉效果。

无论您采用何种方法,都需要具备一定的 HTML、CSS 和 JavaScript 编程知识。建议您先学习相关基础知识,再尝试修改小程序中的块格式。

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

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

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

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

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

1、hidden 所在view可能包含display:flex ,将其去掉便可

2、使用在组件上的hidden不生效,例如:

此时,需要在组件的外面添加一个view,例如:

便可生效了。

总结:hidden在使用的过程中,会与display:flex产生冲突,但是,flex的优先级高于none或block,不会生效;2、hidden对块状布局才会生效,不可直接使用在组件上。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存