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

html-css027

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

请点击输入图片描述

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

请点击输入图片描述