- 博客(3)
- 收藏
- 关注
RSS订阅原创 基于Vue3的网页前端开发[基础]：element-plus组件不能完全展示图片问题解决
响应式布局中图片被截断的问题。现象表现为图片边缘被遮挡，通过开发者工具排查发现，问题的关键在于el-carousel__container容器高度设置不当。解决方案采用Vue3的:deep()穿透样式隔离机制，在父容器中设置height:100%并覆盖子组件样式，:deep()的作用在于突破scoped样式隔离，同时维持样式优先级，确保ElementPlus组件嵌套结构的样式正确应用。
2025-05-31 14:06:39
1547
原创 HarmonyOS鸿蒙ArkUI开发[基础]：justify-content 和 align-items
在鸿蒙开发中，justify-content和align-items是Flex布局的两个关键属性。justify-content控制子元素在主轴（默认水平方向）上的排列方式，如居中对齐或两端分布；而align-items则管理子元素在交叉轴（默认垂直方向）的对齐方式，如顶部对齐或拉伸填满。两者的核心区别在于作用方向：前者针对主轴，后者针对交叉轴。通过合理使用这两个属性，可以实现灵活的子元素布局效果。
2025-05-29 13:16:48
766
原创 HarmonyOS鸿蒙ArkUI开发：Text常用布局
RelativeContainer相对布局容器支持子组件相对定位，通过alignRules规则实现对齐。使用VerticalAlign.Center和HorizontalAlign.Center可分别设置垂直和水平居中，anchor属性指定以父容器为基准。最终效果是50vp大小的粗体"HelloWorld"文本在父容器中水平和垂直居中显示。该布局方式灵活，能精准控制组件位置。
2025-05-29 11:38:10
586
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人