css标签_HarmonyOS开发者社区

css

HarmonyOS 6效果实现：ArkUI‑HorizontalAlign 水平对齐，Column 内部子元素居左、居中排布控制多卡片对齐一致性

AUDIO LAB 听感实验室是一款面向耳机发烧友和音频设备玩家的垂直社区应用评测对比：两台设备横向参数对比，自动生成实验室结论圈子：话题化社区讨论，求推荐、设备维修、理性讨论、玄学区等与大众消费类耳机 App 不同，AUDIO LAB 的目标用户是愿意为音质付费、对参数敏感、喜欢折腾前端和线材的硬核玩家。因此界面设计刻意避开了花哨的渐变和动效，转而采用克制、精准、信息密度高的终端风格。AUDIO

luozhen110
2026-08-29 13:56:41

 201

 6

#harmonyos #华为 #css
HarmonyOS 6效果实现：组件 Builder 解耦页面代码，把庞大页面拆分为多个独立 Builder 函数提升可读性

铃声工坊 RINGSMITH 定位为一站式铃声创作与交易平台，核心价值主张是「剪一截热爱，接一通惊喜」。创作者：在工坊中剪辑铃声、应用特效、导出上架，在市场中获得下载收益与打赏收入，通过榜单获得曝光与流量扶持。消费者：在市场中浏览 24 款风格各异的铃声，按 9 个分类筛选，试听后购买设为铃声，或购买素材包用于二次创作。这种 UGC（用户生成内容）+ PGC（专业生成内容）混合的内容生态，让应用既

 luozhen110
2026-08-29 13:55:43

 206

 7

#harmonyos #华为 #css
基于HarmonyOS ArkTS API 24浮窗遮罩点击穿透规避，外层 Stack 弹窗容器拦截点击事件防止底层触发

眼镜，是人类最古老的视觉辅助工具之一，也是现代生活中不可或缺的时尚单品。从十三世纪意大利的第一副眼镜，到如今的光学镜、太阳镜、隐形眼镜、智能眼镜，眼镜已经从单纯的视力矫正工具演变为融合功能、时尚、科技的复合产品。然而，传统眼镜店长期存在着价格不透明、验光不专业、品牌选择有限、售后服务不完善等痛点，用户在配眼镜时往往需要在多家店铺之间奔波比较，耗费大量时间和精力。"粉镜"眼镜店一站式平台，正是为解决

 luozhen110
2026-08-29 13:54:49

 225

 6

#华为 #harmonyos #css
基于HarmonyOS ArkTS API 24数值 toFixed 精度格式化，小数保留一位生成万人单位销量文本，数值转展示文本通用方案

美发，是人们日常生活中最频繁的美容消费之一。从男士的经典短发、复古油头，到女士的长发波浪、空气刘海，再到儿童的可爱造型，发型不仅是个人形象的重要组成部分，更是时尚态度和个性表达的载体。然而，传统美发行业长期存在着信息不透明、预约不方便、设计师水平参差不齐、产品质量难以保证等痛点。用户往往需要通过电话或到店预约，不知道哪位设计师擅长自己想要的风格，也不清楚店里有哪些洗护造型产品可供选择。"美发沙龙"

luozhen110
2026-08-29 13:53:52

 305

 2

#华为 #css #harmonyos
HarmonyOS 6效果实现：边框半透明色值处理，#4D 十六进制 ARGB 解析，低透明度装饰边框实现方法

爱奇艺风格视频 App 是一款基于 HarmonyOS ArkTS 声明式 UI（ArkUI）开发的流媒体概念应用，API 9+，Stage 模型，单文件 .ets，约 500 行代码，严格遵循 ArkTS 严格模式规范（无 Object.assign，无展开运算符，显式类型标注）。应用以爱奇艺为设计参考，还原了主流视频平台的核心浏览体验：首页推荐、内容分类、搜索筛选、个人中心。

luozhen110
2026-08-29 13:53:06

 351

 5

#harmonyos #华为 #css
ReactNative跨平台鸿蒙开发环境搭建实战指南 - 直播课件与素材分享

