手把手教你搭建消防安全答题小程序-首页

简介: 手把手教你搭建消防安全答题小程序-首页

火灾事故重预防,无灾避难得安康。今天是“119”消防日,请大家注意用火用气用电安全,共同做好单位、家庭消防安全工作。

接下来,就让我手把手教你搭建消防安全答题小程序吧。

软件架构:微信原生小程序+云开发

首页布局

@MENG

首页样式

page{ background-color: #f6eef9; } .mw-bg { position: absolute; top: 0; left: 0; width: 750rpx; height: 100vh; } .mw-btn { position: absolute; top: 55vh; left: 0; width: 750rpx; z-index: 2; } .mw-answer { padding: 100rpx 150rpx 30rpx; } .mw-weixin.text-center { color: #333; padding: 30rpx 0 0; }

首页效果图
微信小程序“防火安全知识专项学习与竞答”
image.png

首页的布局样式还是比较简洁大方的,新手容易上手搭建,至于逻辑方面,相对比较少。一起来搭建消防安全答题小程序,齐参与火灾安全知识问答,关注消防,提高防火意识。

相关文章
|
9月前
|
小程序 容器
企业官网小程序搭建教程-首页的搭建05
企业官网小程序搭建教程-首页的搭建05
|
9月前
|
小程序 IDE 搜索推荐
【社区每周】小程序新增自定义tabBar功能;支持指定默认启动首页(2022年6月第三期)
【社区每周】小程序新增自定义tabBar功能;支持指定默认启动首页(2022年6月第三期)
87 0
|
8月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的在线答题微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的在线答题微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
93 3
|
8月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的答题小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的答题小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
8月前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的答题小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的答题小程序的详细设计和实现
52 0
|
9月前
|
JavaScript Java 测试技术
基于小程序的答题小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
基于小程序的答题小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
52 0
|
9月前
|
移动开发 小程序 容器
家校互通小程序实战开发02首页搭建
家校互通小程序实战开发02首页搭建
|
9月前
|
小程序 JavaScript 前端开发
点餐小程序实战教程06-首页开发
点餐小程序实战教程06-首页开发
|
9月前
|
小程序
TDesign电商小程序模板解析02-首页功能
TDesign电商小程序模板解析02-首页功能
|
9月前
|
小程序 JavaScript Java
基于Java的大学生心理健康答题小程序设计与实现(亮点:选题新颖、可以发布试卷设置题目、自动判卷、上传答案、答案解析)
基于Java的大学生心理健康答题小程序设计与实现(亮点:选题新颖、可以发布试卷设置题目、自动判卷、上传答案、答案解析)
108 0

热门文章

最新文章