微信小程序

A Good Ending

已于 2023-10-09 11:11:09 修改

阅读量423

点赞数 1

文章标签：小程序

于 2023-10-09 11:03:44 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/dyh0714sxg0522/article/details/133697198

版权

文章目录

一、实现步骤

一、实现步骤

（一）创建项目

在这里插入图片描述

（二）创建页面

在这里插入图片描述

（三）准备图片素材

在这里插入图片描述

（四）编写页面结构

1、编写轮播区域页面结构

源码
预览效果

2、编写九宫格区域页面结构

view组件里嵌套9个view组件

（五）编写页面样式

1、编写轮播图区样式

设置swiper容器高度：350rpx，设置容器的高度和宽度

在这里插入图片描述

预览效果

2、编写九宫格区域页面样式

整体页面样式
每个格子页面样式
每个格子中的图片和文字的页面样式

（六）查看模拟机效果

查看轮播图和九宫格

在这里插入图片描述

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
微信小程序

一、实现步骤（一）创建项目（二）创建页面（三）准备图片素材（四）编写页面结构1、编写轮播区域页面结构2、编写九宫格区域页面结构（五）编写页面样式1、编写轮播图区样式2、编写九宫格区域页面样式（六）查看模拟机效果欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章。
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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