美文网首页
关于weui.wxss在小程序中的引入

关于weui.wxss在小程序中的引入

作者: jlnbda3488375 | 来源:发表于2017-01-16 09:09 被阅读1329次
  • WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页开发量身设计,可以令用户的使用感知更加统一。
  1. 下载wxui.wxss
    下载地址:https://github.com/weui/weui-wxss
  2. 引用
    样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss
    将style文件夹放在和Pages同级的目录下,并在app.wxss中调用:

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

3.个人遇到的问题
在各种教程中常见的如下样式:

<view class="section">
<view class="section__title">flex-direction: row</view>
<view class="flex-wrp" style="flex-direction:row;">
<view class="flex-item bc_green">1</view>
<view class="flex-item bc_red">2</view>
<view class="flex-item bc_blue">3</view>
<view>
<view>

在weui中并没有找到相关的class,效果未能和相关教程统一,暂认为只是一种样式形式,mark一下。

相关文章

网友评论

      本文标题:关于weui.wxss在小程序中的引入

      本文链接:https://www.haomeiwen.com/subject/ajmhbttx.html