前端MUI+H5+HBuilderX开发APP（IOS，android），后台Springboot,首页，图片轮播等，更新中（三 ）

页面展示

代码展示

因为苹果手机只用主home键，无法返回上一个页面，所有添加一个带返回键的标题栏

	
	
浙商大武术协会

接下来是图片轮播，如果正常放置图片，顺序123即可，如果想要图片轮播，则要3 123 1，让开头结尾知道自己循环的上一个和下一个。部分图片添加了链接。

"mui-slider">
		
"mui-slider-group mui-slider-loop">
			
"mui-slider-item mui-slider-item-duplicate">"#">"images/3.jpg" width="300" height="235"/>
			
"mui-slider-item">"#">"images/1.jpg" width="300" height="235"/>
			
"mui-slider-item">"introduce.html">"images/2.jpg" width="300" height="235"/>
			
"mui-slider-item">"#">"images/3.jpg" width="300" height="235" />
			
"mui-slider-item mui-slider-item-duplicate">"#">"images/1.jpg" width="300" height="235"/>
		
	
	

再接下来是文本部分：

主要代码快内容：

<li class="mui-table-view-cell mui-media">
	        <a href="javascript:;">
	            <img class="mui-media-object mui-pull-left" src="images/1.jpg">
	            <div class="mui-media-body">
	                训练通知
	                <p class='mui-ellipsis'>从2021年3月，正式开始训练，周二周四下午16：30开始。</p>
	            </div>
	        </a>
	    </li>

"mui-table-view">
	    
"mui-table-view-cell mui-media">
	        "javascript:;">
	            "mui-media-object mui-pull-left" src="images/1.jpg">
	            
"mui-media-body">
	                训练通知
	                
'mui-ellipsis'>从2021年3月，正式开始训练，周二周四下午16：30开始。
	            
	        
	    
	    
"mui-table-view-cell mui-media">
	        "javascript:;">
	            "mui-media-object mui-pull-left" src="images/1.jpg">
	            
"mui-media-body">
	                表演通知
	                
'mui-ellipsis'>由于疫情影响，迎新晚会取消，大家可提前离校，祝大家新年快乐。
	            
	        
	    
		
"mui-table-view-cell mui-media">
		    "javascript:;">
		        "mui-media-object mui-pull-left" src="images/1.jpg">
		        
"mui-media-body">
		            补贴通知
		            
'mui-ellipsis'>2020年训练结束，补贴将于2021年发放，请大家倒35幢签字。
		        
		    
		
		
"mui-table-view-cell mui-media">
		    "javascript:;">
		        "mui-media-object mui-pull-left" src="images/1.jpg">
		        
"mui-media-body">
		            比赛通知
		            
'mui-ellipsis'>浙江省大学生武术锦标赛将于2021年5月4日举办。
		        
		    
		
	

最下面好像没有截到，下面是登录和注册

<div class="mui-row">
			<div class="mui-col-sm-8">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						纳新报名    
					</a>
				</li>
			</div>
			<div class="mui-col-sm-6">
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						社员登录
					</a>
				</li>
			</div>
		</div>

作为浙商大武术协会的创始人兼两代元老( •̀ ω •́ )y，想毕业之前给自己的武术社留下一点什么，之前一直做后端，第一次接触前端，页面比较丑，其他大大小小的的页面思考设计当中，但是老师已经催我了，拖延症得改啊，。
不喜勿喷啊。我尽力了，如果看项目搭建，详情见第二篇。
我还是有自知之明的，虽然写的不是很好，但是我还是会努力的。点个赞也行。

今天2020除夕夜，祝大家顺风顺水有人陪，红红火火过大年。事事顺心如意，代码bug都是小case(^_)（毕竟没有bug的代码没有挑战）还是不要bug了。除夕夜快乐( •̀ ω •́ )y