1. 首页
  2. 编程语言
  3. Javascript
  4. Angularjs整合微信UI(weui)

Angularjs整合微信UI(weui)

上传者: 2021-11-06 12:10:41上传 PDF文件 107.21 KB 热度 14次

不久前,微信推出了自己的一套UI,我看有很多开发者将其套用在了一些前端框架中,比如react、vue。最近自己在学习Angularjs,所以,也想把这个UI整合到这个框架,这几天试了一下,简单的套用了一个功能,现在分享给大家,分离做的不好,请高手指点。有一定的Angularjs基础,并且了解ngRoute、ngAnimate的人群。整合的时候,参照官方的演示页面,自己也做了一个演示页面,完全使用Angularjs做的,没有引用其它框架。下面先说明一下引入的文件。下是导航页面的代码:以上代码大部分来自官方的首页代码,由于要使用Angularjs,所以增加了相应的属性,包括ngApp,ngController,ngClick,ngIf以及显示功能演示页面的ngView。这里使用的ngAnimate的$animateCss服务,并且使用了此服务提供的进入事件enter以及移出事件leave。

用户评论