微信小程序首行缩进怎么实现?
微信小程序首行缩进怎么实现?我们在开发微信小程序的时候,可能会需要实现微信小程序首行缩进,那么微信小程序首行缩进怎么实现呢?今天小编就来为大家介绍微信小程序首行缩进怎么实现哦。
首先我们来了解一下微信小程序首行缩进是什么意思!
小程序文字缩进又指的是小程序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栏文字颜色修改怎么弄
微信小程序标题颜色怎么修改?
微信小程序轮播之文字轮播