第一步,去SUI mobile官网看一下
点击上面的示例
然后点击表单-基础,当然这里你也可以选择其他的进行测试,然后进入到了这个页面
右键,查看源码,当然这里最好是谷歌浏览器,会有查看源码的选项
然后将整个代码复制到你自己的html页面当中,那么现在就差一步了,就是引入相应的CSS和JS,官网在开始使用那里给出了5个
值得注意的是,直接复制是不好用的,因为他们的src是它自己项目的路径,引入不了,原来官网上是直接从网上获取资源,那么现在我们就需要自己获取了,自己获取的话,首先得有这几个文件,然后要配置相应的路径。文件在下面的百度云里,下面就是将文件放到相应位置,再配置相应路径里,我的配置如下:
链接:https://pan.baidu.com/s/1kd7_bTI7nBl14p5hQ7A9tA
提取码:f4sb
复制这段内容后打开百度网盘手机App,操作更方便哦
<link rel="stylesheet"
href="../resources/css/common/sm.min.css">
<link rel="stylesheet"
href="../resources/css/common/sm-extend.min.css">
<script type='text/javascript'
src='../resources/js/common/sm.min.js' charset='utf-8'></script>
<script type='text/javascript'
src='../resources/js/common/sm-extend.min.js' charset='utf-8'></script>
文件位置:
放到指定位置,官网给的示例: