Dieses Mal erkläre ich Ihnen, was die Vorsichtsmaßnahmen sind. Hier ist ein praktischer Fall, werfen wir einen Blick darauf.
Implementieren Sie die Anzeigefunktion Bild: Ebene
1. Hier ist eine Layer-Frontend-Komponente
Layer ist eine Web-Elastic-Layer-Komponente mit hervorragendem Ruf. Sie bietet umfassende Lösungen und ist darauf ausgerichtet, Entwicklern aller Ebenen ein umfassendes und benutzerfreundliches Betriebserlebnis zu bieten.
, um es von dieser Website herunterzuladen .
Es gibt bestimmte Verwendungsmethoden Beachten Sie hier einige Punkte: Bevor wir die Layer-Frontend-Komponente verwenden, müssen wir die js-Datei des Layers einführen<script type="text/javascript" src=".../.../layer/layer/layer.js"></script> <script type="text/javascript" src=".../...//layer/layer/extend/layer.ext.js"></script>
Hinweis: Die Datei „layer.js“ sollte nach jquery eingeführt werden, da „layer.js“ auf jquery.js basiert!
2.json
Json ist außerdem erforderlich, um die Bildanzeigefunktion zu implementieren:
Die spezifische Verwendung ist wie folgt:{ //您服务端接口需严格按照下述格式返回 "status": 1, //请求的状态,1表示成功,其它表示失败 "msg": "", //状态提示语 "title": "", //相册标题 "id": number型, //相册id "start": 0, //初始显示的图片序号,默认0 "data": [ //相册包含的图片,数组格式 { "name": "", //图片名 "pid": number型, //图片id "src": "", //原图地址 "thumb": "", //缩略图地址 "area": [638, 851] //原图宽高 } ] }
StringBuilder str = new StringBuilder();
return str.toString();
JS-Timer zur Implementierung des Fortschrittsbalkens verwenden
Detaillierte Erläuterung der Verwendung von Vue-Router
Das obige ist der detaillierte Inhalt vonLayer-Front-End-Komponentenbildanzeigefunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!