美文网首页
关于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