-
公益培训报名小程序
公益培训报名小程序，提供给文化馆，图书馆，文体中心，青少年活动中心，少年宫等社会公益机构进行公益培训活动报名登记的小工具
前后端代码完整，主要功能包括公告通知，课堂风采，报名列表，报名登记，采用腾讯提供的小程序云开发解决方案，无须服务器和域名。
部分关键代码
【app.json】
{
"pages":[
"pages/test/test",
"pages/index/index",
"pages/logs/logs",
"pages/search/search",
"pages/ranking/ranking"
],
"window":{
"backgroundTextStyle": "dark",
"navigationBarBackgroundColor": "#31c27c",
"navigationBarTitleText": "益起来，爱益无限",
"navigationBarTextStyle": "white",
"BackgroundColor": "#000000",
"enablePullDownRefresh": true
},
"tabBar": {
"color": "#000000",
"selectedColor": "#000000",
"backgroundColor": "#31c27c",
"borderStyle": "black",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "img/sy.jpg",
"selectedIconPath": "img/sy.jpg"
},
{
"pagePath": "pages/logs/logs",
"text": "分类",
"iconPath": "img/fl.jpg",
"selectedIconPath": "img/fl.jpg"
},
{
"pagePath": "pages/search/search",
"text": "搜索",
"iconPath": "img/wd.jpg",
"selectedIconPath": "img/wd.jpg"
}
]
},
"debug": true
}
【app.wxss】
.container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 200rpx 0;
box-sizing: border-box;
}
【index.wxml】
【index.wxss】
swiper image {
height: 150px;
width: 750rpx;
}
image{
height:830rpx;
width: 750rpx;
}
【logs.wxml】
表单 做志愿 找组织 公益课堂 扶贫募助 积分排名 公益捐赠 个人中心 公开窗口 志愿者服务矩阵 登录 【logs.wxss】
.placeholder{
margin: 8px;
padding: 0 12px;
text-align: center;
background-color:#31C27C ;
height:3em;
line-height:3em;
color: #FFFFFF;
}
.special_placeholder{
margin: 8px;
padding: 0 12px;
text-align: center;
background-color:#1ADD19 ;
height: 3em;
line-height: 3em;
color: #FFFFFF;
}
.page__hd{
margin: 15px;
text-align: center;
background-color: #EBEBEB;
height: 3em;
width:3.5em;
line-height: 3em;
color: #31C27C;
}
【test.wxml】
注册页面 姓名 手机号 获取验证码 验证码 曾经参加过志愿者活动 是
意见或建议 0/200
国家/地区 {{countries[countryIndex]}} 阅读并同意
《相关条款》 -
相关阅读:
Matlab：Unicode 和 ASCII 值
SpringBoot+Vue实现前后端分离的教学管理平台
μC/OS-II---内存管理2（os_core.c）
文件上传时各配置目录优先级详解
Github | 如何在Github上只下载一个文件或文件夹！？
斐波那契散列和hashMap实践
python JPG图片手动圈画掩膜Mask轮廓ROI
Linux学习笔记(9) -- 搜索查找
Day51:动态规划 LeedCode 300.最长递增子序列 674. 最长连续递增序列 718. 最长重复子数组
算法刷题打卡第34天：有效的井字游戏
- 原文地址：https://blog.csdn.net/weixin_51812604/article/details/127128975