• 简书网微信公众号二维码
您当前的位置: 首页 > 网站建设 > 小程序文字缩进怎么实现?

小程序文字缩进怎么实现?

时间:2023-07-01 14:05 阅读数:100 人阅读 分类:网站建设

  小程序文字缩进怎么实现?大家应该都知道缩进是什么以上,我们在进行微信小程序文字设置时候,如果有小程序文字缩进功能,那么可以去改变文字的格式了,那么小程序文字缩进怎么实现呢?

  小程序文字缩进怎么实现?

  小程序文字缩进又指的是小程序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栏文字颜色修改怎么弄

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

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