From 3c06fdefcc4ba30767f6e295244e87743e89d79d Mon Sep 17 00:00:00 2001 From: zengyawen Date: Thu, 11 Aug 2022 09:37:44 +0800 Subject: [PATCH] update docs Signed-off-by: zengyawen --- ...-service-widget-common-customizing-font.md | 6 +++--- .../js-service-widget-common-gradient.md | 19 ++++++++++--------- .../js-service-widget-config-file.md | 2 +- .../js-service-widget-syntax-hml.md | 5 +++-- 4 files changed, 17 insertions(+), 15 deletions(-) diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-customizing-font.md b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-customizing-font.md index 0541f3c688..3293ef9f81 100644 --- a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-customizing-font.md +++ b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-customizing-font.md @@ -22,10 +22,10 @@ font-face用于定义字体样式。应用可以在style中定义font-face来指 src: url('/common/HWfont.ttf'); } ``` + +**font-family：** 自定义字体的名称。 -**font-family：**自定义字体的名称。 - -**src：**自定义字体的来源，支持如下类别。 +**src：** 自定义字体的来源，支持如下类别。 - 项目中的字体文件：通过url指定项目中的字体文件路径(只支持绝对路径，详见[文件组织](js-service-widget-file.md))。 diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md index 7eaf30ebdb..09c9dd4160 100644 --- a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md +++ b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-common-gradient.md @@ -17,6 +17,7 @@ ### 过渡方向 通过direction或者angle指定过渡方向。 + - direction：进行方向渐变。 - angle：进行角度渐变。 @@ -33,27 +34,27 @@ background: repeating-linear-gradient(direction/angle, color, color, ...); 支持以下四种方式：\#ff0000、\#ffff0000、rgb(255, 0, 0)、rgba(255, 0, 0, 1)，需要指定至少两种颜色。 - 参数 - | 名称 | 类型 | 默认值 | 必填 | 描述 | + + | 名称 | 类型 | 默认值 | 必填 | 描述 | | -------- | -------- | -------- | -------- | -------- | | direction | to <side-or-corner>  <side-or-corner> = [left \| right] \|\| [top \| bottom] | to bottom (由上到下渐变) | 否 | 指定过渡方向，如：to left (从右向左渐变)  ，或者to bottom right (从左上角到右下角)。 | | angle | <deg> | 180deg | 否 | 指定过渡方向，以元素几何中心为坐标原点，水平方向为X轴，angle指定了渐变线与Y轴的夹角(顺时针方向)。 | | color | <color> [<length>\|<percentage>] | - | 是 | 定义使用渐变样式区域内颜色的渐变效果。 | - 示例 + 1. 默认渐变方向为从上向下渐变。 - ```css + ```css #gradient { height: 300px; width: 600px; /* 从顶部开始向底部由红色向绿色渐变 */ background: linear-gradient(red, #00ff00); } - ``` - - + ``` - ![111](figures/111.PNG) + ![111](figures/111.PNG) 2. 45度夹角渐变。 @@ -63,7 +64,7 @@ background: repeating-linear-gradient(direction/angle, color, color, ...); background: linear-gradient(45deg, rgb(255,0,0),rgb(0, 255, 0)); ``` - ![222](figures/222.PNG) + ![222](figures/222.PNG) 3. 设置方向从左向右渐变。 @@ -73,7 +74,7 @@ background: repeating-linear-gradient(direction/angle, color, color, ...); ``` -![333](figures/333.PNG) + ![333](figures/333.PNG) 4. 重复渐变。 @@ -81,4 +82,4 @@ background: repeating-linear-gradient(direction/angle, color, color, ...); /* 从左向右重复渐变，重复渐变区域30px（60-30）透明度0.5 */ background: repeating-linear-gradient(to right, rgba(255, 255, 0, 1) 30px,rgba(0, 0, 255, .5) 60px); ``` -![444](figures/444.PNG) + ![444](figures/444.PNG) diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-config-file.md b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-config-file.md index d765158bfb..cb7360a3d1 100644 --- a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-config-file.md +++ b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-config-file.md @@ -46,7 +46,7 @@ window用于定义与显示窗口相关的配置。对于卡片尺寸适配问 > > - autoDesignWidth、designWidth的设置不影响默认值计算方式和绘制结果。 - | 属性 | 类型 | 必填 | 默认值 | 描述 | +| 属性 | 类型 | 必填 | 默认值 | 描述 | | -------- | -------- | -------- | -------- | -------- | | designWidth | number | 否 | 150px | 页面显示设计时的参考值，实际显示效果基于设备宽度与参考值之间的比例进行缩放。 | | autoDesignWidth | boolean | 否 | false | 页面设计基准宽度是否自动计算，当设为true时，designWidth将会被忽略，设计基准宽度由设备宽度与屏幕密度计算得出。 | diff --git a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-hml.md b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-hml.md index 8364bc2216..3270a6fd6a 100644 --- a/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-hml.md +++ b/zh-cn/application-dev/reference/js-service-widget-ui/js-service-widget-syntax-hml.md @@ -75,7 +75,7 @@ HML（OpenHarmony Markup Language）是一套类HTML的标记语言，通过组 | 选择器 | 样例 | 默认值 | 样例描述 | | -------- | -------- | -------- | -------- | -| action | string | "router" | 事件类型。
- "router"：用于应用跳转。
- "message"：自定义点击事件。 | + | action | string | "router" | 事件类型。
- "router"：用于应用跳转。
- "message"：自定义点击事件。 | | abilityName | string | - | 跳转ability名。 | | params | Object | - | 跳转应用携带的额外参数。 | @@ -145,7 +145,8 @@ HML（OpenHarmony Markup Language）是一套类HTML的标记语言，通过组 在API Version 8，want参数需要在app.js或app.ets文件的onCreate方法中调用[featureAbility.getWant](../apis/js-apis-featureAbility.md#featureabilitygetwant-1)接口接收相关参数。 - 消息事件格式 - | 选择器 | 样例 | 默认值 | 样例描述 | + + | 选择器 | 样例 | 默认值 | 样例描述 | | -------- | -------- | -------- | -------- | | action | string | message | 表示事件类型。 | | params | Object | - | 跳转应用携带的额外参数。 | -- GitLab