微信小程序轮播中的current_开源 | 微信接龙小程序 wechatsolita 开源
|一个基于微信的接龙小程序,开箱即用。
功能说明
发起接龙 - 简单易用,分「活动」及「拼团」两种类型,可设置报名上限
接龙报名 - 报名参加活动,拼团类活动能够自动计算金额
报名确认 - 活动创建者可针对报名的用户标记完成情况
功能体验
部署说明
在部署前,你应该先了解小程序的申请、开发、发布流程,以及小程序的云开发功能。本文不做介绍。
1.修改项目名称及 appid 配置
在下载代码后,开发者优先修改小程序的配置信息。你可以打开根目录下的 `project.config.json` 文件,修改 `appid` 和 `projectname`。
{ "miniprogramRoot": "miniprogram/", "cloudfunctionRoot": "cloudfunctions/", "setting": { "urlCheck": true, "es6": true, "postcss": true, "minified": true, "newFeature": true }, "appid": "your appid", // 开发者需要修改成自己的appid "projectname": "wechat-solita", // 开发者需要修改成自己的项目名称 "libVersion": "2.7.0", "simulatorType": "wechat", "simulatorPluginLibVersion": {}, "cloudfunctionTemplateRoot": "cloudfunctionTemplate", "condition": { "search": { "current": -1, "list": [] }, "conversation": { "current": -1, "list": [] }, "plugin": { "current": -1, "list": [] }, "game": { "list": [] }, "miniprogram": { "current": 0, "list": [] } }}
2.使用小程序开发工具创建数据库
目前小程序用到两个数据库集合,开发者需要自行创建 `post` 和 `apply` 两个数据库集合。当然,你可以通过修改代码后,自行命名数据库名称。
3.创建 release 和 test 环境
为避免开发过程中对生产环境功能及数据造成影响,我们需要创建生产环境 `release` 和测试环境 `test` 。开发者可以通过小程序开发工具云开发功能进行创建。
| release 和 test 是环境ID,不是环境名称
所有的云函数及 app.js 都有使用环境变量入口,默认是 release 环境,开发者需要根据实际情况进行修改。
| 环境变量使用示例
cloud.init({ // 1.release - 正式 // 2.test - 测试 // env: 'test' env: 'release'});
4.发布你的小程序
好了,现在你拥有一个自己的小程序了。
Github 地址
https://github.com/eyson/wechat-solita
微信小程序轮播中的current_开源 | 微信接龙小程序 wechatsolita 开源相关推荐
- 微信小程序轮播中的current_微信小程序轮播图
微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了. 微信小程序提供swiper组件,官网api提供的swiper滑块视图容器. 属性名类型默认值说明 autoplay Boolean ...
- 微信小程序轮播中的current_微信小程序 swiper轮播图的按钮切换
一.前言 swiper组件自带autoplay切换,本文将会介绍如何用到左右按钮切换轮播图,以及如何解决快速点击按钮出现的bug. 核心属性 circular: 负责切换衔接的效果(否则最后一张与第一 ...
- 微信小程序轮播中的current_手把手教你美化微信小程序中的轮播效果
微信小程序现在依然很火,相信大家有目共睹:所以作为前端开发者,掌握如何开发小程序,是一项必备技能了,你觉得呢? 相对于PC和H5开发,小程序坑很多,所以需要慢慢"踩",被坑多了,路 ...
- 微信小程序轮播中的current_微信小程序开发之自定义轮播图实例
轮播图是大部分应用的一个常用的功能,常用于广告投放.产品展示.活动展示等等. 漂亮的轮播图效果可以吸引用户的点击,达到推广产品的作用. 废话少说,下面开始动手. 业务需求: 5个图片轮番播放,可以左右 ...
- 五分钟掌握微信小程序轮播图
微信小程序轮播图实现,比Android 轮播图来说,显得轻松多了. 微信小程序提供swiper组件,官网api提供的swiper滑块视图容器. 属性名 类型 默认值 说明 autoplay Boole ...
- 微信小程序 轮播图代码
微信小程序轮播图的代码如下: 首先,在小程序的 wxml 文件中,添加如下代码: <!-- 轮播图组件 --> <swiper class="swiper" in ...
- 微信小程序轮播图高度与图片高度不匹配问题
微信小程序轮播图高度与图片高度不匹配问题 在微信小程序项目中,为了美观给page设置了padding值,然后让轮播图里面的图片宽度为100%,高度widthFix自适应,出现了如下问题:指示器位置不对 ...
- 微信小程序--轮播图
微信小程序轮播图的实现是利用了swiper组件(滑块视图容器). 主要参数如下: 属性名 类型 默认值 说明 indicator-dots Boolean false 是否显示面板指示点 indica ...
- 微信小程序---轮播图
0. 微信小程序轮播图的实现 a. 是利用了swiper组件滑块视图容器 b. swiper的文档 文档https://developers.weixin.qq.com/miniprogram/dev ...
最新文章
- 关于Hystrix超时机制和线程状态的测试观察和个人理解
- SAP MM 初阶循环盘点的ABCD 标识符
- k8s get命令:以yaml格式输出deployment对象
- 何为奇偶校验码?简述它们的区别。_加速试验中,HAST和HASS的区别
- Webpack2的基本使用
- HR数据抽取:通过 Read Master Data 转换规则读取时间相关主属性数据
- getopt在Python中的使用
- 前端学习(2455):layout处理
- 蚂蚁金服隗华:十五年时间见证分布式数据库的崛起
- 服务器镜像工作原理,镜像服务器的原理是什么,怎么工作的
- 一些弹出框的用法例子(二)
- 2019年CSDN博客前十排名
- 知乎Python后端面试总结
- 蓝桥杯 入门训练 序列求和
- Nginx+PHP-FPM优化技巧总结
- 数据结构第三篇——线性表的链式存储之单链表
- javascript异步延时加载及判断是否已加载js/css文件
- Python编程基础
- openbravo与淘宝对接文档一
- 我是如何走进黑客世界的?
热门文章
- Android多媒体框架图
- 如何选择深度学习框架 TensorFlow/Torch/Mxnet/Theano
- RGB图像中值平滑和均值平滑
- UE4之Import源码解析
- 进阶10 补充知识点
- B-数,B+树,B*树简单定义
- html 显示接口数据格式化,科技常识:html格式化输出JSON示例(测试接口)
- 自动生成html_python自动化测试中pytest的使用
- python 对角阵_numpy创建单位矩阵和对角矩阵的实例
- mybatis 里面concat()函数t模糊查询