weui 组件.net开发时怎么调用

html-css036

weui 组件.net开发时怎么调用,第1张

<!-- 微信样式引入开始 -->

<link rel="stylesheet" href="public/js/weui/dist/lib/weui.css">

<link rel="stylesheet" href="public/js/weui/dist/css/jquery-weui.css">

<script src="public/js/weui/dist/lib/jquery-2.1.4.js"></script>

<script src="public/js/weui/dist/js/jquery-weui.js"></script>

<!-- 微信样式引入结束 -->

在附件中下载,放入自己的项目中就可以使用了。

方法/步骤

下载 weui.wxss

请点击输入图片描述

解压缩文件,可以看到如下文件

请点击输入图片描述

打开开发者工具,新建一个项目

请点击输入图片描述

下面的小程序初始化的文件内容及结构

请点击输入图片描述

找到上述文件dist/style目录下weui.wxss

请点击输入图片描述

将weui.wxss放到小程序项目的更目录下

请点击输入图片描述

引用weui.wxss,在app.wxss引入

请点击输入图片描述

实验weui.wsxx

请点击输入图片描述

查看效果,此时说明我们的样式已经引用成功。

请点击输入图片描述

weui.css只是微信的UI布局

weui应该还包括他的js文件吧,包含了js文件才能实现微信表单的响应,包括页面切换,按钮点击事件等效果。

weui应该提供了一个默认的网页路由式交互demo,这个可以好好研究一下,对做手机H5页面非常有用。