React Native 开发实战：从入门到进阶本教程提供完整的React Native开发学习路径，包含视频教程和配套资源。通过B站视频教程（BV1R9QvB9Ekr），开发者可以系统学习React Native框架的使用方法。配套资源包括软件安装包和教学课件，托管在GitCode平台（ReactNative-RHOH项目），方便学习者随时查阅和下载。教程内容涵盖环境搭建、基础组件使用、状态管

 wanmeijuhao
2026-04-14 15:28:15

 12.9w

 4

#react native #harmonyos #react.js +2
鸿蒙开发样式收藏

.justifyContent(FlexAlign.Center)

Trainer2107
2025-12-08 09:37:48

 193

 2

#css #typescript #harmonyos
鸿蒙5.0：AI原生驱动的全场景智能革命

当2024年10月鸿蒙5.0（HarmonyOS NEXT）正式发布的钟声响起，中国自主操作系统迎来了里程碑式的跨越。作为首个实现全栈自研的国产系统版本，它彻底脱离安卓依赖，以“AI原生+分布式”的双轮驱动，重新定义了智能终端的交互逻辑与生态格局。截至2025年10月，鸿蒙5终端设备数已突破2300万台，政企适配应用超200款，在消费端与产业端同时掀起了一场智能革命。

2401_89897206
2025-11-26 14:56:20

 289

 7

#css
鸿蒙API14开发【CSS语法参考】JS服务卡片UI组件

CSS样式开发指南摘要：本文介绍了CSS在HarmonyOS应用开发中的核心用法。主要内容包括：1) 尺寸单位（逻辑像素px和百分比）及其自适应布局实现；2) 样式导入的模块化管理方法；3) 内部样式和外部样式文件的声明方式；4) 基本选择器（.class和#id）的使用；5) 选择器优先级规则（内联样式>id>class）。文中还提供了代码示例说明如何实现组件样式定制，并强调通过@i

是秃子总会反光
2025-07-04 17:44:59

 585

 19

#harmonyos #css #javascript +4
鸿蒙API14开发【CSS语法参考】JS组件

摘要：本文介绍了CSS样式在HML页面中的应用方法，包括样式导入、声明方式、选择器使用和伪类效果。主要内容涵盖：1)通过@import导入外部样式；2)内部样式与文件导入的声明方式；3).class、#id等选择器的应用；4):active、:checked等伪类的使用场景；5)支持less/sass/scss预编译功能。文章还提供了各种样式设置的代码示例，帮助开发者掌握组件样式的定制方法。

是秃子总会反光
2025-07-01 17:40:42

 942

 30

#harmonyos #css #javascript +3
液态交互效果网页开发--源自鸿蒙5以及iOS26的灵感

摘要：该网页设计展现了液态交互效果，通过HTML5、TailwindCSS和Canvas技术实现。核心包括：1）响应式布局与渐变色导航栏；2）动态标题和悬浮按钮；3）Canvas绘制的8个随机移动彩色液态blob背景；4）20个拖尾元素组成的鼠标跟随特效。关键技术点包含SVG滤镜实现液态模糊、CSS动态字体大小、Canvas动画循环以及交互式拖尾效果。整体采用深色背景搭配蓝紫粉主色调，通过requ

XDLYSJ
2025-06-26 12:52:45

 944

 18

#交互 #css #html +2
鸿蒙APP实战开发——跨文件样式复用和组件复用

本示例主要介绍了跨文件样式复用和组件复用的场景。在应用开发中，我们通常需要使用相同功能和样式的ArkUI组件，例如购物页面中会使用相同样式的Button按钮、Text显示文字，我们常用的方法是抽取公共样式或者封装成一个自定义组件到公共组件库中以减少冗余代码。

duoduola888
2025-06-24 14:31:21

 647

 17

#html #css #前端
【鸿蒙next开发】JS服务卡片UI组件：框架说明（CSS语法）

本文介绍了鸿蒙5.0开发中的CSS样式语言应用。

m0_智者阳光
2025-06-24 14:12:50

 568

 5

#harmonyos #ArkUI #android +2
鸿蒙next开发：UI开发-CSS动画（svg动画）

本文详细介绍了文字动画、路径跟随动画以及多种变形动画效果，并说明注意事项，如values属性优先级高于from/to等。

那只斑马不睡觉
2025-05-27 14:35:12

 455

 3

#harmonyos #前端 #ArkUI +2
鸿蒙next开发：UI开发-CSS动画（transform样式动画）

