更新记录
1.0.0(2023-06-09)
下载此版本
1.0.0
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue app-nvue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
l-title
使用方法
配置easycom规则后,自动按需引入,无需import
组件,直接引用即可。
<template>
<view class="content">
<view class="" style="color: red;font-weight: bold;">
默认
</view>
<l-title type="h1" title="h1 一级标题"></l-title>
<l-title type="h2" title="h2 二级标题"></l-title>
<l-title type="h3" title="h3 三级标题"></l-title>
<l-title type="h4" title="h4 四级标题"></l-title>
<l-title type="h5" title="h5 五级标题"></l-title>
<view class="" style="color: red;font-weight: bold;">
颜色
</view>
<l-title type="h1" title="h1 一级标题" color="#027fff"></l-title>
<l-title type="h2" title="h2 二级标题" color="#2490ff"></l-title>
<l-title type="h3" title="h3 三级标题" color="#439ffc"></l-title>
<l-title type="h4" title="h4 四级标题" color="#60adfb"></l-title>
<l-title type="h5" title="h5 五级标题" color="#7db9f7"></l-title>
<view class="" style="color: red;font-weight: bold;">
对齐方式
</view>
<l-title type="h1" title="h1 左对齐" align="left"></l-title>
<l-title type="h2" title="h2 居中" align="center"></l-title>
<l-title type="h3" title="h3 右对齐" align="right"></l-title>
<l-title type="h5" title="h5 左对齐" align="left"></l-title>
</view>
</template>
组件属性
属性 |
类型 |
默认值 |
说明 |
type |
String |
- |
标题类型,可选值 h1、h2、h3、h4、h5 |
title |
String |
- |
标题内容 |
align |
String |
- |
对齐方式,可选值 left:左对齐;center:居中;right:右对齐; |
color |
String |
- |
字体颜色 |