Vant Openharmony · Issue #I4839W · Gitee Community/OpenHarmony组件开发大赛 - Gitee.com

/ 详情

意向

需求

创建于

2021-09-01 01:36

仓库地址：https://gitee.com/vant-openharmony/vant
文档网站：https://vant-openharmony.gitee.io/vant
作者 ID：张润胜
作品效果图
项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～
openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是Vant。所以基于Vant现有的组件进行在openharmony的实现。
壮举

打造了openharmony-iconfont-cli，快速创建ICON，基于自定义字体样式实现；
把组件库发布到npm，探索了通过 npm 安装组件库并使用；
尝试了 TS+LESS+HML 的开发模式。

创建了需求

将关联仓库设置为Gitee/OpenHarmony组件开发大赛

修改了描述

原值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 作者 ID：张润胜

1. 作品效果图

![DEMO](https://vant-openharmony.gitee.io/vant/assets/demo.gif "DEMO")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

我觉得openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端为自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

新值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

![DEMO](https://vant-openharmony.gitee.io/vant/assets/demo.gif "DEMO")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

我觉得openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端为自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

修改了描述

原值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

![DEMO](https://vant-openharmony.gitee.io/vant/assets/demo.gif "DEMO")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

我觉得openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端为自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

新值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

![DEMO](https://vant-openharmony.gitee.io/vant/assets/demo.gif "DEMO")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

修改了描述

原值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

![DEMO](https://vant-openharmony.gitee.io/vant/assets/demo.gif "DEMO")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

新值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

![DEMO](https://vant-openharmony.gitee.io/vant/assets/demo.mov "DEMO")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

修改了描述

原值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

![DEMO](https://vant-openharmony.gitee.io/vant/assets/demo.mov "DEMO")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

新值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

<video controls="controls" width="800" height="600" 

       name="Video Name" src="https://vant-openharmony.gitee.io/vant/assets/demo.mov"></video>

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

修改了描述

原值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

<video controls="controls" width="800" height="600" 

name="Video Name" src="https://vant-openharmony.gitee.io/vant/assets/demo.mov"></video>

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

新值

1. 仓库地址：https://gitee.com/vant-openharmony/vant

1. 文档网站：https://vant-openharmony.gitee.io/vant

1. 作者 ID：张润胜

1. 作品效果图

![demo](https://vant-openharmony.gitee.io/vant/assets/demo.gif "demo")

![button](https://vant-openharmony.gitee.io/vant/assets/button.gif "button")

![cell](https://vant-openharmony.gitee.io/vant/assets/cell.gif "cell")

![loading](https://vant-openharmony.gitee.io/vant/assets/loading.gif "loading")

![overlay](https://vant-openharmony.gitee.io/vant/assets/overlay.gif "overlay")

1. 项目经过或者做这个组件的原因，简单的概述能让评委们更清楚的了解组件～

openharmony在JS组件库这一块有很大的缺口，而在H5和小程序端中，我自己用得比较多的就是[Vant](https://vant-contrib.gitee.io/vant/)。所以基于[Vant](https://vant-contrib.gitee.io/vant/)现有的组件进行在openharmony的实现。

1. 壮举

- 打造了[openharmony-iconfont-cli](https://gitee.com/vant-openharmony/iconfont-cli)，快速创建ICON，基于[自定义字体样式](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-common-customizing-font-0000000000628833)实现；

- 把组件库发布到npm，探索了通过 npm 安装组件库并使用；

- 尝试了 TS+LESS+HML 的开发模式。

展开全部操作日志

不错不错，期待大佬作品

登录后才可以发表评论

状态

负责人

项目

里程碑

Pull Requests

关联的 Pull Requests 被合并后可能会关闭此 issue

分支

开始日期 - 截止日期

-

置顶选项

优先级

预计工期（小时）

参与者（2）

1

https://gitee.com/gitee-community/openharmony_components.git

git@gitee.com:gitee-community/openharmony_components.git

gitee-community

openharmony_components

OpenHarmony组件开发大赛