本文介绍了鸿蒙开发中transform动画的多种应用场景。

那只斑马不睡觉
2025-05-27 14:29:51

 820

 24

#harmonyos #前端 #ArkUI +3
鸿蒙next开发：UI开发-JS插值器动画（动画帧）

本文介绍了鸿蒙应用开发中的动画帧请求技术........

那只斑马不睡觉
2025-05-27 14:49:23

 466

 4

#harmonyos #前端 #ArkUI +3
鸿蒙next开发：UI开发-CSS动画（background-position样式动画）

本文介绍了鸿蒙开发中background-position属性的使用技巧，通过CSS动画实现背景图片的位置移动效果。

那只斑马不睡觉
2025-05-27 14:31:48

 320

 8

#harmonyos #前端 #css +2
鸿蒙底部菜单制作

本博客是鸿蒙底部菜单的制作，初级版本是由四个图标完成，高级版本是在中间又加了一个可以发布的按钮。

syx020726
2025-05-05 14:38:11

 307

 2

#harmonyos #html5 #css
用鸿蒙开发AI应用（八）JS框架访问内核层

前言上回说到，用`C++`来写`UI`界面的开发效率不如`JS+HTML`来的高，但设备开发又免不了要通过内核态来操作硬件，这里我们就要先打通从`JS框架`到设备驱动之间的联系。本章基于`...

bluishfish
2021-02-07 00:00:00

 861

 1

#编程语言 #物联网 #css +1
从代码上看鸿蒙 APP 与安卓 APP 的关系

点击上方“逆锋起笔”，公众号回复pdf领取大佬们推荐的学习资料昨天跑通了鸿蒙的 Hello Word，蛮高兴的，正准备继续深入的时候，在网上看到一篇文章，我按照文章的说法复盘了一下...

code小生_
2021-01-16 14:40:00

 1108

 1

#android studio #css #log4j
太赞了！华为鸿蒙工程师总结的Linux笔记，提供下载

最近很多小伙伴找我要一些 Linux 基础资料，于是我翻箱倒柜，把这份华为大牛总结的 Linux 归纳笔记找出来，免费共享给大家！据说有小伙伴靠这份笔记顺利进入 BAT 哦，所以一定要好...

菜鸟学Python
2020-09-26 10:02:53

 926

#编程语言 #css #数据可视化 +2
一文彻底搞清楚CSS的样式属性

程序员Feri一名12年+的程序员,做过开发带过团队创过业,擅长嵌入式、鸿蒙、人工智能、Java等,专注于程序员成长那点儿事,希望在成长的路上有我相伴！君志所向,一往无前！最近又在重新使用Css，所以本篇就对CSS常用样式属性的详细讲解，涵盖文本、字体、盒模型、背景、定位、布局等核心内容进行总结。

Coding Sir
2025-04-15 22:09:13

 1130

 13

#javascript #css #前端
ArkUI的组件

barPosition(BarPosition.Start) //横向排列，显示在。Radio({ value: '男', group: 'sex' }).controls(true) // 设置是否显示默认控制条。.selectedColor(Color.Red)//颜色。offsetY: 10 // Y轴垂直偏移：正数向下，负数向上 })//开启自动轮播，true= 开启，false= 关闭（

hangsir5846
2026-06-22 16:10:03

 43

 3

#html #css #前端
鸿蒙next开发：UI开发-CSS动画（属性样式动画）

本文介绍了鸿蒙（HarmonyOS）应用开发中的动画实现技术，通过CSS关键帧动画控制组件大小、透明度和缩放效果。

那只斑马不睡觉
2025-05-27 14:24:45

 483

 4

#harmonyos #css #前端 +2
鸿蒙next开发：UI开发-JS插值器动画（动画动效）

本文介绍了鸿蒙HarmonyOS中的动画开发方法。

那只斑马不睡觉
2025-05-27 14:45:19

 435

 5

#harmonyos #css #javascript +2
鸿蒙开发基础 —— ArkUI组件之动效开发（CSS动画）

设置scale样式属性实现涟漪动画，先使用定位确定元素的位置，确定坐标后创建多个组件实现重合效果，再设置opacity属性改变组件不透明度实现组件隐藏与显示，同时设置scale值使组件可以一边放大一边隐藏，最后设置两个组件不同的动画执行时间，实现扩散的效果。子组件设置scale属性使父子组件同时缩放，再设置opacity实现父子组件的显示与隐藏。transform-origin变换对象的原点位置，

广西烧鸡
2025-03-23 21:24:47

 1101

 24

#harmonyos #css #ui
uniapp 编译成鸿蒙应用包提示【未正确配置鸿蒙应用的包名】

之前一直想做一个属于自己的应用，使用 uniapp 制作完工之后，想要一键编译成鸿蒙应用并上架发现出现了问题，之后在官网上找到了解决方法。之后把包名配置到 uniapp 的 manifest.json 的鸿蒙App 配置中的包名中即可。左上角点击我的应用（点击证书、APP ID和Profile也行）来到 HarmonyOS 页，点击创建APP ID。然后填写应用的基本信息。然后再次打包编译即可！

繁依Fanyi
2025-02-20 18:57:37

 946

 2

#harmonyos #华为 #uni-app +1
初始ArkUI

布局是UI的必要元素。

2301_80107415
2024-11-21 20:35:06

 1014

 16

#javascript #html5 #css
鸿蒙5.0版开发：ArkUI框架-CSS动画（svg动画）

为svg组件添加动画效果。

m0_智者阳光
2024-11-20 16:21:28

 391

 4

#harmonyos #css #华为 +3
鸿蒙5.0版开发：ArkUI框架-CSS动画（background-position样式动画）

通过改变background-position属性（第一个值为X轴的位置，第二个值为Y轴的位置）移动背景图片位置......

m0_智者阳光
2024-11-20 16:18:12

 397

 4

#harmonyos #css #华为 +4
鸿蒙5.0版开发：ArkUI框架-CSS动画（属性样式动画）

在关键帧（Keyframes）中动态设置父组件的width和height，实现组件变大缩小。

m0_智者阳光
2024-11-19 15:32:26

 405

 3

#harmonyos #华为 #前端 +4
Day06_HarmonyOS生态中的定位和溢出

背景 : 基础的布局已经完成但是细节性的内容我们也需要完成;比如说让某一个效果/布局去某一个位置显示;还有内容再元素内放不下了有超出的效果我们应该怎么解决实现效果;

打爆企鹅！
2024-11-13 18:00:00

 953

 13

#前端 #javascript #css
第7节 arkTS Flex

Flex 布局基于弹性盒模型，它可以让子组件在容器内根据不同的规则进行排列和伸缩，以适应各。：子组件在主轴上均匀分布，两端子组件分别贴近主轴起点和终点，中间子组件间距相等。是一种强大的布局组件，用于创建灵活的布局结构。：水平方向，从左到右为主轴方向，垂直方向为交叉轴方向。：垂直方向，从上到下为主轴方向，水平方向为交叉轴方向。：子组件在主轴中间对齐，即水平或垂直方向上居中对齐。：子组件在主轴上均匀分

 川石课堂软件测试
2024-10-22 16:40:38

 893

 15

#前端 #javascript #css
关于HarmonyOS的学习

div布局标记，能将网页划分为不同的区域。独占一行，自上而下排列。

yiyiy111yiy
2024-08-29 17:07:19

 935

 31

#学习 #html5 #javascript +1
关于HarmonyOS的学习

1.transition 过渡，可以让属性改变的时候有动画过渡属性=> transition-duration 动画持续（执行）时间=> transition-delay 延迟时间+ 缩写=> transition: 值1 值2 值3 值4...2.文本阴影/盒子阴影+ 文本阴影/盒子阴影（inset表示内阴影）+ 值1表示阴影的水平位置值2表示阴影的垂直位置值3表示阴影的模糊程度值4表示阴

 yiyiy111yiy
2024-08-31 09:48:38

 750

 5

#学习 #html5 #css
关于HarmonyOS的学习

1.序列选择器（css3新增的），可以在不给标记设置id或class的时候，根据同类型标记不同的排列方式来选取元素。分为同级、同类型两种，一般都不在元素的外层使用。同级级别序列选择器，不能被其他类型的标记给隔开，隔开就无法选中。语法： p:nth-child（1）{background-color: orange;}（选中第一个） p:nth-last-child（3）{}（选中倒数第三个）

yiyiy111yiy
2024-08-30 15:00:09

 696

 10

#学习 #css #html5