Helper 基础样式

使用指南

在 app.wxss 中引入组件库所有样式

@import "path/to/zanui-weapp/dist/index.wxss";

代码演示

直接在元素上增加指定 class 即可

<view class="zan-pull-right">zan-pull-right: 往右靠</view>

具体可用类名如下：

字体大小

zan-font-8 文字以8像素大小展示

zan-font-10 文字以10像素大小展示

zan-font-12 文字以12像素大小展示

zan-font-14 文字以14像素大小展示

zan-font-16 文字以16像素大小展示

zan-font-18 文字以18像素大小展示

zan-font-20 文字以20像素大小展示

zan-font-22 文字以22像素大小展示

zan-font-24 文字以24像素大小展示

zan-font-30 文字以30像素大小展示

字体颜色

zan-c-red 文字以红色展示

zan-c-gray 文字以浅灰色展示

zan-c-gray-dark 文字以灰色展示

zan-c-gray-darker 文字以深灰色展示

zan-c-black 文字以黑色展示

zan-c-blue 文字以蓝色展示

zan-c-green 文字以绿色展示

字体样式

zan-pull-right 文字往右靠

zan-text-deleted 文字显示删除效果

zan-font-bold 文字加粗显示

其他

zan-arrow 展示向右侧箭头，以 absolute 布局，需要在外层加上 relative 来定位

zan-ellipsis 文字过长点点点显示

zan-ellipsis—l2 文字过长点点点显示，最多显示两行

zan-ellipsis—l3 文字过长点点点显示，最多显示三行

微信扫一扫

原文:

https://www.youzanyun.com/zanui/weapp#/zanui/base/helper