微信小程序2-2 本地生活

于 2023-10-09 11:10:06 发布
阅读量144 收藏
点赞数 1
文章标签： 微信小程序 生活 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_67308127/article/details/133697031
版权
本文详细介绍了如何实现移动应用中页面的创建，包括在app.json中配置、准备图片资源、编写轮播图和九宫格代码，以及确保页面样式和进行真机调试，特别关注PC端调试过程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、实现步骤

（二）、创建步骤

在这里插入图片描述

  • 单击【确定】按钮
    在这里插入图片描述

（二）创建页面

  • 在app.json里配置pages/grid/grid页面
    在这里插入图片描述

（三）准备图片素材

  • 在项目根目录创建images目录，拷贝项目所需图片素材
    在这里插入图片描述

（四）编写页面代码

  • 轮播图有指示点面板，自动轮播，时间间隔为1314毫秒
    在这里插入图片描述

2、编写九宫格代码

在这里插入图片描述

（一）编写页面样式

  • 设置轮播图区域页面样式
    在这里插入图片描述

在这里插入图片描述

  • 每个格子页面样式
    在这里插入图片描述
  • 每个格子中的图片和文字页面样式
    在这里插入图片描述

（二）查看真机调试效果

  • 选择启动PC端真机调试
    在这里插入图片描述
海崎新太.
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值