├── .gitignore
├── App.vue
├── LICENSE
├── README.md
├── cloudfunctions-aliyun
    ├── api
    │   ├── index.js
    │   ├── models
    │   │   ├── home.js
    │   │   └── openid.js
    │   ├── package-lock.json
    │   └── package.json
    ├── common
    │   ├── response
    │   │   ├── index.js
    │   │   └── package.json
    │   └── utils
    │   │   ├── index.js
    │   │   └── package.json
    ├── db_init.json
    ├── send
    │   ├── config.json
    │   ├── index.js
    │   ├── package-lock.json
    │   └── package.json
    └── subscribe
    │   ├── index.js
    │   ├── package-lock.json
    │   └── package.json
├── components
    └── v-tabs
    │   ├── readme.md
    │   └── v-tabs.vue
├── docs
    ├── .vuepress
    │   ├── config.js
    │   └── public
    │   │   └── hero.png
    ├── README.md
    └── guide
    │   ├── README.md
    │   ├── cloud.md
    │   ├── ready.md
    │   └── static.md
├── examples
    ├── 微信图片_20201107150908.jpg
    ├── 微信图片_20201107150917.png
    ├── 微信图片_20201107150923.jpg
    ├── 微信图片_20201107150932.jpg
    ├── 微信图片_20201107150944.jpg
    ├── 微信图片_20201107150950.jpg
    ├── 微信图片_20201107163539.jpg
    ├── 微信图片_20201107163546.jpg
    ├── 微信图片_20201107165410.png
    └── 微信图片_20201107165417.jpg
├── main.js
├── manifest.json
├── pages.json
├── pages
    ├── index
    │   └── index.vue
    └── user
    │   └── user.vue
├── static
    ├── 11.png
    ├── all.png
    ├── coupon
    │   ├── 11.jpg
    │   ├── ele.png
    │   ├── ele_banner.png
    │   ├── ele_guosu.png
    │   ├── jd.png
    │   ├── meituan.png
    │   ├── meituan_banner.png
    │   ├── sanzhisongshu.png
    │   ├── vip.png
    │   └── vip_banner.png
    ├── demo.png
    ├── didi.jpg
    ├── ele.png
    ├── error.png
    ├── jd.png
    ├── meituan.png
    ├── right_h.png
    ├── tabbar
    │   ├── fuli.png
    │   ├── fuli_fill.png
    │   ├── home.png
    │   ├── home_fill.png
    │   ├── user.png
    │   └── user_fill.png
    ├── uni.ttf
    ├── user_hezuo.png
    ├── user_kefu.png
    ├── user_share.png
    ├── vip.png
    └── wx.png
└── uni.scss


/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | unpackage/
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | /test/unit/coverage/
 8 | 
 9 | # Editor directories and files
10 | .idea
11 | .vscode
12 | *.suo
13 | *.ntvs*
14 | *.njsproj
15 | *.sln
16 | manifest.json


--------------------------------------------------------------------------------
/App.vue:
--------------------------------------------------------------------------------
 1 | <script>
 2 | export default {
 3 | 	onLaunch: function() {
 4 | 		console.log('App Launch');
 5 | 		const userInfo = uni.getStorageSync('userInfo');
 6 | 		if(userInfo){
 7 | 			this.globalData.userInfo = userInfo
 8 | 		}
 9 | 	},
10 | 	onShow: function() {
11 | 		console.log('App Show');
12 | 	},
13 | 	onHide: function() {
14 | 		console.log('App Hide');
15 | 	},
16 | 	globalData: {
17 | 		api: {
18 | 			home: 'https://728da630-a10b-4780-b26e-30aa5aec7ee7.bspapp.com/http/api/home',
19 | 			openid: 'https://728da630-a10b-4780-b26e-30aa5aec7ee7.bspapp.com/http/api/openid',
20 | 		},
21 | 		subscribe: 'https://728da630-a10b-4780-b26e-30aa5aec7ee7.bspapp.com/http/subscribe',
22 | 		openid: '',
23 | 		userInfo: '',
24 | 	},
25 | 	methods: {
26 | 		shareConfig(){
27 | 			var messages = [{
28 | 				title: '美团饿了么大额红包，每日可领！',
29 | 				path: '/pages/index/index',
30 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png',
31 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png',
32 | 			},{
33 | 				title: '吃了这么多年外卖，你知道这个秘密吗？',
34 | 				path: '/pages/index/index',
35 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
36 | 			},{
37 | 				title: '这样点外卖，一年省下一个亿',
38 | 				path: '/pages/index/index',
39 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
40 | 			},{
41 | 				title: '点外卖前先领券，吃霸王餐',
42 | 				path: '/pages/index/index',
43 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
44 | 			},{
45 | 				title: '美团饿了么内部优惠券，手慢无',
46 | 				path: '/pages/index/index',
47 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
48 | 			},{
49 | 				title: '点外卖不用优惠券，你就out了',
50 | 				path: '/pages/index/index',
51 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
52 | 			},{
53 | 				title: '外卖不为人知的秘密，点这解密',
54 | 				path: '/pages/index/index',
55 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
56 | 			},{
57 | 				title: '震惊！小伙点外卖竟然花了1分钱',
58 | 				path: '/pages/index/index',
59 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
60 | 			},{
61 | 				title: '从这点外卖，你也可以吃霸王餐',
62 | 				path: '/pages/index/index',
63 | 				imageUrl : 'https://upload-images.jianshu.io/upload_images/302100-d28345a30e3c51c7.png'
64 | 			}];
65 | 			return messages[Math.floor(Math.random()*messages.length)];
66 | 		}
67 | 	}
68 | };
69 | </script>
70 | 
71 | <style>
72 | 
73 | </style>
74 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                                  Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "[]"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright [yyyy] [name of copyright owner]
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.
202 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | [新]微信红包封面领取小程序：https://github.com/zwpro/redCover
 2 | 
 3 | ### 更新日志 12.26
 4 | 
 5 | 新增订阅功能
 6 | 
 7 | 修改 cloudfunctions-aliyun/common/utils/index.js 中的 appid和secret参数，上传代码到云服务器即可
 8 | 
 9 | 
