前言
安装
ohpm install @peakmain/library
一、NavBar扩展
背景
- 因有大哥希望导航栏支持两个按钮,于是我这边对NavBar进行了扩展
导入依赖
import NavBar from "@peakmain/library/src/main/ets/components/title/NavBar"
参数
- 新增leftClick和showLeftClose两个参数
参数名 | 参数类型 | 描述 |
---|---|---|
title | string | 设置导航栏标题 |
titleBold | boolean | 标题是否加粗,true表示加粗,false表示不加粗。默认是true |
titleColor | ResourceColor | 设置标题字体颜色,默认字体颜色是 #272a2b |
backgroundColorResource | ResourceColor | 设置背景颜色,默认背景颜色是 Color.White |
leftImage | PixelMap | ResourceStr | DrawableDescriptor | null | 设置左边返回箭头资源,为空时不显示 |
right | string | 右边文本内容 |
rightImage | PixelMap | ResourceStr | DrawableDescriptor | null | 设置右边图片资源,为空时不显示 |
rightClick | () => void | 设置右边图片或者文本的点击事件 |
leftClick | void = () | 左边返回点击事件,默认处理是返回上一个页面 |
showLeftClose | boolean | 是否显示关闭按钮,默认为false |
二、顶部Toast
导入依赖
import { ToastComponent } from "@peakmain/library"
参数
参数名 | 参数类型 | 名称 |
---|---|---|
content | string | Toast提示的文案 |
type | ToastType | Toast提示的类型,不同类型提示的背景颜色不同 默认时间ToastType.Normal |
duration | number | 动画加载时长 |
ToastType枚举类型
枚举类型 | 背景颜色 | 说明 |
---|---|---|
NORMAL | #272a2b | 默认情况 |
SUCCESS | #579572 | 成功 |
ERROR | #9F4B48 | 错误 |
示例代码
CustomDialogController仅在作为@CustomDialog和@Component struct的成员变量,且在@Component struct内部定义时赋值才有效
- 声明需要显示内容的CustomDialogController
dialogController: CustomDialogController = new CustomDialogController({
builder: ToastComponent({
content: this.toastStatus == 0 ? "默认情况" : (this.toastStatus == 1 ? "正确情况" : "错误情况"),
type: this.toastStatus == 0 ? ToastType.NORMAL : (this.toastStatus == 1 ? ToastType.SUCCESS : ToastType.ERROR),
}),
customStyle: true,
alignment: DialogAlignment.Top,
autoCancel: false
})
- 需要显示的地方直接调用open即可
this.dialogController.open()
三、Skeleton骨架屏
导入依赖
import { PkSkeleton } from '@peakmain/library';
参数
参数名 | 参数类型 | 名称 |
---|---|---|
showAvatar | boolean | 是否显示头像,默认不显示 |
count | number | 骨架屏显示数量,默认是3 |
示例代码
PkSkeleton({
count: 3,
showAvatar: this.showAvatar
})
阅读全文
下载说明:
1、本站所有资源均从互联网上收集整理而来,仅供学习交流之用,因此不包含技术服务请大家谅解!
2、本站不提供任何实质性的付费和支付资源,所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用!
3、本站所有资源仅用于学习及研究使用,您必须在下载后的24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担!
4、本站站内提供的所有可下载资源,本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发),但本站不保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug!如有链接无法下载、失效或广告,请联系客服处理!
5、本站资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您的合法权益,请立即告知本站,本站将及时予与删除并致以最深的歉意!
6、如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
7、如果您喜欢该资源,请支持官方正版资源,以得到更好的正版服务!
8、请您认真阅读上述内容,注册本站用户或下载本站资源即您同意上述内容!
原文链接:https://www.shuli.cc/?p=21663,转载请注明出处。
1、本站所有资源均从互联网上收集整理而来,仅供学习交流之用,因此不包含技术服务请大家谅解!
2、本站不提供任何实质性的付费和支付资源,所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用!
3、本站所有资源仅用于学习及研究使用,您必须在下载后的24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担!
4、本站站内提供的所有可下载资源,本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发),但本站不保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug!如有链接无法下载、失效或广告,请联系客服处理!
5、本站资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您的合法权益,请立即告知本站,本站将及时予与删除并致以最深的歉意!
6、如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
7、如果您喜欢该资源,请支持官方正版资源,以得到更好的正版服务!
8、请您认真阅读上述内容,注册本站用户或下载本站资源即您同意上述内容!
原文链接:https://www.shuli.cc/?p=21663,转载请注明出处。
评论0