WeUI使用步骤

先去下载

  • 小程序版weui下载地址:https://github.com/Tencent/weui-wxss
  • 可以将整个文件下载下来,将其中的dist文件夹导入到独立的小程序中作为参考如下图
WeUI使用步骤_第1张图片

注意:样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss。

  • 将style文件夹拷贝到小程序根目录中
WeUI使用步骤_第2张图片
  • weui.wxss的引入方法

    方法一.在app.wxss内或者需要的页面引入style/weui.wxss。

/**app.wxss**/
@import '/style/weui.wxss';

方式二:在app.wxss内或者需要的页面引入style/widget下的组件的wxss。

/**app.wxss---->引入button的wxss**/
@import 'style.widget.weui-button.weui-button.wxss';

注意:这样引入前提是weui.wxss放在全局的位置如图

WeUI使用步骤_第3张图片

这样就可以简单的调用WeUI组件了。

你可能感兴趣的:(小程序,WeUI)