<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页面非常有用。