10 | ### 更新日志 11-30
11 | 新增uniCloud云开发，小程序数据可通过api更改。
12 | （如只需要数据写死在前端，可切换到静态数据分支 [no-api](https://github.com/zwpro/coupons/tree/no-api)）
13 | 
14 | # 美团饿了吗CPS红包，别人领红包下单，你拿推广佣金
15 | <img src="https://raw.githubusercontent.com/zwpro/coupons/master/static/demo.png" width="300"/>
16 | 
17 | 
18 | 
19 | ### 使用方法
20 | 
21 | 源码为uniapp项目，需下载hbuilder导入项目打包，可编译成h5或小程序(跳转地址为小程序路径)
22 | 
23 | [在线文档](http://lianghua.wxthe.com/docs/)
24 | 
25 | 
26 | ### 常见问题
27 | 1. 如何获取美团饿了吗的推广链接
28 | 
29 | 美团联盟：https://union.meituan.com/
30 | 
31 | 饿了么、双十一：https://pub.alimama.com/
32 | 
33 | ​	2.如何打包成小程序
34 | 
35 | 编译成小程序的话，需要配置coupons里小程序路径
36 | 
37 | 比如跳转饿了么小程序：
38 | 
39 | ```
40 | minapp: {
41 |     appid: 'wxece3a9a4c82f58c9',
42 |     path: 'pages/sharePid/web/index?scene=https://s.click.ele.me/wR9ecuu'
43 | }
44 | ```
45 | 
46 | 已上线案例：
47 | 
48 | <img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107150908.jpg" width="200"/><img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107150917.png" width="200"/><img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107150923.jpg" width="200"/><img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107150932.jpg" width="200"/><img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107150944.jpg" width="200"/><img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107150950.jpg" width="200"/><img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107163539.jpg" width="200"/><img src="https://raw.githubusercontent.com/zwpro/coupons/master/examples/微信图片_20201107163546.jpg" width="200"/>
49 | 
50 | 
51 | 
52 | 如有线上案例或疑问，请提issue
53 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/api/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const response = require('response')
 3 | const homeModel = require('./models/home')
 4 | const getOpenId = require('./models/openid')
 5 | exports.main = async (event, context) => {
 6 | 	//event为客户端上传的参数
 7 | 	console.log('event : ', event)
 8 | 	var resp = {}
 9 | 	//简单路由判断
10 | 	switch (event.path) {
11 | 		//首页
12 | 		case '/home':
13 | 			var homeModelTabs = await homeModel.tabs()
14 | 			resp.tabs = homeModelTabs.data
15 | 			var homeModelCoupons = await homeModel.coupons()
16 | 			resp.coupons = homeModelCoupons.data
17 | 			return response.success(resp)
18 | 			break;
19 | 		case '/openid':
20 | 			var openid = await getOpenId(event.queryStringParameters.jsCode)
21 | 			resp.openid = openid
22 | 			return response.success(resp)
23 | 			break;
24 | 		default:
25 | 
26 | 	}
27 | 	//返回数据给客户端
28 | 	return response.success()
29 | };
30 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/api/models/home.js:
--------------------------------------------------------------------------------
 1 | const db = uniCloud.database();
 2 | 
 3 | var home = {
 4 |     tabs: () => {
 5 | 		let tabs = db.collection('tab').get();
 6 | 		return tabs
 7 | 	},
 8 | 	coupons: () => {
 9 | 		let coupons = db.collection('coupon').orderBy("sort", "desc").get();
10 | 		return coupons
11 | 	},
12 | }
13 | 
14 | module.exports = home;
15 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/api/models/openid.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | // 后台获取openid
 3 | const utils = require('utils')
 4 | async function getOpenId(jsCode){
 5 | 	const appid = utils.APPID;
 6 | 	const secret = utils.SECREAT;
 7 | 	const url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + secret + '&js_code=' + jsCode + '&grant_type=authorization_code';
 8 | 	console.log(url)
 9 | 	const sendres = await uniCloud.httpclient.request(url,
10 | 	{	
11 | 		data: {},
12 | 		method: 'GET',
13 | 		contentType: 'json',
14 | 		dataType:"json",
15 | 	}
16 | 	);
17 | 	console.log(sendres.data.openid);
18 | 	return sendres.data.openid;
19 | };
20 | 
21 | module.exports = getOpenId;


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/api/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "api",
 3 |   "version": "1.0.0",
 4 |   "lockfileVersion": 1,
 5 |   "requires": true,
 6 |   "dependencies": {
 7 |     "response": {
 8 |       "version": "file:../common/response"
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/api/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "api",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "keywords": [],
10 |   "author": "",
11 |   "license": "ISC",
12 |   "dependencies": {
13 |     "response": "file:../common/response",
14 | 	"utils": "file:../common/utils"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/common/response/index.js:
--------------------------------------------------------------------------------
 1 | exports.success = (data = null, msg = 'success', code = 200) => {
 2 | 	return {
 3 | 		data,
 4 | 		msg,
 5 | 		code,
 6 | 	}
 7 | }
 8 | exports.error = (data = null, msg = 'fail', code = 400) => {
 9 | 	return {
10 | 		data,
11 | 		msg,
12 | 		code,
13 | 	}
14 | }


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/common/response/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "response",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "keywords": [],
10 |   "author": "",
11 |   "license": "ISC"
12 | }
13 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/common/utils/index.js:
--------------------------------------------------------------------------------
1 | exports.APPID = 'wx9472d5ad54e879ed';  //这里是我的appid，需要改成你自己的
2 | exports.SECREAT = '7fefd4********65778a';   //密钥也要改成你自己的
3 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/common/utils/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "utils",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "keywords": [],
10 |   "author": "",
11 |   "license": "ISC"
12 | }
13 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/db_init.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "coupon": {
  3 |         "data": [
  4 |             {
  5 |                 "_id": {
  6 |                     "$oid": "5fe62b3eee98e30001cb59d0"
  7 |                 },
  8 |                 "bannerPic": "/static/coupon/meituan_banner.png",
  9 |                 "icon": "/static/coupon/meituan.png",
 10 |                 "minapp": {
 11 |                     "appid": "wxde8ac0a21135c07d",
 12 |                     "path": "/index/pages/h5/h5?weburl=https%3A%2F%2Frunion.meituan.com%2Furl%3Fkey%3D591ec05930c57331c1212b936e6785c1%26url%3Dhttps%253A%252F%252Fi.meituan.com%252Fawp%252Fhfe%252Fblock%252Fa13b87919a9ace9cfab4%252F89400%252Findex.html%253Fappkey%253D591ec05930c57331c1212b936e6785c1%253A000001%26sid%3D000001&lch=cps:waimai:5:591ec05930c57331c1212b936e6785c1:000001&f_token=1&f_userId=1"
 13 |                 },
 14 |                 "name": "美团外卖红包",
 15 |                 "tabId": 2,
 16 |                 "type": 1,
 17 |                 "url": "https://runion.meituan.com/url?key=cd23768d09c339d1641b2738df39aa67&url=https%3A%2F%2Fi.meituan.com%2Fawp%2Fhfe%2Fblock%2Fa945391288b790d558b7%2F78716%2Findex.html%3Fappkey%3Dcd23768d09c339d1641b2738df39aa67%3Ajuhe&sid=juhe",
 18 |                 "sort": 100
 19 |             },
 20 |             {
 21 |                 "_id": {
 22 |                     "$oid": "5fe62b3eee98e30001cb59cf"
 23 |                 },
 24 |                 "bannerPic": "/static/coupon/ele_banner.png",
 25 |                 "icon": "/static/coupon/ele.png",
 26 |                 "minapp": {
 27 |                     "appid": "wxece3a9a4c82f58c9",
 28 |                     "path": "pages/sharePid/web/index?scene=https://s.click.ele.me/wR9ecuu"
 29 |                 },
 30 |                 "name": "饿了么红包",
 31 |                 "tabId": 1,
 32 |                 "type": 1,
 33 |                 "url": "https://s.click.ele.me/frZOjvu",
 34 |                 "sort": 99
 35 |             },
 36 |             {
 37 |                 "_id": {
 38 |                     "$oid": "5fe62b3eee98e30001cb59d1"
 39 |                 },
 40 |                 "bannerPic": "/static/coupon/sanzhisongshu.png",
 41 |                 "icon": "/static/coupon/jd.png",
 42 |                 "minapp": {
 43 |                     "appid": "wx91d27dbf599dff74",
 44 |                     "path": "pages/proxy/union/union"
 45 |                 },
 46 |                 "name": "三只松鼠大礼包",
 47 |                 "tabId": 3,
 48 |                 "type": 0,
 49 |                 "url": "https://u.jd.com/tFDejq",
 50 |                 "sort": 110
 51 |             }
 52 |         ],
 53 |         "schema": {
 54 |             "bsonType": "object",
 55 |             "permission": {
 56 |                 ".create": false,
 57 |                 ".delete": false,
 58 |                 ".read": true,
 59 |                 ".update": false
 60 |             }
 61 |         }
 62 |     },
 63 |     "messages": {
 64 |         "data": [
 65 |             {
 66 |                 "_id": {
 67 |                     "$oid": "5fe63c00646351000153d6a8"
 68 |                 },
 69 |                 "touser": "o8Pqo5Ac9_ntJ7cOdhYVcF5QaAVg",
 70 |                 "page": "pages/index/index",
 71 |                 "data": "外卖领券提醒, 快来领优惠券啦！",
 72 |                 "templateId": "hLV31-w38lq0yq8p6GEQUtBU7brtMrCFmaCCyxbU4xI",
 73 |                 "subscribeDate": "2020-12-26",
 74 |                 "sendDate": "2020-12-27",
 75 |                 "send": true
 76 |             },
 77 |             {
 78 |                 "_id": {
 79 |                     "$oid": "5fe8a6c9fb0f85000120f7ee"
 80 |                 },
 81 |                 "touser": "o8Pqo5B3v9GtB3lCx0EujzSUs-v4",
 82 |                 "page": "pages/index/index",
 83 |                 "data": "外卖领券提醒, 快来领优惠券啦！",
 84 |                 "templateId": "hLV31-w38lq0yq8p6GEQUtBU7brtMrCFmaCCyxbU4xI",
 85 |                 "subscribeDate": "2020-12-28",
 86 |                 "sendDate": "2020-12-27",
 87 |                 "send": true
 88 |             }
 89 |         ]
 90 |     },
 91 | 	"tab": {
 92 | 		"data": [
 93 | 			{
 94 | 				"icon": "/static/all.png",
 95 | 				"text": "全部",
 96 | 				"tabId": 0
 97 | 			},
 98 | 			{
 99 | 				"icon": "/static/ele.png",
100 | 				"text": "饿了么",
101 | 				"tabId": 1
102 | 			},
103 | 			{
104 | 				"icon": "/static/meituan.png",
105 | 				"text": "美团",
106 | 				"tabId": 2
107 | 			},
108 | 			{
109 | 				"icon": "/static/jd.png",
110 | 				"text": "京东",
111 | 				"tabId": 3
112 | 			}
113 | 		],
114 | 		"schema": {
115 | 			"bsonType": "object",
116 | 			"permission": {
117 | 				".read": true,
118 | 				".create": false,
119 | 				".update": false,
120 | 				".delete": false
121 | 			}
122 | 		}
123 | 	}
124 | }
125 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/send/config.json:
--------------------------------------------------------------------------------
1 | // 阿里云
2 | [
3 |   "cron:0 0 11 * * *"
4 | ]


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/send/index.js:
--------------------------------------------------------------------------------
  1 | 'use strict';
  2 | const utils = require('utils');
  3 | 
  4 | function getFormatDate(ms) {
  5 |     let date = new Date();
  6 | 	date.setTime(date.getTime() + ms);
  7 |     const year = date.getFullYear();
  8 |     let month = date.getMonth() + 1;
  9 |     let strDate = date.getDate();
 10 |     if (month >= 1 && month <= 9) {
 11 |         month = '0' + month;
 12 |     }
 13 |     if (strDate >= 0 && strDate <= 9) {
 14 |         strDate = '0' + strDate;
 15 |     }
 16 |     const currentdate = year + '-' + month + '-' + strDate;
 17 |     return currentdate;
 18 | };
 19 | 
 20 | 
 21 | exports.main = async (event, context) => {
 22 | 	const appid = utils.APPID;
 23 | 	const secret = utils.SECREAT;
 24 | 	const tokenUrl = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + appid + '&secret=' + secret;
 25 | 	// uniCloud.httpclient 发起请求
 26 | 	const res = await uniCloud.httpclient.request(tokenUrl,
 27 | 	{
 28 | 		method: 'GET',
 29 | 		dataType:"json"
 30 | 	});
 31 | 	//返回数据给客户端
 32 | 	const access_token = res.data.access_token;
 33 | 	const db = uniCloud.database();
 34 | 	console.log('access_token：' + access_token);
 35 | 	  // 从云开发数据库中查询等待发送的消息列表
 36 | 	const messages = await db
 37 | 	.collection('messages')
 38 | 	.where({
 39 | 	  send: false,
 40 | 	})
 41 | 	.get();
 42 | 	const now_date = getFormatDate(0);
 43 | 	let sendArr = [];
 44 | 	// 循环消息列表
 45 | 	const sendPromises = messages.data.map(async message => {
 46 | 	// 发送订阅消息
 47 | 	try{
 48 | 		if (sendArr.includes(message.touser)){
 49 | 			console.log('该用户已发送！')
 50 | 		}else
 51 | 		{
 52 | 		sendArr.push(message.touser);
 53 | 		const sendUrl = 'https://api.weixin.qq.com/cgi-bin/message/subscribe/send?access_token=' + access_token;
 54 | 		let send_data = {
 55 | 				touser: message.touser,
 56 | 				page: "pages/index/index",
 57 | 				data: {
 58 | 						  thing1: {
 59 | 							  value: "记得领红包哦！",
 60 | 						  },
 61 | 						  thing4: {
 62 | 							  value: message.data,
 63 | 						  },
 64 | 						  thing5: {
 65 | 							  value: now_date,
 66 | 						  } 
 67 | 					  },
 68 | 				template_id: message.templateId,
 69 | 				};
 70 | 		console.log(send_data);
 71 | 		
 72 | 		// uniCloud.httpclient 发起请求
 73 | 		const sendres = await uniCloud.httpclient.request(sendUrl,
 74 | 		{	
 75 | 		data: send_data,
 76 | 		method: 'POST',
 77 | 		contentType: 'json',
 78 | 		dataType:"json",
 79 | 		});
 80 | 		console.log('发送成功');
 81 | 		console.log(message);
 82 | 		// 发送成功后将消息的状态改为已发送
 83 | 		return await db.collection('messages')
 84 | 					.doc(message._id)
 85 | 					.update({
 86 | 						send: true,
 87 | 						sendDate: now_date,
 88 | 					  }
 89 | 					)
 90 | 		}
 91 | 	}catch(e){
 92 | 		//TODO handle the exception
 93 | 		console.log('发送失败');
 94 | 		console.log(message);
 95 | 	}
 96 | 	});
 97 | 	return Promise.all(sendPromises)
 98 | 	
 99 | };
100 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/send/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "send",
 3 |   "version": "1.0.0",
 4 |   "lockfileVersion": 1,
 5 |   "requires": true,
 6 |   "dependencies": {
 7 |     "utils": {
 8 |       "version": "file:../common/utils"
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/send/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "send",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "author": "",
10 |   "license": "ISC",
11 |   "dependencies": {
12 |     "utils": "file:../common/utils"
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/subscribe/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | const db = uniCloud.database();
 3 | const response = require('response')
 4 | 
 5 | function getFormatDate(ms) {
 6 |     var date = new Date();
 7 | 	date.setTime(date.getTime() + ms);
 8 |     var year = date.getFullYear();
 9 |     var month = date.getMonth() + 1;
10 |     var strDate = date.getDate();
11 |     if (month >= 1 && month <= 9) {
12 |         month = '0' + month;
13 |     }
14 |     if (strDate >= 0 && strDate <= 9) {
15 |         strDate = '0' + strDate;
16 |     }
17 |     var currentdate = year + '-' + month + '-' + strDate;
18 |     return currentdate;
19 | }
20 | 
21 | exports.main = async (event, context) => {
22 |   
23 | 	console.log(event);
24 | 	if (event.queryStringParameters) {
25 | 		try {
26 | 			const result = await db.collection('messages').add({
27 | 				touser: event.queryStringParameters.openid, // 订阅者的openid
28 | 				page: 'pages/index/index', // 订阅消息卡片点击后会打开小程序的哪个页面
29 | 				data: event.queryStringParameters.data, // 订阅消息的数据
30 | 				templateId: event.queryStringParameters.templateId, // 订阅消息模板ID
31 | 				subscribeDate: getFormatDate(24*60*60*1000), // 创建时间
32 | 				sendDate: '', //发送时间
33 | 				send: false
34 | 			  });
35 | 			  return result;
36 | 		} catch (err) {
37 | 			  console.log(err);
38 | 			  return response.error('订阅失败！');
39 | 		}
40 | 	
41 | 	}else{
42 | 		return response.error('未入传参数！');
43 | 	}
44 | };


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/subscribe/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "subscribe",
 3 |   "version": "1.0.0",
 4 |   "lockfileVersion": 1,
 5 |   "requires": true,
 6 |   "dependencies": {
 7 |     "response": {
 8 |       "version": "file:../common/response"
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/cloudfunctions-aliyun/subscribe/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "subscribe",
 3 |   "version": "1.0.0",
 4 |   "description": "",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "echo \"Error: no test specified\" && exit 1"
 8 |   },
 9 |   "author": "",
10 |   "license": "ISC",
11 |   "dependencies": {
12 |     "response": "file:../common/response"
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/components/v-tabs/readme.md:
--------------------------------------------------------------------------------
  1 | ## 插件说明
  2 | 
  3 | > 这是 `v-tabs` 插件的升级版本，参数上有很大变动，支持 `H5` `小程序` `手机端`，如果是在之前的插件上升级的话，请注意参数的变更，触发的事件没有变更。
  4 | 
  5 | ## 使用说明
  6 | 
  7 | ### 1、最基本用法
  8 | 
  9 | - 视图文件
 10 | 
 11 | ```html
 12 | <v-tabs v-model="current" :tabs="tabs" @change="changeTab"></v-tabs>
 13 | ```
 14 | 
 15 | - 脚本文件
 16 | 
 17 | ```js
 18 | export default {
 19 |   data() {
 20 |     return {
 21 |       current: 0,
 22 |       tabs: ['军事', '国内', '新闻新闻', '军事', '国内', '新闻', '军事', '国内', '新闻']
 23 |     }
 24 |   },
 25 |   methods: {
 26 |     changeTab(index) {
 27 |       console.log('当前选中的项：' + index)
 28 |     }
 29 |   }
 30 | }
 31 | ```
 32 | 
 33 | ### 2、平铺整个屏幕
 34 | 
 35 | - 视图文件
 36 | 
 37 | ```html
 38 | <v-tabs v-model="activeTab" :scroll="false" :tabs="['全部', '进行中', '已完成']"></v-tabs>
 39 | ```
 40 | 
 41 | - 脚本文件
 42 | 
 43 | ```js
 44 | export default {
 45 |   data() {
 46 |     return {
 47 |       activeTab: 0
 48 |     }
 49 |   }
 50 | }
 51 | ```
 52 | 
 53 | ### 3、胶囊用法
 54 | 
 55 | - 视图文件
 56 | 
 57 | ```html
 58 | <v-tabs v-model="current" :tabs="tabs" :pills="true" line-height="0" activeColor="#fff" @change="changeTab"></v-tabs>
 59 | ```
 60 | 
 61 | - 脚本文件
 62 | 
 63 | ```js
 64 | data() {
 65 |   return {
 66 |     current: 2,
 67 |     tabs: [
 68 |         '军事',
 69 |         '国内',
 70 |         '新闻新闻',
 71 |         '军事',
 72 |         '国内',
 73 |         '新闻',
 74 |         '军事',
 75 |         '国内',
 76 |         '新闻',
 77 |       ],
 78 |   },
 79 |   methods: {
 80 |     changeTab(index) {
 81 |       console.log('当前选中索引：' + index)
 82 |     }
 83 |   }
 84 | }
 85 | ```
 86 | 
 87 | ## 文档说明
 88 | 
 89 | ### 1、属性说明
 90 | 
 91 | |       参数        |  类型   |  默认值   |                    说明                    |
 92 | | :---------------: | :-----: | :-------: | :----------------------------------------: |
 93 | |       value       | Number  |     0     |             必传(双向绑定的值)             |
 94 | |       color       | String  |  '#333'   |                默认文字颜色                |
 95 | |    activeColor    | String  | '#2979ff' |               选中文字的颜色               |
 96 | |     fontSize      | String  |  '28rpx'  |          默认文字大小(rpx 或 px)           |
 97 | |       bold        | Boolean |   true    |               是否加粗选中项               |
 98 | |      scroll       | Boolean |   true    |       是否显示滚动条，平铺设置 false       |
 99 | |      height       | String  |  '70rpx'  |            tab 高度(rpx 或 px)             |
100 | |    lineHeight     | String  |  '10rpx'  |            滑块高度(rpx 或 px)             |
101 | |     lineColor     | String  | '#2979ff' |                 滑块的颜色                 |
102 | |     lineScale     | Number  |    0.5    |               滑块宽度缩放值               |
103 | |    lineRadius     | String  |  '10rpx'  |          滑块圆角宽度(rpx 或 px)           |
104 | |       pills       | Boolean |   false   |                是否开启胶囊                |
105 | |    pillsColor     | String  | '#2979ff' |          胶囊背景颜色(rpx 或 px)           |
106 | | pillsBorderRadius | String  |  '10rpx'  |          胶囊圆角宽度(rpx 或 px)           |
107 | |       field       | String  |    ''     |  如果 tabs 子项是对象，输入需要展示的键名  |
108 | |      bgColor      | String  |  '#fff'   |     背景色，支持 linear-gradient 渐变      |
109 | |      padding      | String  |    '0'    |           整个 tab padding 属性            |
110 | |       fixed       | Boolean |   false   |               是否固定在顶部               |
111 | |    paddingItem    | String  | '0 22rpx' | 选项的边距（设置上下不生效，需要设置高度） |
112 | 
113 | ### 2、事件说明
114 | 
115 | |  名称  | 参数  |                说明                |
116 | | :----: | :---: | :--------------------------------: |
117 | | change | index | 改变选中项触发, index 选中项的下标 |
118 | 
119 | ## 更新日志
120 | 
121 | ### 2020-09-21
122 | 
123 | 1. 修复添加 `fixed` 属性后，滚动条无效
124 | 2. 修复选项很少的情况下，下划线计算计算错误
125 | 3. 新增 `paddingItem` 属性，设置选项左右边距（上下边距需要设置 `height` 属性，或者设置 `padding` 属性）
126 | 
127 | **写在最后：**
128 | 欢迎各位老铁反馈 bug ，本人后端 PHP 一枚，只是应为感兴趣前端，自己琢磨，自己搞。如果你在使用的过程中有什么不合理，需要优化的，都可以在下面评论（或加我 QQ: 1207791534），本人看见后回复、修正，感谢。
129 | 
130 | ### 2020-09-17
131 | 
132 | 1. 紧急修复 bug，横向滑动不了的情况
133 | 
134 | ### 2020-09-16
135 | 
136 | 1. 新增 `fixed` 属性，是否固定在顶部，示例地址：`pages/tabs/tabs-static`
137 | 2. 优化之前的页面结构
138 | 
139 | **注意：**
140 | 
141 | 1. 使用 `padding` 属性的时候，尽量不要左右边距，会导致下划线位置不对
142 | 2. 如果不绑定 `v-model` 会导致 `change` 事件改变的时候，下划线不跟随问题
143 | 
144 | ### 2020-09-09
145 | 
146 | 1. 修复 `width` 错误，dom 加载的时候没有及时获取到 `data` 属性导致的。
147 | 
148 | ### 2020-08-29
149 | 
150 | 1. 优化异步改变 `tabs` 后，下划线不初始化问题
151 | 2. `github` 地址上有图 2 的源码，需要的自行下载，页面路径：`pages/tabs/order`
152 | 
153 | ### 2020-08-20
154 | 
155 | 1. 优化 `节点查询` 和 `选中渲染`
156 | 2. 优化支付宝中 `createSelectorQuery()` 的影响
157 | 
158 | ### 2020-08-19
159 | 
160 | 1. 优化 `change` 事件触发机制
161 | 
162 | ### 2020-08-16
163 | 
164 | 1. 修改默认高度为 `70rpx`
165 | 2. 新增属性 `bgColor`，可设置背景颜色，默认 `#fff`
166 | 3. 新增整个 `tab` 的 `padding` 属性，默认 `0`
167 | 
168 | ### 2020-08-13
169 | 
170 | 1. 全新的 `v-tabs 2.0`
171 | 2. 支持 `H5` `小程序` `APP`
172 | 3. 属性高度可配置
173 | 
174 | ## 预览
175 | 
176 | ![v-tabs 2.0.1.gif](https://tva1.sinaimg.cn/large/007S8ZIlgy1ghsv40mj76g30ai0i2tsd.gif)
177 | ![v-tabs 2.0.2.gif](https://img-cdn-aliyun.dcloud.net.cn/stream/plugin_screens/42f3a920-a674-11ea-8a24-ffee00625e2e_1.png?v=1597912963)
178 | 


--------------------------------------------------------------------------------
/components/v-tabs/v-tabs.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <view :id="elId" class="v-tabs">
  3 |     <scroll-view
  4 |       :scroll-x="scroll"
  5 |       :scroll-left="scroll ? scrollLeft : 0"
  6 |       :scroll-with-animation="scroll"
  7 |       :style="{ position: fixed ? 'fixed' : 'relative', zIndex: 1993 }"
  8 |     >
  9 |       <view
 10 |         class="v-tabs__container"
 11 |         :style="{
 12 |           display: scroll ? 'inline-flex' : 'flex',
 13 |           whiteSpace: scroll ? 'nowrap' : 'normal',
 14 |           background: bgColor,
 15 |           padding
 16 |         }"
 17 |       >
 18 |         <view
 19 |           class="v-tabs__container-item"
 20 |           v-for="(v, i) in tabs"
 21 |           :key="i"
 22 |           :style="{
 23 |             color: current == i ? activeColor : color,
 24 |             fontSize: current == i ? fontSize : fontSize
 25 |           }"
 26 |           @click="change(i)"
 27 |         >
 28 | 		<image :src="v.icon" mode=""></image>
 29 |         <view>{{ v.text }}</view>
 30 |         </view>
 31 |         <view
 32 |           v-if="!pills"
 33 |           class="v-tabs__container-line"
 34 |           :style="{
 35 |             background: lineColor,
 36 |             width: lineWidth + 'px',
 37 |             height: lineHeight,
 38 |             borderRadius: lineRadius,
 39 |             left: lineLeft + 'px',
 40 |             transform: `translateX(-${lineWidth / 2}px)`
 41 |           }"
 42 |         ></view>
 43 |         <view
 44 |           v-else
 45 |           class="v-tabs__container-pills"
 46 |           :style="{
 47 |             background: pillsColor,
 48 |             borderRadius: pillsBorderRadius,
 49 |             left: pillsLeft + 'px',
 50 |             width: currentWidth + 'px',
 51 |             height
 52 |           }"
 53 |         ></view>
 54 |       </view>
 55 |     </scroll-view>
 56 |     <view
 57 |       class="v-tabs__placeholder"
 58 |       :style="{
 59 |         height: fixed ? height : '0',
 60 |         padding
 61 |       }"
 62 |     ></view>
 63 |   </view>
 64 | </template>
 65 | 
 66 | <script>
 67 | /**
 68 |  * v-tabs
 69 |  * @property {Number} value 选中的下标
 70 |  * @property {Array} tabs tabs 列表
 71 |  * @property {String} bgColor = '#fff' 背景颜色
 72 |  * @property {String} color = '#333' 默认颜色
 73 |  * @property {String} activeColor = '#2979ff' 选中文字颜色
 74 |  * @property {String} fontSize = '28rpx' 默认文字大小
 75 |  * @property {String} activeFontSize = '28rpx' 选中文字大小
 76 |  * @property {Boolean} bold = [true | false] 选中文字是否加粗
 77 |  * @property {Boolean} scroll = [true | false] 是否滚动
 78 |  * @property {String} height = '60rpx' tab 的高度
 79 |  * @property {String} lineHeight = '10rpx' 下划线的高度
 80 |  * @property {String} lineColor = '#2979ff' 下划线的颜色
 81 |  * @property {Number} lineScale = 0.5 下划线的宽度缩放比例
 82 |  * @property {String} lineRadius = '10rpx' 下划线圆角
 83 |  * @property {Boolean} pills = [true | false] 是否胶囊样式
 84 |  * @property {String} pillsColor = '#2979ff' 胶囊背景色
 85 |  * @property {String} pillsBorderRadius = '10rpx' 胶囊圆角大小
 86 |  * @property {String} field 如果是对象，显示的键名
 87 |  * @property {Boolean} fixed = [true | false] 是否固定
 88 |  * @property {String} paddingItem = '0 22rpx' 选项的边距
 89 |  *
 90 |  * @event {Function(current)} change 改变标签触发
 91 |  */
 92 | export default {
 93 |   props: {
 94 |     value: {
 95 |       type: Number,
 96 |       default: 0
 97 |     },
 98 |     tabs: {
 99 |       type: Array,
100 |       default() {
101 |         return []
102 |       }
103 |     },
104 |     bgColor: {
105 |       type: String,
106 |       default: '#fff'
107 |     },
108 |     padding: {
109 |       type: String,
110 |       default: '0'
111 |     },
112 |     color: {
113 |       type: String,
114 |       default: '#333'
115 |     },
116 |     activeColor: {
117 |       type: String,
118 |       default: '#2979ff'
119 |     },
120 |     fontSize: {
121 |       type: String,
122 |       default: '28rpx'
123 |     },
124 |     activeFontSize: {
125 |       type: String,
126 |       default: '32rpx'
127 |     },
128 |     bold: {
129 |       type: Boolean,
130 |       default: true
131 |     },
132 |     scroll: {
133 |       type: Boolean,
134 |       default: true
135 |     },
136 |     height: {
137 |       type: String,
138 |       default: '70rpx'
139 |     },
140 |     lineColor: {
141 |       type: String,
142 |       default: '#2979ff'
143 |     },
144 |     lineHeight: {
145 |       type: String,
146 |       default: '10rpx'
147 |     },
148 |     lineScale: {
149 |       type: Number,
150 |       default: 0.5
151 |     },
152 |     lineRadius: {
153 |       type: String,
154 |       default: '10rpx'
155 |     },
156 |     pills: {
157 |       type: Boolean,
158 |       deafult: false
159 |     },
160 |     pillsColor: {
161 |       type: String,
162 |       default: '#2979ff'
163 |     },
164 |     pillsBorderRadius: {
165 |       type: String,
166 |       default: '10rpx'
167 |     },
168 |     field: {
169 |       type: String,
170 |       default: ''
171 |     },
172 |     fixed: {
173 |       type: Boolean,
174 |       default: false
175 |     },
176 |     paddingItem: {
177 |       type: String,
178 |       default: '0 22rpx'
179 |     }
180 |   },
181 |   data() {
182 |     return {
183 |       elId: '',
184 |       lineWidth: 30,
185 |       currentWidth: 0, // 当前选项的宽度
186 |       lineLeft: 0, // 滑块距离左侧的位置
187 |       pillsLeft: 0, // 胶囊距离左侧的位置
188 |       scrollLeft: 0, // 距离左边的位置
189 |       containerWidth: 0, // 容器的宽度
190 |       current: 0 // 当前选中项
191 |     }
192 |   },
193 |   watch: {
194 |     value(newVal) {
195 |       this.current = newVal
196 |       this.$nextTick(() => {
197 |         this.getTabItemWidth()
198 |       })
199 |     },
200 |     current(newVal) {
201 |       this.$emit('input', newVal)
202 |     },
203 |     tabs(newVal) {
204 |       this.$nextTick(() => {
205 |         this.getTabItemWidth()
206 |       })
207 |     }
208 |   },
209 |   methods: {
210 |     // 产生随机字符串
211 |     randomString(len) {
212 |       len = len || 32
213 |       let $chars =
214 |         'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678' /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
215 |       let maxPos = $chars.length
216 |       let pwd = ''
217 |       for (let i = 0; i < len; i++) {
218 |         pwd += $chars.charAt(Math.floor(Math.random() * maxPos))
219 |       }
220 |       return pwd
221 |     },
222 |     // 切换事件
223 |     change(index) {
224 |       if (this.current !== index) {
225 |         this.current = index
226 | 
227 |         this.$emit('change', index)
228 |       }
229 |     },
230 |     // 获取左移动位置
231 |     getTabItemWidth() {
232 |       let query = uni
233 |         .createSelectorQuery()
234 |         // #ifndef MP-ALIPAY
235 |         .in(this)
236 |       // #endif
237 |       // 获取容器的宽度
238 |       query
239 |         .select(`#${this.elId}`)
240 |         .boundingClientRect((data) => {
241 |           if (!this.containerWidth && data) {
242 |             this.containerWidth = data.width
243 |           }
244 |         })
245 |         .exec()
246 |       // 获取所有的 tab-item 的宽度
247 |       query
248 |         .selectAll('.v-tabs__container-item')
249 |         .boundingClientRect((data) => {
250 |           if (!data) {
251 |             return
252 |           }
253 |           let lineLeft = 0
254 |           let currentWidth = 0
255 |           if (data) {
256 |             for (let i = 0; i < data.length; i++) {
257 |               if (i < this.current) {
258 |                 lineLeft += data[i].width
259 |               } else if (i == this.current) {
260 |                 currentWidth = data[i].width
261 |               } else {
262 |                 break
263 |               }
264 |             }
265 |           }
266 |           // 当前滑块的宽度
267 |           this.currentWidth = currentWidth
268 |           // 缩放后的滑块宽度
269 |           this.lineWidth = currentWidth * this.lineScale * 1
270 |           // 滑块作移动的位置
271 |           this.lineLeft = lineLeft + currentWidth / 2
272 |           // 胶囊距离左侧的位置
273 |           this.pillsLeft = lineLeft
274 |           // 计算滚动的距离左侧的位置
275 |           if (this.scroll) {
276 |             this.scrollLeft = this.lineLeft - this.containerWidth / 2
277 |           }
278 |         })
279 |         .exec()
280 |     }
281 |   },
282 |   mounted() {
283 |     this.elId = 'xfjpeter_' + this.randomString()
284 |     this.current = this.value
285 |     this.$nextTick(() => {
286 |       this.getTabItemWidth()
287 |     })
288 |   }
289 | }
290 | </script>
291 | 
292 | <style lang="scss" scoped>
293 | .v-tabs {
294 |   width: 100%;
295 |   box-sizing: border-box;
296 |   overflow: hidden;
297 |   height: 200rpx;
298 |   display: flex;
299 |   align-items: center;
300 |   background-color: #ffffff;
301 |   scroll-view{
302 | 	  width: 750rpx;
303 |   }
304 |   &__container {
305 |     min-width: 100%;
306 |     position: relative;
307 |     display: inline-flex;
308 |     align-items: center;
309 |     white-space: nowrap;
310 |     overflow: hidden;
311 | 
312 |     &-item {
313 |       display: flex;
314 | 	  flex-direction:column;
315 |       align-items: center;
316 |       height: 100%;
317 |       position: relative;
318 |       z-index: 10;
319 |       // padding: 0 11px;
320 |       transition: all 0.2s;
321 |       white-space: nowrap;
322 | 	  flex-wrap: wrap;
323 | 	  justify-content: center;
324 | 	  padding: 0 35rpx;
325 | 	  padding-bottom: 10rpx;
326 | 	  image{
327 | 		  width: 80rpx;
328 | 		  height: 80rpx;
329 | 		  display: block;
330 | 	  }
331 |     }
332 | 
333 |     &-line {
334 |       position: absolute;
335 |       bottom: 0;
336 |       transition: all 0.2s linear;
337 |     }
338 | 
339 |     &-pills {
340 |       position: absolute;
341 |       transition: all 0.2s linear;
342 |       z-index: 9;
343 |     }
344 |   }
345 | }
346 | 
347 | /* /deep/ ::-webkit-scrollbar {
348 |   display: none;
349 | } */
350 | </style>
351 | 


--------------------------------------------------------------------------------
/docs/.vuepress/config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   title: 'Coupons',
 3 |   description: '外卖红包开源项目',
 4 |   // plugins: {
 5 |   //   "vuepress-plugin-auto-sidebar": {
 6 |   //   	titleMap: {
 7 |   //   		"guide": "基础",
 8 |   //   	}
 9 |   //   }
10 |   // }
11 |   themeConfig: {
12 |     repo: 'zwpro/coupons',
13 |     docsDir: 'docs',
14 |     editLinks: true,
15 |     sidebarDepth: 3,
16 |     nav: [
17 |       { text: '首页', link: '/' },
18 |       { text: '快速开始', link: '/guide/' },
19 |     ],
20 | 		sidebar: {
21 |       '/guide/': [{
22 |         title: '基础',
23 | 				collapsable: false, 
24 | 				children: [
25 | 					{ title: '前序准备', path:'/guide/ready'},
26 | 					{ title: '云开发版', path:'/guide/cloud'},
27 | 					{ title: '静态版', path:'/guide/static'}
28 | 				]
29 |       }],
30 |     }
31 |   }
32 | }


--------------------------------------------------------------------------------
/docs/.vuepress/public/hero.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/docs/.vuepress/public/hero.png


--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | home: true
 3 | heroImage: /hero.png
 4 | heroText: 外卖红包项目使用教程
 5 | tagline: 外卖优惠券部署上线流程
 6 | actionText: 快速上手 →
 7 | actionLink: /guide/
 8 | features:
 9 | - title: 代码开源
10 |   details: 全部代码在github开源，遵循开源协议，可自行修改拓展。
11 | - title: 多平台编译
12 |   details: 支持网站h5，微信小程序编译，App打包，扩平台兼容。
13 | - title: 云开发
14 |   details: 无需服务器、数据库、域名，以最少的配置帮助你部署上线运营，快速实现推广优惠券赚佣金。
15 | footer: MIT Licensed | Copyright © 2020-present zwpro
16 | ---
17 | 
18 | 


--------------------------------------------------------------------------------
/docs/guide/README.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | pageClass: getting-started
 3 | ---
 4 | 
 5 | # 介绍
 6 | 
 7 | [![uniapp](https://img.shields.io/badge/uniapp-2.0.0-brightgreen.svg)](https://uniapp.dcloud.io/)
 8 | [![GitHub stars](https://img.shields.io/github/stars/zwpro/coupons.svg?style=social&label=Stars)](https://github.com/zwpro/coupons)
 9 | 
10 | [coupons](https://github.com/zwpro/coupons) 是一个美团饿了么外卖优惠券红包cps推广的项目，它基于 [uniapp](https://uniapp.dcloud.io/) 实现多平台编译。快速接入美团联盟、饿了么推广，实现推广优惠券赚佣金。
11 | 
12 | 目前最新版支持云开发，配置信息可在云数据库修改；静态版配置信息写在前端，可切换到 [静态分支](https://github.com/zwpro/coupons/tree/no-api)
13 | 
14 | 
15 | 
16 | <img src="https://raw.githubusercontent.com/zwpro/coupons/master/static/demo.png" style="width:300px" />
17 | 
18 | 
19 | ## 贡献
20 | 
21 | 有任何修改和建议都可以提项目 pr 和 (https://github.com/zwpro/coupons/issues)
22 | 
23 | [coupons](https://github.com/zwpro/coupons) 还在持续迭代中，逐步沉淀和总结出更多功能和相应的实现代码，总结中后台产品模板/组件/业务场景的最佳实践。本项目也十分期待你的参与和[issues](https://github.com/zwpro/coupons/issues)。
24 | 
25 | ## 赞赏
26 | 
27 | 如果你觉得这个项目帮助到了你，你可以帮作者买一杯果汁表示鼓励 :heart:
28 | <img src="http://cdn.letwind.com/me/zanshang.jpg" style="width:300px" />
29 | 
30 | ## 其它
31 | 
32 | 群主圈子会经常分享一些有意思的小项目，有兴趣的可以加微信 sanxungo拉你进群，备注：圈子
33 | 


--------------------------------------------------------------------------------
/docs/guide/cloud.md:
--------------------------------------------------------------------------------
 1 | 最新版即为云开发版，配置数据来自云数据库，需开通unicloud云开发
 2 | 
 3 | ## 创建云服务空间
 4 | 
 5 | 右键  cloudfunctions-aliyun，选择 创建云服务空间，会自动打开 [云开发首页](https://unicloud.dcloud.net.cn/home)，选择阿里云，填写信息创建。
 6 | ## 云函数域名绑定
 7 | 创建完成后，点击左侧云函数->函数列表->云函数域名绑定 ->启用域名，此处的域名即为你的api接口域名。
 8 | ## 关联云服务空间
 9 | 回到hbuilderx，右键  cloudfunctions-aliyun  关联云服务空间，选择刚刚创建的云服务空间。
10 | ## 上传云函数
11 | 右键  cloudfunctions-aliyun 上传所有云函数（如提示请在manifest.json文件中获取新的AppID，打开manifest.json重新获取appid）。
12 | ## 云函数URL化
13 | 去云服务空间，云点击左侧云函数->函数列表->刷新，可以看到刚刚上传的api函数， 点击详情->云函数URL化->编辑，填写路径  /http/api，确定后复制路径，即为你的api接口地址。
14 | ## 初始化云数据库
15 | 回到hbuilderx，右键  cloudfunctions-aliyun  目录下的 db_init.json ，初始化云数据库。初始化后可在云服务空间->云数据库 看到有两个数据表，tab是导航栏，coupon是优惠券列表，后续可直接在这更改数据。
16 | ## 修改前端请求域名
17 | App.vue 中修改globalData.api.home为你的云函数域名。


--------------------------------------------------------------------------------
/docs/guide/ready.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | sidebarDepth: 0
 3 | ---
 4 | 
 5 | ## 前序准备
 6 | 
 7 | 1.  注册美团联盟和淘宝联盟
 8 | ::: tip
 9 | 美团联盟个人无法注册，可以挂靠在企业帐号下。
10 | 
11 | 淘宝联盟：[https://pub.alimama.com/](https://pub.alimama.com/) 
12 | :::
13 | 2.  你需要在本地安装  [hbuilderx](https://www.dcloud.io/hbuilderx.html)。如使用云开发版本还需开通 [云开发](https://unicloud.dcloud.net.cn/)，如使用静态版本，无需云开发。
14 | 
15 | 3.	拉取代码并导入hbuilderx
16 | ```bash
17 | # 克隆项目
18 | git clone https://github.com/zwpro/coupons
19 | 
20 | # 静态版使用以下命令
21 | git clone -b no-api https://github.com/zwpro/coupons
22 | ```
23 | 
24 | 其他贡献者提供的入门教程：
25 | 
26 | [0成本搭建外卖返利cps小程序](https://mp.weixin.qq.com/s/kLY7nKYmchYAMKNNmOFxdw)
27 | 
28 | [零基础快速搭建一个能够获利的小程序](https://mp.weixin.qq.com/s/u4JWJEp6Aynl3KDH9o3e4g)


--------------------------------------------------------------------------------
/docs/guide/static.md:
--------------------------------------------------------------------------------
1 | 静态版需切换到静态分支[no-api](https://github.com/zwpro/coupons/tree/no-api)
2 | 
3 | 优惠券数据在pages/index/index里的coupons数组里修改


--------------------------------------------------------------------------------
/examples/微信图片_20201107150908.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107150908.jpg


--------------------------------------------------------------------------------
/examples/微信图片_20201107150917.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107150917.png


--------------------------------------------------------------------------------
/examples/微信图片_20201107150923.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107150923.jpg


--------------------------------------------------------------------------------
/examples/微信图片_20201107150932.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107150932.jpg


--------------------------------------------------------------------------------
/examples/微信图片_20201107150944.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107150944.jpg


--------------------------------------------------------------------------------
/examples/微信图片_20201107150950.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107150950.jpg


--------------------------------------------------------------------------------
/examples/微信图片_20201107163539.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107163539.jpg


--------------------------------------------------------------------------------
/examples/微信图片_20201107163546.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107163546.jpg


--------------------------------------------------------------------------------
/examples/微信图片_20201107165410.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107165410.png


--------------------------------------------------------------------------------
/examples/微信图片_20201107165417.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/examples/微信图片_20201107165417.jpg


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App'
 3 | 
 4 | Vue.config.productionTip = false
 5 | 
 6 | App.mpType = 'app'
 7 | 
 8 | const app = new Vue({
 9 | 	...App
10 | })
11 | app.$mount()
12 | 


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name" : "外卖专享优惠",
 3 |     "appid" : "",
 4 |     "description" : "",
 5 |     "versionName" : "1.0.0",
 6 |     "versionCode" : "100",
 7 |     "transformPx" : false,
 8 |     "app-plus" : {
 9 |         "nvueCompiler" : "uni-app",
10 |         "compilerVersion" : 3,
11 |         "modules" : {},
12 |         "distribute" : {
13 |             "android" : {
14 |                 "permissions" : [
15 |                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
16 |                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
17 |                     "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
18 |                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
19 |                     "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
20 |                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
21 |                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
22 |                     "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
23 |                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
24 |                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
25 |                     "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
26 |                     "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
27 |                     "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
28 |                     "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
29 |                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
30 |                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
31 |                     "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
32 |                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
33 |                     "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
34 |                     "<uses-feature android:name=\"android.hardware.camera\"/>",
35 |                     "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
36 |                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
37 |                 ]
38 |             },
39 |             "ios" : {},
40 |             "sdkConfigs" : {}
41 |         }
42 |     },
43 |     "quickapp" : {},
44 |     "mp-weixin" : {
45 |         "appid" : "",
46 |         "setting" : {
47 |             "urlCheck" : true,
48 |             "minified" : true
49 |         }
50 |     },
51 |     "h5" : {
52 |         "optimization" : {
53 |             "treeShaking" : {
54 |                 "enable" : true
55 |             }
56 |         }
57 |     }
58 | }
59 | 


--------------------------------------------------------------------------------
/pages.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"pages": [{
 3 | 		"path": "pages/index/index"
 4 | 	}, {
 5 | 		"path": "pages/user/user",
 6 | 		"style": {
 7 | 			"navigationBarTitleText": "我的",
 8 | 			"enablePullDownRefresh": false
 9 | 		}
10 | 
11 | 	}],
12 | 	"tabBar": {
13 | 		"backgroundColor": "#F7F7FA",
14 | 		"color": "#707070",
15 | 		"selectedColor": "#ffad00",
16 | 		"list": [{
17 | 				"pagePath": "pages/index/index",
18 | 				"text": "首页",
19 | 				"iconPath": "/static/tabbar/home.png",
20 | 				"selectedIconPath": "/static/tabbar/home_fill.png"
21 | 			},
22 | 			{
23 | 				"pagePath": "pages/user/user",
24 | 				"text": "我的",
25 | 				"iconPath": "/static/tabbar/user.png",
26 | 				"selectedIconPath": "/static/tabbar/user_fill.png"
27 | 			}
28 | 		]
29 | 	},
30 | 	"globalStyle": {
31 | 		"navigationBarTextStyle": "white",
32 | 		"navigationBarTitleText": "外卖专享优惠",
33 | 		"navigationBarBackgroundColor": "#007AFF",
34 | 		"backgroundColor": "#FFFFFF",
35 | 		"titleView": false,
36 | 		"h5": {
37 | 			"titleNView": false
38 | 		}
39 | 	}
40 | }
41 | 


--------------------------------------------------------------------------------
/pages/index/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="container">
  3 | 		<v-tabs v-model="current" :tabs="tabs" @change="changeTab" class="tab"></v-tabs>
  4 | 		<view class="coupon" ref="coupon">
  5 | 			<view class="item" v-for="(v, i) in couponList" @click="toCoupon(i)" :key="i">
  6 | 				<view class="top">
  7 | 					<view class="left">
  8 | 						<view class="content">
  9 | 							<image :src="v.icon" class="icon" mode="widthFix" />
 10 | 							<view class="name">{{ v.name }}</view>
 11 | 						</view>
 12 | 						<view class="text" v-if="v.type == 1">天天可领</view>
 13 | 						<view class="text" v-else-if="v.type == 2">限时秒杀</view>
 14 | 					</view>
 15 | 					<view class="right">免费领取</view>
 16 | 				</view>
 17 | 				<view class="bottom"><image :src="v.bannerPic" mode="widthFix" /></view>
 18 | 			</view>
 19 | 		</view>
 20 | 	</view>
 21 | </template>
 22 | 
 23 | <script>
 24 | 
 25 | 
 26 | export default {
 27 | 	data() {
 28 | 		return {
 29 | 			current: 0,
 30 | 			tabs: [],
 31 | 			couponList: [],
 32 | 			coupons: [],
 33 | 			openid: ''
 34 | 		};
 35 | 	},
 36 | 	onLoad(e) {
 37 | 		this.getHome()
 38 | 		//#ifdef H5
 39 | 		let tabId = this.$route.query.tabId ? parseInt(this.$route.query.tabId) : 0
 40 | 		//#endif
 41 | 		//#ifdef MP-WEIXIN
 42 | 		let tabId = e.tabId ? parseInt(e.tabId) : 0
 43 | 		this.onSubscribe()
 44 | 		//#endif
 45 | 		for(let i in this.tabs){
 46 | 			if(tabId == this.tabs[i].tabId){
 47 | 				this.current = parseInt(i)
 48 | 			}
 49 | 		}
 50 | 		this.changeTab(this.current)
 51 | 	},
 52 | 	onShareAppMessage(res) {
 53 | 		return getApp().shareConfig()
 54 | 	},
 55 | 	methods: {
 56 | 		onSubscribe() {
 57 | 			try {
 58 | 			    const openid = uni.getStorageSync('openid');
 59 | 			    if (openid) {
 60 | 					console.log('获取缓存openid');
 61 | 			        console.log(openid);
 62 | 					uni.showModal({
 63 | 					    title: '订阅提示',
 64 | 					    content: '点击一下订阅，避免错过一个亿!',
 65 | 						cancelText: '不差钱',
 66 | 						cancelColor: '#BEBEBE',
 67 | 						confirmText: '订阅',
 68 | 						confirmColor: '#007AFF',
 69 | 					    success: function (res) {
 70 | 					        if (res.confirm) {
 71 | 					            console.log('订阅开始')
 72 | 								// 活动开始提醒 模板
 73 | 					            const lessonTmplId = 'hLV31-w38lq0yq8p6GEQUtBU7brtMrCFmaCCyxbU4xI';
 74 | 								const data = {
 75 | 					            		data: '外卖领券提醒, 快来领优惠券啦！',
 76 | 					            		templateId: lessonTmplId,
 77 | 					            		openid: openid,
 78 | 					            		  };
 79 | 					            console.log(data)
 80 | 								// uni.showLoading({
 81 | 								// 	title: '订阅中...',
 82 | 								// });
 83 | 								// setTimeout(function () {
 84 | 								//     uni.hideLoading();
 85 | 								// }, 2000);
 86 | 								// 调用微信 API 申请发送订阅消息
 87 | 					            wx.requestSubscribeMessage({
 88 | 					            	// 传入订阅消息的模板id，模板 id 可在小程序管理后台申请
 89 | 					            	tmplIds: [lessonTmplId],
 90 | 					            	success(res) {
 91 | 					            	  // 申请订阅成功
 92 | 					            	  if (res.errMsg === 'requestSubscribeMessage:ok') {
 93 | 					            		uni.request({
 94 | 					            		  url: getApp().globalData.subscribe,
 95 | 					            		  data: data,
 96 | 					            		  success: (res) => {
 97 | 					            			  wx.showToast({
 98 | 					            				title: '订阅完成',
 99 | 					            				image: '../../static/error.png',
100 | 					            				duration: 2000,
101 | 					            			  });
102 | 					            			},
103 | 					            		  fail(res) {
104 | 					            			console.log(res)
105 | 					            			wx.showToast({
106 | 					            			  title: '订阅失败',
107 | 					            			  icon: 'error',
108 | 					            			  duration: 2000,
109 | 					            			});
110 | 					            		  }
111 | 					            		});
112 | 					            	  }
113 | 					            	},
114 | 					            	
115 | 					            });
116 | 					        } else if (res.cancel) {
117 | 					            console.log('用户点击取消');
118 | 								wx.showToast({
119 | 								  title: '订阅失败',
120 | 								  image: '../../static/error.png',
121 | 								  duration: 2000,
122 | 								});
123 | 					        }
124 | 					    }
125 | 					});
126 | 			    }else{
127 | 					console.log('本地未获取到openid');
128 | 					uni.login({
129 | 						success: function(res) {
130 | 							if (res.code) {
131 | 								uni.getUserInfo({
132 | 									success: function(res)  {
133 | 										console.log('存在code');
134 | 									}
135 | 								});
136 | 								uni.request({
137 | 								    url: getApp().globalData.api.openid,
138 | 									data:{
139 | 										jsCode: res.code
140 | 									},
141 | 								    success: (res) => {
142 | 										console.log(res.data);
143 | 								        const openid = res.data.data.openid;
144 | 										uni.setStorage({
145 | 											key:"openid",
146 | 											data: openid
147 | 										});
148 | 										uni.showModal({
149 | 										    title: '订阅提示',
150 | 										    content: '点击一下订阅，避免错过一个亿!',
151 | 											cancelText: '不差钱',
152 | 											cancelColor: '#BEBEBE',
153 | 											confirmText: '订阅',
154 | 											confirmColor: '#007AFF',
155 | 										    success: function (res) {
156 | 										        if (res.confirm) {
157 | 										            console.log('订阅开始')
158 | 													// 活动开始提醒 模板
159 | 										            const lessonTmplId = 'hLV31-w38lq0yq8p6GEQUtBU7brtMrCFmaCCyxbU4xI';
160 | 													const data = {
161 | 										            		data: '外卖领券提醒, 快来领优惠券啦！',
162 | 										            		templateId: lessonTmplId,
163 | 										            		openid: openid,
164 | 										            		  };
165 | 										            console.log(data)
166 | 										            uni.showLoading({
167 | 										              title: '订阅中...',
168 | 										            });
169 | 													setTimeout(function () {
170 | 													    uni.hideLoading();
171 | 													}, 5000);
172 | 										            // 调用微信 API 申请发送订阅消息
173 | 										            wx.requestSubscribeMessage({
174 | 										            	// 传入订阅消息的模板id，模板 id 可在小程序管理后台申请
175 | 										            	tmplIds: [lessonTmplId],
176 | 										            	success(res) {
177 | 										            	  // 申请订阅成功
178 | 										            	  if (res.errMsg === 'requestSubscribeMessage:ok') {
179 | 										            		uni.request({
180 | 										            		  url: getApp().globalData.subscribe,
181 | 										            		  data: data,
182 | 										            		  success: (res) => {
183 | 										            			  wx.showToast({
184 | 										            				title: '订阅完成',
185 | 										            				icon: 'success',
186 | 										            				duration: 2000,
187 | 										            			  });
188 | 										            			},
189 | 										            		  fail(res) {
190 | 										            			console.log(res)
191 | 										            			wx.showToast({
192 | 										            			  title: '订阅失败',
193 | 										            			  image: '../../static/error.png',
194 | 										            			  duration: 2000,
195 | 										            			});
196 | 										            		  }
197 | 										            		});
198 | 										            	  }
199 | 										            	},
200 | 										            	
201 | 										            });
202 | 										        } else if (res.cancel) {
203 | 										            console.log('用户点击取消');
204 | 													wx.showToast({
205 | 													  title: '订阅失败',
206 | 													  image: '../../static/error.png',
207 | 													  duration: 2000,
208 | 													});
209 | 										        }
210 | 										    }
211 | 										});
212 | 								    }
213 | 								});	
214 | 							} else {
215 | 								console.log('获取用户登录态失败！' + res.errMsg);
216 | 							}
217 | 						}
218 | 					});
219 | 				}
220 | 			} catch (e) {
221 | 			    console.log('获取openid失败');
222 | 			}
223 | 			
224 | 		},
225 | 		changeTab(index) {
226 | 			console.log('当前选中的项：' + index);
227 | 			this.couponList = []
228 | 			uni.showLoading({
229 | 			    title: '获取优惠中'
230 | 			});
231 | 			if(index == 0){
232 | 				this.couponList = this.coupons
233 | 			}else{
234 | 				for(let i in this.coupons){
235 | 					if(this.coupons[i].tabId == this.tabs[index].tabId){
236 | 						this.couponList.push(this.coupons[i])
237 | 					}
238 | 				}
239 | 			}
240 | 			//#ifdef H5
241 | 			this.$nextTick(() => {
242 | 				this.$refs.coupon.scrollTop= 0;
243 | 			})
244 | 			//#endif
245 | 			setTimeout(() => {
246 | 				uni.hideLoading()
247 | 			}, 500)
248 | 		},
249 | 		toCoupon(i){
250 | 			console.log(this.couponList[i])
251 | 			//h5
252 | 			//#ifdef H5
253 | 			window.location.href = this.couponList[i].url
254 | 			//#endif
255 | 			//微信小程序
256 | 			//#ifdef MP-WEIXIN
257 | 			if(this.couponList[i].minapp){
258 | 				wx.navigateToMiniProgram({
259 | 				  appId: this.couponList[i].minapp.appid,
260 | 				  path: this.couponList[i].minapp.path,
261 | 				  success(res) {
262 | 					// 打开成功
263 | 				  }
264 | 				})
265 | 			}
266 | 			//#endif
267 | 		},
268 | 		getHome(){
269 | 			uni.request({
270 | 			    url: getApp().globalData.api.home,
271 | 			    success: (res) => {
272 | 			        this.tabs = res.data.data.tabs
273 | 					this.coupons = res.data.data.coupons
274 | 					this.changeTab(0)
275 | 			    }
276 | 			});
277 | 		}
278 | 	}
279 | };
280 | </script>
281 | 
282 | <style lang="scss">
283 | page {
284 | 	background-color: #f8f8f8;
285 | }
286 | .container {
287 | 	font-size: 14px;
288 | 	line-height: 24px;
289 | 	position: relative;
290 | 	.tab {
291 | 		position: fixed;
292 | 		top: var(--window-top);
293 | 		left: 0;
294 | 		z-index: 9999;
295 | 	}
296 | 	.coupon {
297 | 		padding-top: 200rpx;
298 | 		padding-bottom: 10rpx;
299 | 		.item {
300 | 			background-color: #ffffff;
301 | 			margin: 30rpx;
302 | 			border-radius: 10rpx;
303 | 			padding: 0 30rpx 30rpx 30rpx;
304 | 			.top {
305 | 				height: 116rpx;
306 | 				display: flex;
307 | 				align-items: center;
308 | 				justify-content: space-between;
309 | 				.left {
310 | 					height: 116rpx;
311 | 					width: 400rpx;
312 | 					display: flex;
313 | 					align-items: center;
314 | 					justify-content: space-between;
315 | 					.content {
316 | 						width: 100%;
317 | 					}
318 | 					.icon {
319 | 						display: inline-block;
320 | 						vertical-align: bottom;
321 | 						width: 52rpx;
322 | 						height: auto;
323 | 					}
324 | 					.name {
325 | 						text-align: left;
326 | 						display: inline-block;
327 | 						vertical-align: bottom;
328 | 						font-size: 34rpx;
329 | 						color: #000;
330 | 						line-height: 50rpx;
331 | 						font-weight: bold;
332 | 						margin-left: 15rpx;
333 | 					}
334 | 					.text {
335 | 						width: 150rpx;
336 | 						height: 38rpx;
337 | 						line-height: 38rpx;
338 | 						text-align: center;
339 | 						font-size: 24rpx;
340 | 						color: #61300e;
341 | 						background: linear-gradient(90deg, #f9db8d, #f8d98a);
342 | 						border-radius: 6rpx;
343 | 					}
344 | 				}
345 | 
346 | 				.right {
347 | 					width: 170rpx;
348 | 					height: 60rpx;
349 | 					border-radius: 30rpx;
350 | 					background: linear-gradient(90deg, #ec6f43, #ea4a36);
351 | 					color: #fff;
352 | 					font-size: 28rpx;
353 | 					line-height: 60rpx;
354 | 					text-align: center;
355 | 				}
356 | 			}
357 | 
358 | 			.bottom {
359 | 				height: auto;
360 | 				width: 100%;
361 | 				image {
362 | 					display: block;
363 | 					width: 100%;
364 | 					height: auto;
365 | 				}
366 | 			}
367 | 		}
368 | 	}
369 | }
370 | </style>
371 | 


--------------------------------------------------------------------------------
/pages/user/user.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="container">
  3 | 		<view class="head">
  4 | 			<block v-if="userInfo">
  5 | 				<image :src="userInfo.avatarUrl" class="avatarUrl"></image>
  6 | 				<view class="nickName">{{ userInfo.nickName }}</view>
  7 | 			</block>
  8 | 			<block v-else>
  9 | 				<view class="loginBtn"><button open-type="getUserInfo" lang="zh_CN" @getuserinfo="onGotUserInfo" type="primary">授权登录</button></view>
 10 | 			</block>
 11 | 		</view>
 12 | 		<view class="others">
 13 | 			<view class="item">
 14 | 				<image class="icon" src="/static/user_share.png"></image>
 15 | 				<button class="content share" open-type="share">
 16 | 					<view>分享好友</view>
 17 | 					<image class="right" src="/static/right_h.png"></image>
 18 | 				</button>
 19 | 			</view>
 20 | 			<view class="item" bindtap="sponsor">
 21 | 				<image class="icon" src="/static/user_hezuo.png"></image>
 22 | 				<button class="content share" open-type="contact">
 23 | 					<view>我要制作</view>
 24 | 					<image class="right" src="/static/right_h.png"></image>
 25 | 				</button>
 26 | 			</view>
 27 | 			<view class="item">
 28 | 				<image class="icon" src="/static/user_kefu.png"></image>
 29 | 				<button class="content share" open-type="contact">
 30 | 					<view>在线客服</view>
 31 | 					<image class="right" src="/static/right_h.png"></image>
 32 | 				</button>
 33 | 			</view>
 34 | 		</view>
 35 | 		<view class="version">
 36 | 			v3.0
 37 | 		</view>
 38 | 	</view>
 39 | </template>
 40 | 
 41 | <script>
 42 | export default {
 43 | 	data() {
 44 | 		return {
 45 | 			userInfo: ''
 46 | 		};
 47 | 	},
 48 | 	onLoad() {
 49 | 		this.userInfo = getApp().globalData.userInfo
 50 | 	},
 51 | 	onShareAppMessage(res) {
 52 | 		return getApp().shareConfig()
 53 | 	},
 54 | 	methods: {
 55 | 		/*登录 */
 56 | 		onGotUserInfo(e) {
 57 | 			this.userInfo = e.detail.userInfo
 58 | 			uni.setStorageSync('userInfo', e.detail.userInfo);
 59 | 		}
 60 | 	}
 61 | };
 62 | </script>
 63 | 
 64 | <style lang="scss">
 65 | page {
 66 | 	background: #f8f8f8;
 67 | }
 68 | .container {
 69 | 	padding-bottom: 20rpx;
 70 | }
 71 | .head {
 72 | 	background: #fff;
 73 | 	position: relative;
 74 | 	text-align: center;
 75 | 	flex-wrap: wrap;
 76 | 	display: flex;
 77 | 	align-items: center;
 78 | 	justify-content: center;
 79 | 	padding: 20px 0;
 80 | 	height: 220rpx;
 81 | }
 82 | .head .avatarUrl {
 83 | 	width: 120rpx;
 84 | 	height: 120rpx;
 85 | 	display: block;
 86 | 	margin: auto;
 87 | 	border-radius: 50%;
 88 | }
 89 | .head .nickName {
 90 | 	margin-top: 10rpx;
 91 | 	text-align: center;
 92 | 	font-size: 36rpx;
 93 | 	color: #333;
 94 | 	width: 100%;
 95 | }
 96 | .head .loginBtn {
 97 | 	text-align: center;
 98 | }
 99 | .head .loginBtn button {
100 | 	display: inline-block;
101 | 	background: linear-gradient(90deg, #33cc33, #33bb33);
102 | 	font-size: 32rpx;
103 | 	height: 70rpx;
104 | 	line-height: 70rpx;
105 | 	border: none;
106 | 	padding: 0 20rpx;
107 | 	border-radius: 35rpx;
108 | }
109 | .head .loginBtn button::after {
110 | 	border: none;
111 | }
112 | .head .lot {
113 | 	position: absolute;
114 | 	bottom: 0;
115 | 	left: 0;
116 | 	display: flex;
117 | 	border-top: 1px solid #f8f8f8;
118 | 	width: 690rpx;
119 | 	padding: 30rpx;
120 | }
121 | .head .lot > view {
122 | 	width: 50%;
123 | 	text-align: center;
124 | }
125 | .head .lot .num {
126 | 	color: #333;
127 | 	font-size: 32rpx;
128 | 	font-weight: 700;
129 | }
130 | .head .lot .name {
131 | 	color: #666;
132 | 	font-size: 28rpx;
133 | }
134 | .head .lot .all {
135 | 	border-right: 1px solid #f8f8f8;
136 | 	box-sizing: border-box;
137 | }
138 | .others {
139 | 	margin: 20rpx 0;
140 | 	background: #fff;
141 | }
142 | .others .item {
143 | 	display: flex;
144 | 	align-items: center;
145 | 	width: 690rpx;
146 | 	padding: 0 30rpx;
147 | 	border-bottom: 1px solid #ededf0;
148 | }
149 | .others .item:last-child {
150 | 	border-bottom: none;
151 | }
152 | .others .item .icon {
153 | 	width: 50rpx;
154 | 	height: 50rpx;
155 | 	margin-right: 30rpx;
156 | }
157 | .others .item .content {
158 | 	width: 620rpx;
159 | 	padding: 30rpx 0;
160 | 	display: flex;
161 | 	align-items: center;
162 | 	font-size: 34rpx;
163 | 	color: #333;
164 | }
165 | .others .item .content.share {
166 | 	background: none;
167 | 	text-align: left;
168 | 	border: none;
169 | 	line-height: normal;
170 | }
171 | .others .item .content.share::after {
172 | 	border: none;
173 | }
174 | .others .item .content .right {
175 | 	width: 25rpx;
176 | 	height: 25rpx;
177 | 	margin-left: auto;
178 | }
179 | .version{
180 | 	position: fixed;
181 | 	bottom: 20rpx;
182 | 	display: block;
183 | 	width: 100%;
184 | 	text-align: center;
185 | 	font-size: 28rpx;
186 | 	color: #666;
187 | }
188 | </style>
189 | 


--------------------------------------------------------------------------------
/static/11.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/11.png


--------------------------------------------------------------------------------
/static/all.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/all.png


--------------------------------------------------------------------------------
/static/coupon/11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/11.jpg


--------------------------------------------------------------------------------
/static/coupon/ele.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/ele.png


--------------------------------------------------------------------------------
/static/coupon/ele_banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/ele_banner.png


--------------------------------------------------------------------------------
/static/coupon/ele_guosu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/ele_guosu.png


--------------------------------------------------------------------------------
/static/coupon/jd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/jd.png


--------------------------------------------------------------------------------
/static/coupon/meituan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/meituan.png


--------------------------------------------------------------------------------
/static/coupon/meituan_banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/meituan_banner.png


--------------------------------------------------------------------------------
/static/coupon/sanzhisongshu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/sanzhisongshu.png


--------------------------------------------------------------------------------
/static/coupon/vip.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/vip.png


--------------------------------------------------------------------------------
/static/coupon/vip_banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/coupon/vip_banner.png


--------------------------------------------------------------------------------
/static/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/demo.png


--------------------------------------------------------------------------------
/static/didi.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/didi.jpg


--------------------------------------------------------------------------------
/static/ele.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/ele.png


--------------------------------------------------------------------------------
/static/error.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/error.png


--------------------------------------------------------------------------------
/static/jd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/jd.png


--------------------------------------------------------------------------------
/static/meituan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/meituan.png


--------------------------------------------------------------------------------
/static/right_h.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/right_h.png


--------------------------------------------------------------------------------
/static/tabbar/fuli.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/tabbar/fuli.png


--------------------------------------------------------------------------------
/static/tabbar/fuli_fill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/tabbar/fuli_fill.png


--------------------------------------------------------------------------------
/static/tabbar/home.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/tabbar/home.png


--------------------------------------------------------------------------------
/static/tabbar/home_fill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/tabbar/home_fill.png


--------------------------------------------------------------------------------
/static/tabbar/user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/tabbar/user.png


--------------------------------------------------------------------------------
/static/tabbar/user_fill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/tabbar/user_fill.png


--------------------------------------------------------------------------------
/static/uni.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/uni.ttf


--------------------------------------------------------------------------------
/static/user_hezuo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/user_hezuo.png


--------------------------------------------------------------------------------
/static/user_kefu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/user_kefu.png


--------------------------------------------------------------------------------
/static/user_share.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/user_share.png


--------------------------------------------------------------------------------
/static/vip.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/vip.png


--------------------------------------------------------------------------------
/static/wx.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zwpro/coupons/36a9de069cd10910ab35825d3e22ccbf7653a3f6/static/wx.png


--------------------------------------------------------------------------------
/uni.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 这里是uni-app内置的常用样式变量
 3 |  *
 4 |  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 5 |  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 6 |  *
 7 |  */
 8 | 
 9 | /**
10 |  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
11 |  *
12 |  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
13 |  */
14 | 
15 | /* 颜色变量 */
16 | 
17 | /* 行为相关颜色 */
18 | $uni-color-primary: #007aff;
19 | $uni-color-success: #4cd964;
20 | $uni-color-warning: #f0ad4e;
21 | $uni-color-error: #dd524d;
22 | 
23 | /* 文字基本颜色 */
24 | $uni-text-color:#333;//基本色
25 | $uni-text-color-inverse:#fff;//反色
26 | $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
27 | $uni-text-color-placeholder: #808080;
28 | $uni-text-color-disable:#c0c0c0;
29 | 
30 | /* 背景颜色 */
31 | $uni-bg-color:#ffffff;
32 | $uni-bg-color-grey:#f8f8f8;
33 | $uni-bg-color-hover:#f1f1f1;//点击状态颜色
34 | $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
35 | 
36 | /* 边框颜色 */
37 | $uni-border-color:#e5e5e5;
38 | 
39 | /* 尺寸变量 */
40 | 
41 | /* 文字尺寸 */
42 | $uni-font-size-sm:24rpx;
43 | $uni-font-size-base:28rpx;
44 | $uni-font-size-lg:32rpx;
45 | 
46 | /* 图片尺寸 */
47 | $uni-img-size-sm:40rpx;
48 | $uni-img-size-base:52rpx;
49 | $uni-img-size-lg:80rpx;
50 | 
51 | /* Border Radius */
52 | $uni-border-radius-sm: 4rpx;
53 | $uni-border-radius-base: 6rpx;
54 | $uni-border-radius-lg: 12rpx;
55 | $uni-border-radius-circle: 50%;
56 | 
57 | /* 水平间距 */
58 | $uni-spacing-row-sm: 10px;
59 | $uni-spacing-row-base: 20rpx;
60 | $uni-spacing-row-lg: 30rpx;
61 | 
62 | /* 垂直间距 */
63 | $uni-spacing-col-sm: 8rpx;
64 | $uni-spacing-col-base: 16rpx;
65 | $uni-spacing-col-lg: 24rpx;
66 | 
67 | /* 透明度 */
68 | $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
69 | 
70 | /* 文章场景相关 */
71 | $uni-color-title: #2C405A; // 文章标题颜色
72 | $uni-font-size-title:40rpx;
73 | $uni-color-subtitle: #555555; // 二级标题颜色
74 | $uni-font-size-subtitle:36rpx;
75 | $uni-color-paragraph: #3F536E; // 文章段落颜色
76 | $uni-font-size-paragraph:30rpx;


--------------------------------------------------------------------------------