为了适应后端给出的接口,需要将接口功能在各种界面中进行布局,例如病人详细信息中存放有各种案例,首先需要将案例的页面搭建好,主要利用了之前所学,加入了走马灯图片展示,图片分两列,方便进行图片之间的对比,还有案例的详细信息展示部分,另外还有案例文件的存储和上传区域(目前只实现了上传,但是并没有对接服务器)
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=064e4bc4d0a04347bddfaed1f59a5f43.png?,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25IWklIWklIU0lO,size_16,color_FFFFFF,t_70)
区域之间还有分割线进行区分
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=eabb7bc8a89547bf9c7219186e3e2dc5.png)
![在这里插入图片描述](https://www.icode9.com/i/ll/?i=bb288d25fc284c3b902ffcf0725e0ab2.png?,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25IWklIWklIU0lO,size_16,color_FFFFFF,t_70)
标签:界面,上传,接口,案例,实训,山东大学,详细信息,图片
来源: https://blog.csdn.net/nHZIHZIHSIN/article/details/119248448