贷款移动端css,zcom

简单说下使用姿势

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