小程序之页面布局

本文介绍了新手学习微信小程序页面布局的过程,重点使用了page, view, text, swiper, image, swiper-item, navigationBarTitleText等标签。内容包括轮播图的实现,图片上文字样式的添加,以及相对和绝对定位在调整图片位置时的应用。同时强调了wxss中的样式设置,如留白、水平对齐和字体选择。建议查阅官方文档以获取更多标签属性信息。" 120413557,10163228,Oracle数据库监听日志清理指南,"['数据库管理', 'Oracle数据库', '日志清理']
摘要由CSDN通过智能技术生成

新人小白通过几天的视频学习,上手操作了一下小程序内的页面布局
成果如图:
在这里插入(片描述

在这里插入图片描述(图片来源于bilibili网页,权侵删)
主要用到的标签有:page,view,text,swiper,image,swiper-item,navigationBarTitleText等

文字前的空格代码如下:
在这里插入图片描述
轮播图代码:
在这里插入图片描述
注:autoplay indicator-dots circular等属性在设置“true”的时候直接写属性名称也可以

图片上设置文字样式的代码:
在这里插入图片描述
其他就是简单的排版布局和样式设置,具体在wxss里设置,注意留白和水平位置和对齐方式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值