java项目实战之SUI Mobile的使用方法

第一步,去SUI mobile官网看一下

https://sui.ctolog.com/

点击上面的示例

java项目实战之SUI Mobile的使用方法

 

然后点击表单-基础,当然这里你也可以选择其他的进行测试,然后进入到了这个页面

 

java项目实战之SUI Mobile的使用方法

右键,查看源码,当然这里最好是谷歌浏览器,会有查看源码的选项

java项目实战之SUI Mobile的使用方法

然后将整个代码复制到你自己的html页面当中,那么现在就差一步了,就是引入相应的CSS和JS,官网在开始使用那里给出了5个

java项目实战之SUI Mobile的使用方法

值得注意的是,直接复制是不好用的,因为他们的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>

文件位置:

java项目实战之SUI Mobile的使用方法

放到指定位置,官网给的示例:

java项目实战之SUI Mobile的使用方法