简单说下使用姿势
1.标题栏
标题1
2.左右按钮标题栏
标题2
按钮
按钮
3.小按钮
按钮
按钮
按钮
按钮
按钮
按钮
按钮
4.banner轮播图
图片自适应大小,可随意添加图片数量,自动生成文字及角标
HTML代码:
提供一个 banner-txt 属性,为图片下方展示文字,如不需要可不写
JS代码:
JS调用方法:
banner.come为图片手指拖动,如不需要可不写
banner.mark为图片角标,如不需要可不写
banner.txt为图片文字,如不需要可不写
banner.loop为图片轮播循环,如不需要可不写,第二个参数是图片轮播的间隔时间1000=1秒
5.tab栏
- 12312
- 12312
- 12312
- 12312
可添加任意数量,自动分配空间
6.选项卡
通过mo-link属性将导航和内容连接起来,实现切换。
7.模态窗
先给一个标签添加mo_modal类名,那么这个标签将会成为一个模态窗,再给模态窗添加一个id,然后就可以在mo_modal里面写内容
提供两个属性—
mo-show=显示模态窗,可在任意标签上添加该属性,后面跟着id,表示打开哪个模态窗—> mo-show=”id”,添加了该属性的标签将会在点击后打开模态窗。
2.mo-hide=隐藏模态窗,可在任意标签上添加该属性,后面跟着id,表示隐藏哪个模态窗—> mo-hide=”id”,添加了该属性的标签将会在点击后隐藏模态窗。(可给模态窗自身添加mo-hide属性,即点击黑色透明背景关闭模态窗)
8.垂直居中
提供两种方式一种是使用margin居中,mo_m_center
提供两种方式一种是使用position居中,mo_p_center
9.多余文字隐藏
可以将超出文字隐藏并显示省略号,mo_txt_hidden
可以给该类名设置宽度,如想显示3个字符,超过即隐藏 mo_txt_hidden:{width:3em} 即可
10.左侧菜单
右滑出现,左滑消失—->mo_menu