我猜你们都不知道什么是服务卡片吧。。。
从表面上来看，是一款基于XML、CSS实现的DIV；
让我们先来看看服务卡片是什么～
拿夏柔的Mate40举例，如图：
基于鸿蒙系统的一个小功能。
这时候应该就有人问了，看似简单的功能，怎么弄啊？
别急，夏柔来带你入门～
教程开始
首先，先打开我们的开发软件：DevEco-Studio
怎么创建项目就不用我多说了吧，以下省略千字...
这里直接示范夏柔的项目了，如图：
创建卡片
开始创建卡片，先将你的鼠标移动至entry目录，如图：
然后选择：entry > New > Service Widget 开始创建服务卡片模板
当然了，你想创建什么都可以，选择好你心仪的模板，然后点击 Next 进行下一步！
这里开始创建你的目录名称，以及卡片描述！
注意：不能填写中文、标点符号、下划线、特殊符号；且不能以数字开头！
填写好后，点击 Finish 完成即可。
然后你创建的服务卡片代码都在 entry 目录下，如图：
接下来，就是修改服务卡片的内容了～
进入目录 entry > src > main > js > widget4 (你的Service Widget Name名称)
这里夏柔做的实例代码示范可以参考一下：
我的图片及SVG是储存在远程服务器上，如果你的项目准备打包上线切记一定要储存在本地！
这里该如何修改，夏柔就不多说了。想怎么改随你咯～
接下来开始编译项目：
点击 Tools > Device Manager 选择 HUAWEI P40
运行成功后，你会看到一个远程真机模拟器，如图：
点击 Run > Run‘Super APP’ 选择Module为 entry 运行调试在 phone 设备上，随即点击OK
接下来，就等程序编译完并且运行在远程真机上吧，一般只需要十几秒就可以了。
编译好后，就可以看见你的APP了，然后长按软件 > 选择服务卡片，选择你的 卡片 即可。
如果你没有远程真机模拟器，就去developer.huawei.com注册实名一下。
打包的话，就去官网自己去摸索吧，夏柔就不多讲了。。。
以上就是HarmonyOS添加服务卡片教程，转载请注明来源！
