【小程序】案例 - 本地生活(首页)

news/2024/10/31 3:26:54/

1. 首页效果以及实现步骤

新建项目并梳理项目结构

配置导航栏效果

配置 tabBar 效果

实现轮播图效果

实现九宫格效果

实现图片布局 

2. 接口地址

获取轮播图数据列表的接口 【GET】

https://www.escook.cn/slides

获取九宫格数据列表的接口 【GET】

https://www.escook.cn/categories

总结

能够使用 WXML 模板语法渲染页面结构

 wx:if、wx:elif、wx:else、hidden、wx:for、wx:key

能够使用 WXSS 样式美化页面结构  

rpx 尺寸单位、@import 样式导入、全局样式和局部样式

能够使用 app.json 对小程序进行全局性配置  

pages、window、tabBar、style

能够使用 page.json 对小程序页面进行个性化配置  

对单个页面进行个性化配置、就近原则

能够知道如何发起网络数据请求  

wx.request() 方法、onLoad() 事件


http://www.ppmy.cn/news/6041.html

相关文章

C++内存管理

内存管理 c:malloc、calloc、realloc、free c:new(不会初始化)、delete 内存管理方式 对于内置类型 //申请和释放单个元素的空间,使用new和delete操作符 int* p1 new int;//申请1个int类型的空间 delete p1;int*…

jenkins pipeline 指定执行节点

第一种写法: pipeline { agent { label “slave-hw” } stages { stage(‘执行更新程序包’) { steps { sh ‘cd /apps/nedy/nedy/csctbb/HWCLOUD ; sh test.sh’ } } stage(‘是否继续’) { steps { input message: ‘确认继续吗?’, ok: ‘确认’ } } …

【PAT甲级 - C++题解】1113 Integer Set Partition

✍个人博客:https://blog.csdn.net/Newin2020?spm1011.2415.3001.5343 📚专栏地址:PAT题解集合 📝原题地址:题目详情 - 1113 Integer Set Partition (pintia.cn) 🔑中文翻译:整数集合划分 &…

四、网络层(七)网络层设备

目录 7.1 路由器的组成和功能 7.2 路由表与路由转发 7.1 路由器的组成和功能 路由器是一种具有多个输入/输出端口的专用计算机,其任务是连接不同的网络(可以是异构的)并完成路由转发。在多个逻辑网络(即多个广播域&#xff…

高新技术企业认定的指标要求

高新技术企业认定的指标要求 1、拥有核心自主知识产权 (通过自主研发,受让等方式)拥有主营产品核心技术知识产权,数量要求:2项发明专利;10项实用新型专利软件著作版权。 2、产品(服务&#x…

深度学习训练营之海贼王人物识别

深度学习训练营之海贼王人物识别原文链接环境介绍前置工作设置GPU导入数据数据查看数据预处理加载数据可视化数据检查数据配置数据集prefetch()功能详细介绍:归一化查看归一化后的数据构建VGG-16网络网络结构编译模型训练结果可视化原文链接 🍨 本文为&a…

解决资源消耗,top的运用记录

第一条命令uptime load average 后面的三个数字,分别代表1分钟、5分钟和15分钟内机器的平均负载 使用top命令解决负载问题 Cpu(s)这一行提供了CPU运行情况信息 这些缩写分别代表了不同含义 (1)us:用户CPU时间 运行非优雅的用户进程所占CPU时间的百…

2-2-3-9-1-1、jdk1.7HashMap详解

目录数据结构链表的作用链表问题数据结构简图源码解析重要成员变量说明构造函数put操作初始化数组Key为null的处理计算hash添加链表节点--新增Entry扩容缺点扩容死锁分析单线程扩容多线程扩容数据结构 jdk1.7的hashmap的底层结构是数组加单向链表实现的。将key的hash值进行取模…