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

本文介绍了使用MUI、H5和HBuilderX开发iOS和Android应用的过程,着重讨论了如何处理iOS设备的返回页问题,实现了带返回键的标题栏。同时,讲解了图片轮播的实现细节,包括循环逻辑。此外,还展示了文本部分的代码。作者分享了作为武术协会创始人初次接触前端开发的心得,尽管页面设计有待改进,但已开始逐步完善。最后,作者在2020年的除夕夜送上祝福。
摘要由CSDN通过智能技术生成

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

页面展示

在这里插入图片描述

代码展示

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

<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<h1 class="mui-title">浙商大武术协会</h1>
</header>

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

<div class="mui-slider">
		<div class="mui-slider-group mui-slider-loop">
			<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/3.jpg" width="300" height="235"/></a></div>
			<div class="mui-slider-item"><a href="#"><img src="images/1.jpg" width="300" height="235"/></a></div>
			<div class="mui-slider-item"><a href="introduce.html"><img src="images/2.jpg" width="300" height="235"/></a></div>
			<div class="mui-slider-item"><a href=
  • 12
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 21
    评论
评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值