微信小程序学习（三）：在微信开发者工具中，使用WeUI

这里就是将WeUI导入到微信开发者工具中，我并没有使用多少样式，这里只是展示了一下怎么引用
网上有很多的方法，我绝大多数都没看懂，这里就是最简单的将文件导入项目中，然后引用

一、先下载WeUI

这个是下载的GitHub地址：
https://github.com/weui/weui-wxss/
下载完后解压是这个样子的
小程序
然后打开src==>style，找到weui.wxss文件

然后复制weui.wxss文件到项目的总目录下

我这里就是Test7里面

二、在app.wxss中配置

我是放在总目录下的，所以这样就行了，

/**app.wxss**/@import "weui.wxss";

另外说一下，每个"…/“是向上翻一层目录，没有数对”…/"的话就可能引用不到
小程序

三、实验成果

先上代码

<!-- 充值信息 --><view class="weui-panel">  <view bindtap='logout' class="weui-cell weui-cell_access" hover-class="weui-cell_active">    <!-- 这里之后可以放图标 -->    <view class="weui-cell__bd weui-cell_primary margin-left-icon">      <view class='text-size-09 init-wordspace'>充值信息</view>    </view>    <view class="weui-cell__ft weui-cell__ft_in-access"></view>  </view></view>

这个是wxml的页面
这个是没有连接上的样子，代码就写了一个充值信息的，就看看效果，别的没拷
小程序
这个是连接后的样子，可以看到在不改变wxss的情况下，仅仅是把app.wxss中加了配置，就改变了样式