您当前的位置: 首页 > 知识百科 > 微信小程序首行缩进怎么实现?

微信小程序首行缩进怎么实现?

时间:2023-07-01 14:05 阅读数:120 人阅读 分类:知识百科

  微信小程序首行缩进怎么实现?我们在开发微信小程序的时候,可能会需要实现微信小程序首行缩进,那么微信小程序首行缩进怎么实现呢?今天小编就来为大家介绍微信小程序首行缩进怎么实现哦。

  首先我们来了解一下微信小程序首行缩进是什么意思!

  小程序文字缩进又指的是小程序text indent。

  小编来解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位。

  em又是什么单位?

  em这个单位的意思就是小程序文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。

  小程序文字缩进的wxmL由八大类基础组件构成,具体如下:

  一、视图容器(View Container):

  二、基础内容(Basic Content)

  组件名说明组件名说明

  view视图容器icon 小程序图标

  scroll-view可滚动视图容器text文字

  swiper可滑动的视图容器progress进度条

  三、表单组件(Form)

  四、操作反馈组件(Interaction)

  组件名说明组件名说明

  button按钮action-sheet上拉菜单

  form表单modal模态弹窗

  input输入框progress进度条

  checkbox多项选择器toast短通知

  radio单项选择器

  五、导航(Navigation)

  picker列表选择器组件名说明

  slider滑动选择器navigator应用内跳转

  switch开关选择器

  label标签

  六、多媒体(Media)

  七、地图(Map)

  小程序组件名说明组件名说明

  audio音频map小程序地图

  image图片

  video视频

  八、画布(Canvas)

  组件名说明

  canvas画布

  微信小程序首行缩进实现需要的微信小程序代码如下:

  /** other.wxss **/

  .appText{

  margin:10px;

  }

  /** app.wxss **/

  @import "other.wxss";

  .content_text:{

  margin:15px;

  }

  微信小程序首行缩进怎么实现?意思就是微信小程序首行缩进实现的全部内容了哦,各位微信小程序开发者,希望意思的内容可以帮您解决问题哦,如果你对小编的回答还满意,那么多关注微小乔哦。

  

  微信小程序tab栏文字颜色修改怎么弄

  微信小程序标题颜色怎么修改?

  微信小程序轮播之文字轮播