- 博客(13)
- 收藏
- 关注
RSS订阅原创 跟着IBest-UI学HarmonyOS NEXT组件封装：Watermark 水印
接下来就看下文件WatermarkCanvas.est（已添加相关注释）/*** WatermarkCanvas组件用于生成和管理水印的绘制*/@Component/*** 图片水印的宽度*//*** 图片水印的高度*//*** 水印透明度*//*** 旋转角度*//*** 水印区域的总高度*//*** 水印区域的总宽度*//*** 水印之间的水平间隔 默认0*//*** 水印之间的垂直间隔 默认0*//*** 图片水印的链接*//**
2025-03-27 23:34:35
615
原创 跟着IBest-UI学HarmonyOS NEXT组件封装：TextEllipsis 文本省略
根据容器宽度和行数自动截取文本，并支持不同的省略位置（开头、中间、结尾）。提供“展开/收起”按钮，方便用户查看完整内容。支持自定义字体大小、颜色、行高等样式。通过这些功能，开发者可以轻松实现多行文本的省略效果，并提供良好的用户体验。HarmonyOS NEXT开发想搞定长文本显示？这个组件直接抄作业！
2025-03-27 23:30:46
658
原创 跟着IBest-UI学HarmonyOS NEXT组件封装：Badge徽标
其中，我们看组件的第一个属性baseStyle：全局公共样式，通过绑定。@StorageLink，从API version 11开始，该装饰器支持在元服务中使用。在harmonyOS NEXT中，可以适用。让我们看下官方文档的说明本地修改发生，该修改会被写回AppStorage中。
2025-03-27 23:29:07
634
原创 HarmonyOS NEXT快速入手IBest-UI组件库
IBest-UI是一个轻量、简单易用、可定制主题、支持深色模式和浅色模式的鸿蒙开源UI组件库, 完美兼容元服务。是一个轻量、可定制的 HarmonyOS 组件库在需要更改主题样式时，可通过调用方法设置样式。通过本文的实践，开发者可以迅速掌握基于HarmonyOS Next的操作系统上构建IBest-UI用户界面的方法与技巧。这不仅涵盖了基础的搭建流程，还包括了一些实用的设计模式和最佳实践，旨在帮助初学者快速入门，并为有一定经验的开发者提供参考。
2025-03-27 23:23:27
1074
原创 HarmonyOS NEXT 鸿蒙实现自定义组件插槽
在HarmonyOS NEXT中，如何实现类似Vue-Slot或React-RenderProps的功能？即允许将UI结构的函数（被@Builder修饰的函数）作为参数传递给组件，并在组件内的指定位置渲染，可以使用@BuilderParam装饰器。
2025-03-11 11:18:33
356
原创 封装高复用性Vue Button组件：深入解析与实践
我们构建的TButton防抖功能：通过限制按钮在一定时间内的点击频率，有效防止因用户误操作而引起的重复请求或数据冲突。动态提示信息：根据传入的tip属性，组件能够智能切换显示带提示的按钮或普通按钮，提供更好的用户体验。高度定制化：允许外部传入样式和行为相关的属性，如提示位置、额外的提示框属性等，满足不同场景下的需求。
2024-07-22 22:17:24
1137
原创 HarmonyOS_Next 鸿蒙组件-数据双向绑定
笔者是做前端的，在学习鸿蒙的时候，一直好奇能不能像vue一样，做到数据双向绑定，实现像vue的MvvM一样，数据和视图双向同步。即实现：数据变化-视图更新，视图更新-数据更新数据绑定可分为单向数据绑定和双向数据绑定。指的是对象实例的数据更新会引起界面元素的更新，反之不行；指的是对象实例的数据更新会引起界面元素的数据更新，界面元素的数据更新也会引起对象实例的数据更新。因为像这种通过事件来同步数据的办法，太繁琐了然后就在官方文档中，找到了这个。
2024-07-17 18:33:28
2360
原创 深入浅出--vue3封装echarts组件
ECharts，作为一款强大的图表库，提供了丰富的图表类型和高度定制化的选项，深受开发者喜爱。本文将会深入浅出的，带你封装一个高效、可复用的Echarts组件
2024-07-17 02:09:49
2404
原创 HarmonyOS 鸿蒙 ArkTs 自定义组件插槽
可以在ArkUI引入了@BuilderParam装饰器。@BuilderParam用来装饰指向@Builder方法的变量，开发者可在初始化自定义组件时对此属性进行赋值，为自定义组件增加特定的功能。该装饰器用于声明任意UI描述的一个元素，类似slot占位符。鸿蒙 arkts中想要自定义组件中要传入其他组件的时候就可以使用自定义组件插槽。插槽的实现方式有很多，具体可以参考下官方文档。
2024-06-16 16:32:17
934
原创 elementUI table fixed设置后，表格无法对齐，滚动条被覆盖
表格滑动到最后一行后出现无法对齐的情况，这个问题主要是滚动条的原因，因为你设置了::-webkit-scrollbar{ width:1px;}，即：滚动条的width和height不一致导致的，设置成一样的就好了。注：本项目所有的el-table表格的滚动条都增加了高度，故解决方法都是写在全局样式里面，请根据实际情况，修改相应的样式。2、table开启fixed功能后，上下滚动行无法对齐。滚动条被覆盖，导致被覆盖部分没办法拖动。1. 设置公共样式，将被遮罩部分减少。1. 通过css样式，修改表格样式。
2024-06-16 15:27:31
1298
原创 Element-ui el-table组件选中回显
开发中使用Element-ui 的table组件进行开发，遇到了组件回显的需求，简要记录一下。
2023-10-10 00:36:17
3767
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人