├── .gitattributes
├── .gitignore
├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── public
    ├── favicon.ico
    ├── img
    │   └── icons
    │   │   ├── DD114.png
    │   │   ├── DD128.png
    │   │   ├── DD144.png
    │   │   ├── DD72.png
    │   │   ├── android-chrome-192x192.png
    │   │   ├── android-chrome-512x512.png
    │   │   ├── apple-touch-icon-120x120.png
    │   │   ├── apple-touch-icon-152x152.png
    │   │   ├── apple-touch-icon-180x180.png
    │   │   ├── apple-touch-icon-60x60.png
    │   │   ├── apple-touch-icon-76x76.png
    │   │   ├── apple-touch-icon.png
    │   │   ├── dd.png
    │   │   ├── dd48.png
    │   │   ├── favicon-16x16.png
    │   │   ├── favicon-32x32.png
    │   │   ├── msapplication-icon-144x144.png
    │   │   ├── mstile-150x150.png
    │   │   └── safari-pinned-tab.svg
    ├── index.html
    ├── manifest.json
    └── robots.txt
├── src
    ├── App.vue
    ├── assets
    │   ├── images
    │   │   ├── DD128.png
    │   │   ├── QQ.png
    │   │   ├── banner.jpg
    │   │   ├── coupon-back.png
    │   │   ├── dd.png
    │   │   ├── dd32.png
    │   │   ├── dd48.png
    │   │   ├── dd64.png
    │   │   ├── hongbao.gif
    │   │   ├── noData.png
    │   │   ├── p1.jpg
    │   │   ├── shirt.jpg
    │   │   ├── shirt.png
    │   │   ├── swipe-1.jpg
    │   │   ├── swper-1.jpg
    │   │   ├── swper-2.jpg
    │   │   ├── taobao.png
    │   │   ├── wecaht.png
    │   │   ├── xiaohongbao-155x212.gif
    │   │   └── xiaohongbao.gif
    │   └── logo.png
    ├── common
    │   └── user.js
    ├── components
    │   ├── FloatBtn.vue
    │   ├── NewPop.vue
    │   ├── NoData.vue
    │   ├── Notice.vue
    │   ├── RoundBtn.vue
    │   ├── Tab.vue
    │   └── good
    │   │   ├── Coupon.vue
    │   │   └── Coupon2.vue
    ├── main.js
    ├── registerServiceWorker.js
    ├── router.js
    ├── store.js
    └── views
    │   ├── cart
    │       └── index.vue
    │   ├── goods
    │       └── index.vue
    │   ├── index
    │       └── index.vue
    │   ├── profit
    │       └── index.vue
    │   ├── search
    │       └── Search.vue
    │   └── user
    │       ├── alipay.vue
    │       ├── cash.vue
    │       ├── cashLog.vue
    │       ├── index.vue
    │       ├── login.vue
    │       ├── orderList.vue
    │       ├── register.vue
    │       └── tuiLog.vue
└── vue.config.js


/.gitattributes:
--------------------------------------------------------------------------------
1 | # Auto detect text files and perform LF normalization
2 | * text=auto
3 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw*
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # 淘宝客+返利系统的前端界面（支持拼多多商品）
 2 | ## 支持预览[Demo](https://www.ddyfl.com)
 3 | ## 淘宝优惠券搜索
 4 | 使用淘宝商品链接（淘口令）搜索商品是否有优惠券
 5 | ## 产品分类展示
 6 | 根据产品分类显示有优惠券或返利的商品
 7 | ## 推广代理系统
 8 | 支持多级代理，推广下级收益等
 9 | ## 淘礼金红包
10 | 5元，9.9元商品专区，可以使用淘礼金红包
11 | ## 基于vue-cli3 + vant框架
12 | + npm i
13 | + npm run serve
14 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   presets: ["@vue/app"],
 3 |   plugins: [
 4 |     [
 5 |       "import",
 6 |       { libraryName: "vant", libraryDirectory: "es", style: true },
 7 |       "vant"
 8 |     ]
 9 |   ]
10 | };
11 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ddshop",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint"
 9 |   },
10 |   "dependencies": {
11 |     "axios": "^0.18.0",
12 |     "clipboard": "^2.0.4",
13 |     "fastclick": "^1.0.6",
14 |     "register-service-worker": "^1.5.2",
15 |     "vant": "^2.2.16",
16 |     "vconsole": "^3.3.0",
17 |     "vue": "^2.6.6",
18 |     "vue-loading-overlay": "^3.2.0",
19 |     "vue-router": "^3.0.1",
20 |     "vuex": "^3.0.1",
21 |     "web-open-app": "^1.0.1"
22 |   },
23 |   "devDependencies": {
24 |     "@vue/cli-plugin-babel": "^3.4.0",
25 |     "@vue/cli-plugin-eslint": "^3.4.0",
26 |     "@vue/cli-plugin-pwa": "^3.4.0",
27 |     "@vue/cli-service": "^3.4.0",
28 |     "@vue/eslint-config-prettier": "^4.0.1",
29 |     "babel-eslint": "^10.0.1",
30 |     "babel-plugin-import": "^1.11.0",
31 |     "eslint": "^5.8.0",
32 |     "eslint-plugin-vue": "^5.0.0",
33 |     "less": "^3.0.4",
34 |     "less-loader": "^4.1.0",
35 |     "vue-template-compiler": "^2.5.21"
36 |   },
37 |   "eslintConfig": {
38 |     "root": true,
39 |     "env": {
40 |       "node": true
41 |     },
42 |     "extends": [
43 |       "plugin:vue/essential",
44 |       "@vue/prettier"
45 |     ],
46 |     "rules": {
47 |       "no-console": "off",
48 |       "semi": 0,
49 |       "no-unused-vars": "off",
50 |       "prettier/prettier": [
51 |         "error",
52 |         {
53 |           "singleQuote": true,
54 |           "trailingComma": "none",
55 |           "bracketSpacing": true,
56 |           "jsxBracketSameLine": true,
57 |           "parser": "flow"
58 |         }
59 |       ]
60 |     },
61 |     "parserOptions": {
62 |       "parser": "babel-eslint"
63 |     }
64 |   },
65 |   "postcss": {
66 |     "plugins": {
67 |       "autoprefixer": {}
68 |     }
69 |   },
70 |   "browserslist": [
71 |     "> 1%",
72 |     "last 2 versions",
73 |     "not ie <= 8",
74 |     "Android >= 4.0",
75 |     "iOS >= 7"
76 |   ]
77 | }
78 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/favicon.ico


--------------------------------------------------------------------------------
/public/img/icons/DD114.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/DD114.png


--------------------------------------------------------------------------------
/public/img/icons/DD128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/DD128.png


--------------------------------------------------------------------------------
/public/img/icons/DD144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/DD144.png


--------------------------------------------------------------------------------
/public/img/icons/DD72.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/DD72.png


--------------------------------------------------------------------------------
/public/img/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/android-chrome-192x192.png


--------------------------------------------------------------------------------
/public/img/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/android-chrome-512x512.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-120x120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/apple-touch-icon-120x120.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/apple-touch-icon-152x152.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-180x180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/apple-touch-icon-180x180.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-60x60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/apple-touch-icon-60x60.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon-76x76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/apple-touch-icon-76x76.png


--------------------------------------------------------------------------------
/public/img/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/apple-touch-icon.png


--------------------------------------------------------------------------------
/public/img/icons/dd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/dd.png


--------------------------------------------------------------------------------
/public/img/icons/dd48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/dd48.png


--------------------------------------------------------------------------------
/public/img/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/favicon-16x16.png


--------------------------------------------------------------------------------
/public/img/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/favicon-32x32.png


--------------------------------------------------------------------------------
/public/img/icons/msapplication-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/msapplication-icon-144x144.png


--------------------------------------------------------------------------------
/public/img/icons/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/public/img/icons/mstile-150x150.png


--------------------------------------------------------------------------------
/public/img/icons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  3 |  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
  4 | <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
  5 |  width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
  6 |  preserveAspectRatio="xMidYMid meet">
  7 | <metadata>
  8 | Created by potrace 1.11, written by Peter Selinger 2001-2013
  9 | </metadata>
 10 | <g transform="translate(0.000000,16.000000) scale(0.000320,-0.000320)"
 11 | fill="#000000" stroke="none">
 12 | <path d="M18 46618 c45 -75 122 -207 122 -211 0 -2 25 -45 55 -95 30 -50 55
 13 | -96 55 -102 0 -5 5 -10 10 -10 6 0 10 -4 10 -9 0 -5 73 -135 161 -288 89 -153
 14 | 173 -298 187 -323 14 -25 32 -57 41 -72 88 -149 187 -324 189 -335 2 -7 8 -13
 15 | 13 -13 5 0 9 -4 9 -10 0 -5 46 -89 103 -187 175 -302 490 -846 507 -876 8 -16
 16 | 20 -36 25 -45 28 -46 290 -498 339 -585 13 -23 74 -129 136 -236 61 -107 123
 17 | -215 137 -240 14 -25 29 -50 33 -56 5 -5 23 -37 40 -70 18 -33 38 -67 44 -75
 18 | 11 -16 21 -33 63 -109 14 -25 29 -50 33 -56 4 -5 21 -35 38 -65 55 -100 261
 19 | -455 269 -465 4 -5 14 -21 20 -35 15 -29 41 -75 103 -180 24 -41 52 -88 60
 20 | -105 9 -16 57 -100 107 -185 112 -193 362 -626 380 -660 8 -14 23 -38 33 -55
 21 | 11 -16 23 -37 27 -45 4 -8 26 -46 48 -85 23 -38 53 -90 67 -115 46 -81 64
 22 | -113 178 -310 62 -107 121 -210 132 -227 37 -67 56 -99 85 -148 16 -27 32 -57
 23 | 36 -65 4 -8 15 -27 25 -42 9 -15 53 -89 96 -165 44 -76 177 -307 296 -513 120
 24 | -206 268 -463 330 -570 131 -227 117 -203 200 -348 36 -62 73 -125 82 -140 10
 25 | -15 21 -34 25 -42 4 -8 20 -37 36 -65 17 -27 38 -65 48 -82 49 -85 64 -111 87
 26 | -153 13 -25 28 -49 32 -55 4 -5 78 -134 165 -285 87 -151 166 -288 176 -305
 27 | 10 -16 26 -43 35 -59 9 -17 125 -217 257 -445 132 -229 253 -441 270 -471 17
 28 | -30 45 -79 64 -108 18 -29 33 -54 33 -57 0 -2 20 -37 44 -77 24 -40 123 -212
 29 | 221 -383 97 -170 190 -330 205 -355 16 -25 39 -65 53 -90 13 -25 81 -144 152
 30 | -265 70 -121 137 -238 150 -260 12 -22 37 -65 55 -95 18 -30 43 -73 55 -95 12
 31 | -22 48 -85 80 -140 77 -132 163 -280 190 -330 13 -22 71 -123 130 -225 59
 32 | -102 116 -199 126 -217 10 -17 29 -50 43 -72 15 -22 26 -43 26 -45 0 -2 27
 33 | -50 60 -106 33 -56 60 -103 60 -105 0 -2 55 -98 90 -155 8 -14 182 -316 239
 34 | -414 13 -22 45 -79 72 -124 27 -46 49 -86 49 -89 0 -2 14 -24 30 -48 16 -24
 35 | 30 -46 30 -49 0 -5 74 -135 100 -176 5 -8 24 -42 43 -75 50 -88 58 -101 262
 36 | -455 104 -179 199 -345 213 -370 14 -25 28 -49 32 -55 4 -5 17 -26 28 -45 10
 37 | -19 62 -109 114 -200 114 -197 133 -230 170 -295 16 -27 33 -57 38 -65 17 -28
 38 | 96 -165 103 -180 4 -8 16 -28 26 -45 10 -16 77 -131 148 -255 72 -124 181
 39 | -313 243 -420 62 -107 121 -209 131 -227 35 -62 323 -560 392 -678 38 -66 83
 40 | -145 100 -175 16 -30 33 -59 37 -65 4 -5 17 -27 29 -47 34 -61 56 -100 90
 41 | -156 17 -29 31 -55 31 -57 0 -2 17 -32 39 -67 21 -35 134 -229 251 -433 117
 42 | -203 235 -407 261 -451 27 -45 49 -85 49 -88 0 -4 8 -19 19 -34 15 -21 200
 43 | -341 309 -533 10 -19 33 -58 51 -87 17 -29 31 -54 31 -56 0 -2 25 -44 55 -94
 44 | 30 -50 55 -95 55 -98 0 -4 6 -15 14 -23 7 -9 27 -41 43 -71 17 -30 170 -297
 45 | 342 -594 171 -296 311 -542 311 -547 0 -5 5 -9 10 -9 6 0 10 -4 10 -10 0 -5
 46 | 22 -47 49 -92 27 -46 58 -99 68 -118 24 -43 81 -140 93 -160 5 -8 66 -114 135
 47 | -235 69 -121 130 -227 135 -235 12 -21 259 -447 283 -490 10 -19 28 -47 38
 48 | -62 11 -14 19 -29 19 -32 0 -3 37 -69 83 -148 99 -170 305 -526 337 -583 13
 49 | -22 31 -53 41 -70 11 -16 22 -37 26 -45 7 -14 82 -146 103 -180 14 -24 181
 50 | -311 205 -355 13 -22 46 -80 75 -130 29 -49 64 -110 78 -135 14 -25 51 -88 82
 51 | -140 31 -52 59 -102 63 -110 4 -8 18 -33 31 -55 205 -353 284 -489 309 -535
 52 | 17 -30 45 -78 62 -106 18 -28 36 -60 39 -72 4 -12 12 -22 17 -22 5 0 9 -4 9
 53 | -10 0 -5 109 -197 241 -427 133 -230 250 -431 259 -448 51 -90 222 -385 280
 54 | -485 37 -63 78 -135 92 -160 14 -25 67 -117 118 -205 51 -88 101 -175 111
 55 | -193 34 -58 55 -95 149 -257 51 -88 101 -173 110 -190 9 -16 76 -131 147 -255
 56 | 72 -124 140 -241 151 -260 61 -108 281 -489 355 -615 38 -66 77 -133 87 -150
 57 | 35 -63 91 -161 100 -175 14 -23 99 -169 128 -220 54 -97 135 -235 142 -245 4
 58 | -5 20 -32 35 -60 26 -48 238 -416 276 -480 10 -16 26 -46 37 -65 30 -53 382
 59 | -661 403 -695 10 -16 22 -37 26 -45 4 -8 26 -48 50 -88 24 -41 43 -75 43 -77
 60 | 0 -2 22 -40 50 -85 27 -45 50 -84 50 -86 0 -3 38 -69 83 -147 84 -142 302
 61 | -520 340 -587 10 -19 34 -60 52 -90 18 -30 44 -75 57 -100 14 -25 45 -79 70
 62 | -120 25 -41 56 -96 70 -121 14 -25 77 -133 138 -240 62 -107 122 -210 132
 63 | -229 25 -43 310 -535 337 -581 11 -19 26 -45 34 -59 17 -32 238 -414 266 -460
 64 | 11 -19 24 -41 28 -49 3 -7 75 -133 160 -278 84 -146 153 -269 153 -274 0 -5 5
 65 | -9 10 -9 6 0 10 -4 10 -10 0 -5 82 -150 181 -322 182 -314 201 -346 240 -415
 66 | 12 -21 80 -139 152 -263 71 -124 141 -245 155 -270 14 -25 28 -49 32 -55 6 -8
 67 | 145 -248 220 -380 37 -66 209 -362 229 -395 11 -19 24 -42 28 -49 4 -8 67
 68 | -118 140 -243 73 -125 133 -230 133 -233 0 -2 15 -28 33 -57 19 -29 47 -78 64
 69 | -108 17 -30 53 -93 79 -139 53 -90 82 -141 157 -272 82 -142 115 -199 381
 70 | -659 142 -245 268 -463 281 -485 12 -22 71 -125 132 -230 60 -104 172 -298
 71 | 248 -430 76 -132 146 -253 156 -270 11 -16 22 -36 26 -44 3 -8 30 -54 60 -103
 72 | 29 -49 53 -91 53 -93 0 -3 18 -34 40 -70 22 -36 40 -67 40 -69 0 -2 37 -66 81
 73 | -142 45 -77 98 -168 119 -204 20 -36 47 -81 58 -100 12 -19 27 -47 33 -62 6
 74 | -16 15 -28 20 -28 5 0 9 -4 9 -9 0 -6 63 -118 140 -251 77 -133 140 -243 140
 75 | -245 0 -2 18 -33 41 -70 22 -37 49 -83 60 -101 10 -19 29 -51 40 -71 25 -45
 76 | 109 -189 126 -218 7 -11 17 -29 22 -40 6 -11 22 -38 35 -60 14 -22 37 -62 52
 77 | -90 14 -27 35 -62 45 -77 11 -14 19 -29 19 -32 0 -3 18 -35 40 -71 22 -36 40
 78 | -67 40 -69 0 -2 19 -35 42 -72 23 -38 55 -94 72 -124 26 -47 139 -244 171
 79 | -298 6 -9 21 -36 34 -60 28 -48 37 -51 51 -19 6 12 19 36 29 52 10 17 27 46
 80 | 38 65 11 19 104 181 208 360 103 179 199 345 213 370 14 25 42 74 64 109 21
 81 | 34 38 65 38 67 0 2 18 33 40 69 22 36 40 67 40 69 0 3 177 310 199 346 16 26
 82 | 136 234 140 244 2 5 25 44 52 88 27 44 49 81 49 84 0 2 18 34 40 70 22 36 40
 83 | 67 40 69 0 2 20 36 43 77 35 58 169 289 297 513 9 17 50 86 90 155 40 69 86
 84 | 150 103 180 16 30 35 62 41 70 6 8 16 24 22 35 35 64 72 129 167 293 59 100
 85 | 116 199 127 220 11 20 30 53 41 72 43 72 1070 1850 1121 1940 14 25 65 113
 86 | 113 195 48 83 96 166 107 185 10 19 28 50 38 68 11 18 73 124 137 235 64 111
 87 | 175 303 246 427 71 124 173 299 225 390 52 91 116 202 143 248 27 45 49 85 49
 88 | 89 0 4 6 14 14 22 7 9 28 43 46 76 26 47 251 436 378 655 11 19 29 51 40 70
 89 | 11 19 101 176 201 348 99 172 181 317 181 323 0 5 5 9 10 9 6 0 10 5 10 11 0
 90 | 6 8 23 18 37 11 15 32 52 49 82 16 30 130 228 253 440 122 212 234 405 248
 91 | 430 13 25 39 70 57 100 39 65 69 117 130 225 25 44 50 87 55 95 12 19 78 134
 92 | 220 380 61 107 129 224 150 260 161 277 222 382 246 425 15 28 47 83 71 123
 93 | 24 41 43 78 43 83 0 5 4 9 8 9 4 0 13 12 19 28 7 15 23 45 36 67 66 110 277
 94 | 478 277 483 0 3 6 13 14 21 7 9 27 41 43 71 17 30 45 80 63 110 34 57 375 649
 95 | 394 685 6 11 16 27 22 35 6 8 26 42 44 75 18 33 41 74 51 90 10 17 24 41 32
 96 | 55 54 97 72 128 88 152 11 14 19 28 19 30 0 3 79 141 175 308 96 167 175 305
 97 | 175 308 0 3 6 13 14 21 7 9 26 39 41 66 33 60 276 483 338 587 24 40 46 80 50
 98 | 88 4 8 13 24 20 35 14 23 95 163 125 215 11 19 52 91 92 160 40 69 80 139 90
 99 | 155 9 17 103 179 207 360 105 182 200 346 211 365 103 181 463 802 489 845 7
100 | 11 15 27 19 35 4 8 29 51 55 95 64 110 828 1433 848 1470 9 17 24 41 33 55 9
101 | 14 29 48 45 77 15 28 52 93 82 145 30 51 62 107 71 123 17 30 231 398 400 690
102 | 51 88 103 179 115 202 12 23 26 48 32 55 6 7 24 38 40 68 17 30 61 107 98 170
103 | 37 63 84 144 103 180 19 36 41 72 48 81 8 8 14 18 14 21 0 4 27 51 59 106 32
104 | 55 72 124 89 154 16 29 71 125 122 213 51 88 104 180 118 205 13 25 28 50 32
105 | 55 4 6 17 26 28 45 11 19 45 80 77 135 31 55 66 116 77 135 11 19 88 152 171
106 | 295 401 694 620 1072 650 1125 11 19 87 152 170 295 83 143 158 273 166 288 9
107 | 16 21 36 26 45 6 9 31 52 55 96 25 43 54 94 66 115 11 20 95 164 186 321 91
108 | 157 173 299 182 315 9 17 26 46 37 65 12 19 66 114 121 210 56 96 108 186 117
109 | 200 8 14 24 40 34 59 24 45 383 664 412 713 5 9 17 29 26 45 15 28 120 210
110 | 241 419 36 61 68 117 72 125 4 8 12 23 19 34 35 57 245 420 262 453 11 20 35
111 | 61 53 90 17 29 32 54 32 56 0 3 28 51 62 108 33 57 70 119 80 138 10 19 23 42
112 | 28 50 5 8 32 53 59 100 27 47 149 258 271 470 122 212 234 405 248 430 30 53
113 | 62 108 80 135 6 11 15 27 19 35 4 8 85 150 181 315 96 165 187 323 202 350 31
114 | 56 116 202 130 225 5 8 25 42 43 75 19 33 92 159 162 280 149 257 157 271 202
115 | 350 19 33 38 67 43 75 9 14 228 392 275 475 12 22 55 96 95 165 40 69 80 139
116 | 90 155 24 42 202 350 221 383 9 15 27 47 41 72 14 25 75 131 136 236 61 106
117 | 121 210 134 232 99 172 271 470 279 482 5 8 23 40 40 70 18 30 81 141 142 245
118 | 60 105 121 210 135 235 14 25 71 124 127 220 56 96 143 247 194 335 51 88 96
119 | 167 102 175 14 24 180 311 204 355 23 43 340 590 356 615 5 8 50 87 101 175
120 | 171 301 517 898 582 1008 25 43 46 81 46 83 0 2 12 23 27 47 14 23 40 67 56
121 | 97 16 30 35 62 42 70 7 8 15 22 18 30 4 8 20 38 37 65 16 28 33 57 37 65 6 12
122 | 111 196 143 250 5 8 55 95 112 193 57 98 113 195 126 215 12 20 27 46 32 57 6
123 | 11 14 27 20 35 5 8 76 130 156 270 80 140 165 287 187 325 23 39 52 90 66 115
124 | 13 25 30 52 37 61 8 8 14 18 14 21 0 4 41 77 92 165 50 87 175 302 276 478
125 | 101 176 208 360 236 408 28 49 67 117 86 152 19 35 41 70 48 77 6 6 12 15 12
126 | 19 0 7 124 224 167 291 12 21 23 40 23 42 0 2 21 40 46 83 26 43 55 92 64 109
127 | 54 95 327 568 354 614 19 30 45 75 59 100 71 128 82 145 89 148 4 2 8 8 8 13
128 | 0 5 42 82 94 172 311 538 496 858 518 897 14 25 40 70 58 100 18 30 42 71 53
129 | 90 10 19 79 139 152 265 73 127 142 246 153 265 10 19 43 76 72 125 29 50 63
130 | 108 75 130 65 116 80 140 87 143 4 2 8 8 8 12 0 8 114 212 140 250 6 8 14 24
131 | 20 35 5 11 54 97 108 190 l100 170 -9611 3 c-5286 1 -9614 -1 -9618 -5 -5 -6
132 | -419 -719 -619 -1068 -89 -155 -267 -463 -323 -560 -38 -66 -81 -140 -95 -165
133 | -31 -56 -263 -457 -526 -910 -110 -190 -224 -388 -254 -440 -29 -52 -61 -109
134 | -71 -125 -23 -39 -243 -420 -268 -465 -11 -19 -204 -352 -428 -740 -224 -388
135 | -477 -826 -563 -975 -85 -148 -185 -322 -222 -385 -37 -63 -120 -207 -185
136 | -320 -65 -113 -177 -306 -248 -430 -72 -124 -172 -297 -222 -385 -51 -88 -142
137 | -245 -202 -350 -131 -226 -247 -427 -408 -705 -65 -113 -249 -432 -410 -710
138 | -160 -278 -388 -673 -506 -877 -118 -205 -216 -373 -219 -373 -3 0 -52 82
139 | -109 183 -58 100 -144 250 -192 332 -95 164 -402 696 -647 1120 -85 149 -228
140 | 396 -317 550 -212 365 -982 1700 -1008 1745 -10 19 -43 76 -72 125 -29 50 -64
141 | 110 -77 135 -14 25 -63 110 -110 190 -47 80 -96 165 -110 190 -14 25 -99 171
142 | -188 325 -89 154 -174 300 -188 325 -13 25 -64 113 -112 195 -48 83 -140 242
143 | -205 355 -65 113 -183 317 -263 454 -79 137 -152 264 -163 282 -50 89 -335
144 | 583 -354 614 -12 19 -34 58 -50 85 -15 28 -129 226 -253 440 -124 215 -235
145 | 408 -247 430 -12 22 -69 121 -127 220 -58 99 -226 389 -373 645 -148 256 -324
146 | 561 -392 678 -67 117 -134 232 -147 255 -13 23 -33 59 -46 80 l-22 37 -9615 0
147 | -9615 0 20 -32z"/>
148 | </g>
149 | </svg>
150 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8" />
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 7 |   <meta http-equiv="pragma" content="no-cache">
 8 |   <meta name="viewport"
 9 |     content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
10 |   <title>多多云返利</title>
11 |   <meta name="keywords" content="返利网,返利网官网,返利网登录,淘宝网 返利,淘宝返利,51返利,超级返,导购,购物省钱,网购省钱,海淘返利,京东返利,返钱,省钱,网购,优惠" />
12 |   <meta name="description" content="多多云返利是电商导购特卖平台，专注返利，拥有超千万用户！多多云返利现有合作伙伴包括天猫、淘宝等全球最大的购物平台！" />
13 |   <meta name="apple-mobile-web-app-capable" content="yes" />
14 |   <meta name="apple-mobile-web-app-status-bar-style" content="white" />
15 |   <meta name="apple-mobile-web-app-title" content="多多云返利" />
16 |   <link rel="icon" href="/img/icons/DD72.png" type="image/x-icon" />
17 |   <link rel="shortcut icon" href="/img/icons/DD72.png" type="image/x-icon" />
18 |   <link rel="apple-touch-icon" sizes="72x72" href="/img/icons/DD72.png" />
19 | 
20 |   <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/icons/dd.png" />
21 |   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/icons/DD72.png" />
22 |   <script>
23 |     var _hmt = _hmt || [];
24 |     (function () {
25 |       var hm = document.createElement("script");
26 |       hm.src = "https://hm.baidu.com/hm.js?cbd7e21abc53d989c612e8098feba9c3";
27 |       var s = document.getElementsByTagName("script")[0];
28 |       s.parentNode.insertBefore(hm, s);
29 |     })();
30 |   </script>
31 | </head>
32 | 
33 | <body>
34 |   <noscript>
35 |     <strong>We're sorry but ddshop doesn't work properly without JavaScript
36 |       enabled. Please enable it to continue.</strong>
37 |   </noscript>
38 |   <div id="app"></div>
39 |   <!-- built files will be auto injected -->
40 |   <script>
41 |     if (/chengdong/.test(location.hostname)) {
42 |       window.location.href = "https://www.ddyfl.com"
43 |     }
44 |   </script>
45 | </body>
46 | 
47 | </html>


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "多多云返利",
 3 |   "short_name": "多多云返利",
 4 |   "scope": "/",
 5 |   "description": "多多返利云平台，选中淘宝商品，来多多云搜索后再去下单，轻松获取返利。",
 6 |   "start_url": "/",
 7 |   "icons": [
 8 |     {
 9 |       "src": "./img/icons/dd.png",
10 |       "sizes": "57x57",
11 |       "type": "image/png"
12 |     },
13 |     {
14 |       "src": "./img/icons/DD72.png",
15 |       "sizes": "72x72",
16 |       "type": "image/png"
17 |     },
18 |     {
19 |       "src": "./img/icons/android-chrome-192x192.png",
20 |       "sizes": "192x192",
21 |       "type": "image/png"
22 |     },
23 |     {
24 |       "src": "./img/icons/android-chrome-512x512.png",
25 |       "sizes": "512x512",
26 |       "type": "image/png"
27 |     }
28 |   ],
29 |   "display": "standalone",
30 |   "background_color": "#2196F3",
31 |   "theme_color": "#4DBA87"
32 | }
33 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <keep-alive>
 4 |       <router-view v-if="$route.meta.keepAlive"/>
 5 |     </keep-alive>
 6 |     <router-view v-if="!$route.meta.keepAlive"/>
 7 |     <Tab v-show="!$route.meta.fullScreen"/>
 8 |   </div>
 9 | </template>
10 | <script>
11 | import Tab from "./components/Tab";
12 | export default {
13 |   components: {
14 |     Tab
15 |   },
16 |   data() {
17 |     return {};
18 |   },
19 |   mounted() {}
20 | };
21 | </script>
22 | 
23 | <style>
24 | body {
25 |   font-size: 16px;
26 |   background-color: #f8f8f8;
27 |   -webkit-font-smoothing: antialiased;
28 |   font-family: Helvetica;
29 | }
30 | .H {
31 |   color: #ff0000;
32 | }
33 | </style>


--------------------------------------------------------------------------------
/src/assets/images/DD128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/DD128.png


--------------------------------------------------------------------------------
/src/assets/images/QQ.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/QQ.png


--------------------------------------------------------------------------------
/src/assets/images/banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/banner.jpg


--------------------------------------------------------------------------------
/src/assets/images/coupon-back.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/coupon-back.png


--------------------------------------------------------------------------------
/src/assets/images/dd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/dd.png


--------------------------------------------------------------------------------
/src/assets/images/dd32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/dd32.png


--------------------------------------------------------------------------------
/src/assets/images/dd48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/dd48.png


--------------------------------------------------------------------------------
/src/assets/images/dd64.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/dd64.png


--------------------------------------------------------------------------------
/src/assets/images/hongbao.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/hongbao.gif


--------------------------------------------------------------------------------
/src/assets/images/noData.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/noData.png


--------------------------------------------------------------------------------
/src/assets/images/p1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/p1.jpg


--------------------------------------------------------------------------------
/src/assets/images/shirt.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/shirt.jpg


--------------------------------------------------------------------------------
/src/assets/images/shirt.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/shirt.png


--------------------------------------------------------------------------------
/src/assets/images/swipe-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/swipe-1.jpg


--------------------------------------------------------------------------------
/src/assets/images/swper-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/swper-1.jpg


--------------------------------------------------------------------------------
/src/assets/images/swper-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/swper-2.jpg


--------------------------------------------------------------------------------
/src/assets/images/taobao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/taobao.png


--------------------------------------------------------------------------------
/src/assets/images/wecaht.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/wecaht.png


--------------------------------------------------------------------------------
/src/assets/images/xiaohongbao-155x212.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/xiaohongbao-155x212.gif


--------------------------------------------------------------------------------
/src/assets/images/xiaohongbao.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/images/xiaohongbao.gif


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanix516/tbkshop/6d35bfec01f5442174ccf64582d5b2ca50120605/src/assets/logo.png


--------------------------------------------------------------------------------
/src/common/user.js:
--------------------------------------------------------------------------------
1 | export var getUserSession = function() {
2 |   return localStorage.getItem("session_id");
3 | };
4 | export var setUserSession = function() {
5 |   return localStorage.setItem("session_id");
6 | };
7 | 


--------------------------------------------------------------------------------
/src/components/FloatBtn.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="float">
 3 |     <a :href="activeUrl">
 4 |       <img src="../assets/images/xiaohongbao.gif" />
 5 |     </a>
 6 |   </div>
 7 | </template>
 8 | <script>
 9 | export default {
10 |   props: {
11 |     activeUrl: ""
12 |   }
13 | };
14 | </script>
15 | <style scoped>
16 | .float {
17 |   position: fixed;
18 |   right: 10px;
19 |   bottom: 60px;
20 | }
21 | .float img {
22 |   width: 80px;
23 | }
24 | </style>


--------------------------------------------------------------------------------
/src/components/NewPop.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="box">
 3 |         <div class="box-title">
 4 |             <div class="title">新人现金奖励</div>
 5 |         </div>
 6 |         <div class="box-body">
 7 |             <div class="mission">
 8 |                 <div class="mission-title">
 9 |                     注册得奖金
10 |                     <div class="mission-desc">
11 |                         注册得奖金注册得奖金注册得奖金注册得奖金注册得奖金注册得奖金
12 |                     </div>
13 |                 </div>
14 |             </div>
15 |         </div>
16 |         <div class="box-footer">
17 |             <van-button @click="trigger" style="width:100%" type="danger" size="small" plain>领取</van-button>
18 |         </div>
19 |     </div>
20 | </template>
21 | <script>
22 | import {Button} from "vant"
23 | export default {
24 |     components:{[Button.name]:Button},
25 |     methods:{
26 |         trigger(){
27 |             this.$emit("trigger", "")
28 |         }
29 |     }
30 | }
31 | </script>
32 | <style lang="less" scoped>
33 | .box{
34 |    .box-title {
35 |        .title { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
36 |            color:#FFFFFF; 
37 |            font-size: 18px;
38 |            line-height:18px;
39 |            text-align: center;
40 |            font-weight: 700;
41 |            margin-bottom: 16px;
42 |        }
43 |    }
44 |    .box-body {
45 |        width:100%;
46 |        margin-top:3px;
47 |        background-color:#fcf7f3;
48 |        display: flex;
49 |        flex-direction: column;
50 |        .mission {
51 |            display: flex;
52 |            justify-content: space-between;
53 |            align-items:center;
54 |            padding: 5px;
55 |            margin: 5px 0;
56 |            .mission-title{
57 |                flex:1;
58 |                .mission-desc {
59 |                    font-size: 12px;
60 |                    color:darkgrey;
61 |                }
62 |            }
63 |            .mission-btn {
64 |                width:30%;
65 |            }
66 |        }
67 |    }
68 |    .box-footer{
69 |        margin-top: 5px;
70 |        background-color: #fcf7f3;
71 |        text-align: center;
72 |    }
73 | }
74 | </style>
75 | 


--------------------------------------------------------------------------------
/src/components/NoData.vue:
--------------------------------------------------------------------------------
 1 | 
 2 | <template>
 3 |   <div style="padding:25px 10px; text-align:center">
 4 |     <img src="@/assets/images/noData.png">
 5 |     <slot>
 6 |       <p style="color:#c4c4c4">暂无数据</p>
 7 |     </slot>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 | export default {};
13 | </script>
14 | <style scoped>
15 | </style>
16 | 
17 | 


--------------------------------------------------------------------------------
/src/components/Notice.vue:
--------------------------------------------------------------------------------
 1 | 
 2 | <template>
 3 |   <div style="padding:5px 10px">
 4 |     <p style="font-size:12px;color:#666">
 5 |       <van-icon name="info-o"/>
 6 |       {{notice}}
 7 |     </p>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 | import { Icon } from "vant";
13 | export default {
14 |   props: ["notice"],
15 |   components: { [Icon.name]: Icon }
16 | };
17 | </script>
18 | 


--------------------------------------------------------------------------------
/src/components/RoundBtn.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="round-btn">
 3 |     <van-icon size="24px" color="#FFFFFF" :name="icon" style="top:6px; left:6px"></van-icon>
 4 |   </div>
 5 | </template>
 6 | <script>
 7 | import { Icon } from "vant";
 8 | export default {
 9 |   components: { [Icon.name]: Icon },
10 |   props: ["icon"]
11 | };
12 | </script>
13 | <style>
14 | .round-btn {
15 |   background-color: rgba(0, 0, 0, 0.4);
16 |   height: 36px;
17 |   width: 36px;
18 |   position: absolute;
19 |   top: 10px;
20 |   border-radius: 50%;
21 |   z-index: 10;
22 | }
23 | </style>
24 | 
25 | 


--------------------------------------------------------------------------------
/src/components/Tab.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <van-tabbar v-model="active" class="tab" style="z-index:999">
 4 |       <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
 5 |       <van-tabbar-item icon="search" to="/search">搜索</van-tabbar-item>
 6 |       <van-tabbar-item icon="contact" to="/user">用户</van-tabbar-item>
 7 |     </van-tabbar>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 | import { Tabbar, TabbarItem } from "vant";
13 | export default {
14 |   components: {
15 |     [Tabbar.name]: Tabbar,
16 |     [TabbarItem.name]: TabbarItem
17 |   },
18 |   data() {
19 |     return {
20 |       active: 0
21 |     };
22 |   }
23 | };
24 | </script>
25 | 
26 | <style lang="less" scoped>
27 | </style>


--------------------------------------------------------------------------------
/src/components/good/Coupon.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="wrapper">
 3 |     <div class="coupon">
 4 |       <span class="coupon-price">{{offset}} 元</span>
 5 |       <a :href="quanUrl" class="coupon-btn" target="_blank">立即领券</a>
 6 |     </div>
 7 |   </div>
 8 | </template>
 9 | <script>
10 | export default {
11 |   props: ["offset", "quanUrl"]
12 | };
13 | </script>
14 | <style lang="less">
15 | .wrapper {
16 |   display: block;
17 |   height: 150px;
18 |   background-image: -webkit-gradient(
19 |     linear,
20 |     0% 0%,
21 |     50% 100%,
22 |     from(#ff0000),
23 |     to(rgb(255, 255, 255))
24 |   );
25 |   .coupon {
26 |     position: relative;
27 |     width: 80%;
28 |     height: 100%;
29 |     margin: 0 auto;
30 |     background-size: 100% 100%;
31 |     background-image: url("~@/assert/images/coupon-back.png");
32 |     background-repeat: no-repeat;
33 |     &-price {
34 |       color: #d0021b;
35 |       font-size: 32px;
36 |       height: 48px;
37 |       line-height: 48px;
38 |       font-weight: 900;
39 |       display: block;
40 |       text-align: center;
41 |       padding: 55px 125px 0 0;
42 |     }
43 |     &-btn {
44 |       position: absolute;
45 |       right: 20px;
46 |       top: 63px;
47 |       color: #fff;
48 |       font-size: 20px;
49 |     }
50 |   }
51 | }
52 | </style>
53 | 
54 | 


--------------------------------------------------------------------------------
/src/components/good/Coupon2.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="tax-box displayType0" style="background:#FFF1F1;  color:#FF615E; ">
  3 |     <div class="mui-flex tax-item">
  4 |       <div class="tax-item-left cell">
  5 |         <div class="mui-flex tax-item-part-top">
  6 |           <div class="tax-main cell">
  7 |             <div class="tb">
  8 |               <div class="tc">
  9 |                 <div class="c-main">
 10 |                   <i class="mui-price-rmb">￥</i>
 11 |                   <span class="rmb">{{offset}}</span>
 12 |                 </div>
 13 |                 <div class="c-sub">
 14 |                   <div class="c-sub-item">{{couponInfo}}</div>
 15 |                 </div>
 16 |               </div>
 17 |             </div>
 18 |           </div>
 19 |         </div>
 20 |       </div>
 21 |       <div class="tax-split">
 22 |         <div class="line" style="border-color:#FFCDCD;opacity: 1;"></div>
 23 |       </div>
 24 |       <div class="tax-item-right cell">
 25 |         <div class="mui-flex">
 26 |           <div
 27 |             class="tax-operator cell"
 28 |             asac
 29 |             data-lottery
 30 |             data-uuid="4106f5d217754efb84141f1178eaf355"
 31 |             data-type="1"
 32 |             data-display-type="0"
 33 |             data-params
 34 |             style
 35 |           >
 36 |             <div class="tb">
 37 |               <div class="tc">
 38 |                 <div class="c-jf">
 39 |                   <a
 40 |                     style="color:#FF615E;cursor:pointer!important"
 41 |                     :href="quanUrl"
 42 |                     target="_blank"
 43 |                   >立即领取</a>
 44 |                 </div>
 45 |                 <div class="c-dh" style></div>
 46 |                 <div class="c-jh"></div>
 47 |               </div>
 48 |             </div>
 49 |           </div>
 50 |         </div>
 51 |       </div>
 52 |     </div>
 53 |   </div>
 54 | </template>
 55 | <script>
 56 | export default {
 57 |   props: ["offset", "quanUrl", "couponInfo"]
 58 | };
 59 | </script>
 60 | <style lang="less" scoped>
 61 | .tax-box {
 62 |   border-radius: 6px;
 63 |   overflow: hidden;
 64 |   .mui-flex {
 65 |     display: flex;
 66 |     box-sizing: border-box;
 67 |     height: 100%;
 68 |     flex-wrap: wrap;
 69 |     > .cell {
 70 |       flex-basis: 0;
 71 |       width: 0;
 72 |       max-width: 100%;
 73 |       display: block;
 74 |       position: relative;
 75 |       padding: 0 !important;
 76 |     }
 77 |   }
 78 | 
 79 |   .tax-item-left {
 80 |     flex: 3;
 81 |     .tax-item-part-top {
 82 |       height: 92px;
 83 |       box-sizing: border-box;
 84 |       .tax-main {
 85 |         flex: 3;
 86 |         padding: 0 0 0 12px !important;
 87 |         overflow: hidden;
 88 |         min-width: 138px;
 89 |       }
 90 |       .c-main {
 91 |         line-height: 28px;
 92 |         .rmb {
 93 |           font-size: 30px;
 94 |           font-weight: 700;
 95 |         }
 96 |       }
 97 |       .c-sub {
 98 |         overflow: hidden;
 99 |         text-overflow: ellipsis;
100 |         white-space: nowrap;
101 |       }
102 |     }
103 |   }
104 |   .tax-split {
105 |     position: relative;
106 |     height: 90px;
107 |     width: 1px;
108 |     .line {
109 |       border-right: 1px dotted #ffcdcd;
110 |       opacity: 0.7;
111 |       width: 100%;
112 |       height: 100%;
113 |     }
114 |   }
115 |   .tax-split::before {
116 |     top: -5px;
117 |     z-index: 1;
118 |     content: "";
119 |     position: absolute;
120 |     width: 10px;
121 |     height: 10px;
122 |     background: #fff;
123 |     border-radius: 50%;
124 |     left: -4px;
125 |   }
126 |   .tax-split::after {
127 |     content: "";
128 |     position: absolute;
129 |     width: 10px;
130 |     height: 10px;
131 |     background: #fff;
132 |     border-radius: 50%;
133 |     left: -4px;
134 |   }
135 |   .tax-item-right {
136 |     min-width: 100px;
137 |     max-width: 170px;
138 |     flex: 1;
139 |   }
140 |   .tax-operator {
141 |     text-align: center;
142 |     position: relative;
143 |     overflow: hidden;
144 |     min-width: 100px;
145 |     max-width: 170px;
146 |     background-size: 100% 100%;
147 |   }
148 |   .tb {
149 |     display: table;
150 |     width: 100%;
151 |     height: 92px;
152 |   }
153 |   .tb .tc {
154 |     display: table-cell;
155 |     vertical-align: middle;
156 |   }
157 | }
158 | </style>
159 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import App from "./App.vue";
 3 | import router from "./router";
 4 | import store from "./store";
 5 | import "./registerServiceWorker";
 6 | 
 7 | import Axios from "axios";
 8 | //Import FastClick
 9 | import FastClick from "fastclick";
10 | 
11 | FastClick.attach(document.body);
12 | // Import Loading and stylesheet
13 | import Loading from "vue-loading-overlay";
14 | import "vue-loading-overlay/dist/vue-loading.css";
15 | Vue.use(Loading);
16 | 
17 | //Import Toast
18 | import { Toast, Dialog, List } from "vant";
19 | Vue.use(Toast);
20 | Vue.use(List);
21 | Vue.use(Dialog);
22 | 
23 | if (process.env.NODE_ENV == "development") {
24 |   Axios.defaults.baseURL = "/api";
25 | } else {
26 |   Axios.defaults.baseURL = "/interface/";
27 | }
28 | 
29 | Axios.defaults.headers = {
30 |   "Content-Type": "multipart/form-data"
31 | };
32 | 
33 | Vue.config.productionTip = false;
34 | let user_str = localStorage.getItem("userInfo");
35 | if (user_str) {
36 |   let user = JSON.parse(user_str);
37 |   store.commit("setUserInfo", user);
38 |   store.commit("setLogin", true);
39 |   Axios.defaults.headers.AuthUserId = user.uid;
40 | }
41 | Vue.prototype.axios = Axios;
42 | new Vue({
43 |   router,
44 |   store,
45 |   render: h => h(App)
46 | }).$mount("#app");
47 | 


--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
 1 | /* eslint-disable no-console */
 2 | 
 3 | import { register } from "register-service-worker";
 4 | let version = "v1.5"
 5 | if (process.env.NODE_ENV === "production") {
 6 |   register(`${process.env.BASE_URL}service-worker.js`, {
 7 |     ready() {
 8 |       console.log(
 9 |         "App is being served from cache by a service worker.\n" +
10 |         "For more details, visit https://goo.gl/AFskqB"
11 |       );
12 |     },
13 |     registered() {
14 |       console.log("Service worker has been registered.");
15 |     },
16 |     cached() {
17 |       console.log("Content has been cached for offline use.");
18 |     },
19 |     updatefound(reg) {
20 |       let v = localStorage.getItem("version")
21 |       if (v && v != version) {
22 |         reg.update();
23 |         localStorage.setItem("version", version)
24 |       }
25 |       console.log("New content is downloading.");
26 |     },
27 |     updated() {
28 |       console.log("New content is available; please refresh.");
29 |     },
30 |     offline() {
31 |       console.log(
32 |         "No internet connection found. App is running in offline mode."
33 |       );
34 |     },
35 |     error(error) {
36 |       console.error("Error during service worker registration:", error);
37 |     }
38 |   });
39 | }
40 | 


--------------------------------------------------------------------------------
/src/router.js:
--------------------------------------------------------------------------------
  1 | import Vue from "vue";
  2 | import Router from "vue-router";
  3 | 
  4 | Vue.use(Router);
  5 | 
  6 | export default new Router({
  7 |   base: process.env.BASE_URL,
  8 |   mode: "history",
  9 |   routes: [
 10 |     {
 11 |       path: "*",
 12 |       redirect: "/"
 13 |     },
 14 |     {
 15 |       name: "home",
 16 |       path: "/",
 17 |       component: () => import("./views/index"),
 18 |       meta: {
 19 |         title: "首页",
 20 |         keepAlive: true,
 21 |       }
 22 |     },
 23 |     {
 24 |       name: "user",
 25 |       path: "/user",
 26 |       component: () => import("./views/user"),
 27 |       meta: {
 28 |         title: "会员中心"
 29 |       }
 30 |     },
 31 |     {
 32 |       name: "alipay",
 33 |       path: "/alipay",
 34 |       component: () => import("./views/user/alipay"),
 35 |       meta: {
 36 |         title: "支付宝账号",
 37 |         fullScreen: true
 38 |       }
 39 |     },
 40 |     {
 41 |       name: "cash",
 42 |       path: "/cash",
 43 |       component: () => import("./views/user/cash"),
 44 |       meta: {
 45 |         title: "申请提现",
 46 |         fullScreen: true
 47 |       }
 48 |     },
 49 |     {
 50 |       name: "cashlog",
 51 |       path: "/cashlog",
 52 |       component: () => import("./views/user/cashLog"),
 53 |       meta: {
 54 |         title: "提现记录",
 55 |         fullScreen: true
 56 |       }
 57 |     },
 58 |     {
 59 |       name: "orderList",
 60 |       path: "/orderlist",
 61 |       component: () => import("./views/user/orderList"),
 62 |       meta: {
 63 |         title: "所有订单",
 64 |         fullScreen: true
 65 |       }
 66 |     },
 67 |     {
 68 |       name: "tuiLog",
 69 |       path: "/tuilog",
 70 |       component: () => import("./views/user/tuiLog"),
 71 |       meta: {
 72 |         title: "推广记录",
 73 |         fullScreen: true
 74 |       }
 75 |     },
 76 |     {
 77 |       name: "cart",
 78 |       path: "/cart",
 79 |       component: () => import("./views/cart"),
 80 |       meta: {
 81 |         title: "购物车"
 82 |       }
 83 |     },
 84 |     {
 85 |       name: "search",
 86 |       path: "/search",
 87 |       component: () => import("./views/search/Search"),
 88 |       meta: {
 89 |         title: "搜索",
 90 |         keepAlive: true
 91 |       }
 92 |     },
 93 |     {
 94 |       name: "goods",
 95 |       path: "/goods",
 96 |       component: () => import("./views/goods"),
 97 |       props: route => ({ keyword: route.query.keyword }),
 98 |       meta: {
 99 |         title: "商品详情",
100 |         fullScreen: true
101 |       }
102 |     },
103 |     {
104 |       name: "profit",
105 |       path: "/profit",
106 |       component: () => import("./views/profit"),
107 |       meta:{
108 |         title: "我要赚钱",
109 |         keepAlive: true
110 |       }
111 |     },
112 |     {
113 |       name: "register",
114 |       path: "/register",
115 |       component: () => import("./views/user/register.vue"),
116 |       meta: {
117 |         title: "用户注册",
118 |         fullScreen: true
119 |       }
120 |     },
121 |     {
122 |       name: "registeruser",
123 |       path: "/register/:uid",
124 |       component: () => import("./views/user/register.vue"),
125 |       meta: {
126 |         title: "用户注册",
127 |         fullScreen: true
128 |       }
129 |     },
130 |     {
131 |       name: "login",
132 |       path: "/login",
133 |       component: () => import("./views/user/login.vue"),
134 |       meta: {
135 |         title: "登陆",
136 |         fullScreen: true
137 |       }
138 |     }
139 |   ]
140 | });
141 | 


--------------------------------------------------------------------------------
/src/store.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import Vuex from "vuex";
 3 | 
 4 | Vue.use(Vuex);
 5 | 
 6 | export default new Vuex.Store({
 7 |   state: {
 8 |     isLogin: false,
 9 |     userInfo: {}
10 |   },
11 |   mutations: {
12 |     setLogin(state, sign) {
13 |       state.isLogin = sign;
14 |     },
15 |     setUserInfo(state, userInfo) {
16 |       state.userInfo = userInfo;
17 |     }
18 |   },
19 |   actions: {}
20 | });
21 | 


--------------------------------------------------------------------------------
/src/views/cart/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <van-checkbox-group class="card-goods" v-model="checkedGoods">
  4 |       <van-checkbox
  5 |         class="card-goods__item"
  6 |         v-for="item in goods"
  7 |         :key="item.id"
  8 |         :name="item.id"
  9 |       >
 10 |         <van-card
 11 |           :title="item.title"
 12 |           :desc="item.desc"
 13 |           :num="item.num"
 14 |           :price="formatPrice(item.price)"
 15 |           :thumb="item.thumb"
 16 |         />
 17 |       </van-checkbox>
 18 |     </van-checkbox-group>
 19 |     <van-submit-bar
 20 |       :price="totalPrice"
 21 |       :disabled="!checkedGoods.length"
 22 |       :button-text="submitBarText"
 23 |       @submit="onSubmit"
 24 |     />
 25 |   </div>
 26 | </template>
 27 | 
 28 | <script>
 29 | import { Checkbox, CheckboxGroup, Card, SubmitBar, Toast } from 'vant';
 30 | 
 31 | export default {
 32 |   components: {
 33 |     [Card.name]: Card,
 34 |     [Checkbox.name]: Checkbox,
 35 |     [SubmitBar.name]: SubmitBar,
 36 |     [CheckboxGroup.name]: CheckboxGroup
 37 |   },
 38 | 
 39 |   data() {
 40 |     return {
 41 |       checkedGoods: ['1', '2', '3'],
 42 |       goods: [{
 43 |         id: '1',
 44 |         title: '进口香蕉',
 45 |         desc: '约250g，2根',
 46 |         price: 200,
 47 |         num: 1,
 48 |         thumb: 'https://img.yzcdn.cn/public_files/2017/10/24/2f9a36046449dafb8608e99990b3c205.jpeg'
 49 |       }, {
 50 |         id: '2',
 51 |         title: '陕西蜜梨',
 52 |         desc: '约600g',
 53 |         price: 690,
 54 |         num: 1,
 55 |         thumb: 'https://img.yzcdn.cn/public_files/2017/10/24/f6aabd6ac5521195e01e8e89ee9fc63f.jpeg'
 56 |       }, {
 57 |         id: '3',
 58 |         title: '美国伽力果',
 59 |         desc: '约680g/3个',
 60 |         price: 2680,
 61 |         num: 1,
 62 |         thumb: 'https://img.yzcdn.cn/public_files/2017/10/24/320454216bbe9e25c7651e1fa51b31fd.jpeg'
 63 |       }]
 64 |     };
 65 |   },
 66 | 
 67 |   computed: {
 68 |     submitBarText() {
 69 |       const count = this.checkedGoods.length;
 70 |       return '结算' + (count ? `(${count})` : '');
 71 |     },
 72 | 
 73 |     totalPrice() {
 74 |       return this.goods.reduce((total, item) => total + (this.checkedGoods.indexOf(item.id) !== -1 ? item.price : 0), 0);
 75 |     }
 76 |   },
 77 | 
 78 |   methods: {
 79 |     formatPrice(price) {
 80 |       return (price / 100).toFixed(2);
 81 |     },
 82 | 
 83 |     onSubmit() {
 84 |       Toast('点击结算');
 85 |     }
 86 |   }
 87 | };
 88 | </script>
 89 | 
 90 | <style lang="less">
 91 | .card-goods {
 92 |   padding: 10px 0;
 93 |   background-color: #fff;
 94 | 
 95 |   &__item {
 96 |     position: relative;
 97 |     background-color: #fafafa;
 98 | 
 99 |     .van-checkbox__label {
100 |       width: 100%;
101 |       height: auto; // temp
102 |       padding: 0 10px 0 15px;
103 |       box-sizing: border-box;
104 |     }
105 | 
106 |     .van-checkbox__icon {
107 |       top: 50%;
108 |       left: 10px;
109 |       z-index: 1;
110 |       position: absolute;
111 |       margin-top: -10px;
112 |     }
113 | 
114 |     .van-card__price {
115 |       color: #f44;
116 |     }
117 |   }
118 | }
119 | </style>
120 | 


--------------------------------------------------------------------------------
/src/views/goods/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="goods">
  3 |     <div class="back-btn" @click="$router.back()">
  4 |       <van-icon size="24px" color="#FFFFFF" name="arrow-left" style="top:6px; left:6px" />
  5 |     </div>
  6 |     <van-swipe class="goods-swipe" :autoplay="3000">
  7 |       <van-swipe-item>
  8 |         <img :src="goods.pictUrl" style="height:375px" />
  9 |       </van-swipe-item>
 10 |     </van-swipe>
 11 |     <van-cell-group>
 12 |       <van-cell>
 13 |         <div class="goods-title">
 14 |           <span v-html="goods.title"></span>
 15 |         </div>
 16 |         <div class="goods-price">原价：{{ goods.zkPrice }}</div>
 17 |         <div class="coupon-price">
 18 |           券后价格：{{goods.quanhoujia}}元
 19 |           <van-tag type="danger" v-if="hasCoupon">{{goods.couponInfo}}</van-tag>
 20 |         </div>
 21 |         <div class="coupon-price">共为您节省(券+返利) {{formatPrice(goods.couponAmount+goods.tkCommFee)}}元</div>
 22 |       </van-cell>
 23 |       <van-cell :value="goods.shopTitle" icon="shop-o" is-link :url="goods.shortLinkUrl"></van-cell>
 24 |       <van-coupon-cell
 25 |         v-show="hasHongBao"
 26 |         title="本站红包"
 27 |         :coupons="this.goods.hongbao"
 28 |         :chosen-coupon="chosenCoupon"
 29 |         @click="showHongBao"
 30 |       />
 31 |       <van-popup v-model="showHB" position="bottom" style="width:100%">
 32 |         <van-coupon-list
 33 |           :show-exchange-bar="false"
 34 |           :coupons="this.goods.hongbao"
 35 |           :chosen-coupon="chosenCoupon"
 36 |           @change="onChange"
 37 |           @exchange="onExChange"
 38 |         />
 39 |       </van-popup>
 40 |       <van-cell v-if="hasCoupon">
 41 |         <van-col span="12">
 42 |           <span style="color:#000">淘宝券</span>
 43 |         </van-col>
 44 |         <van-col span="12" style="text-align:right">
 45 |           <span style="color:#999">剩余券：{{goods.couponLeftCount}} 张</span>
 46 |         </van-col>
 47 |       </van-cell>
 48 |       <div style="padding:10px" v-if="hasCoupon">
 49 |         <coupon
 50 |           :couponInfo="goods.couponInfo"
 51 |           :offset="goods.couponAmount"
 52 |           :quanUrl="goods.couponShortLinkUrl"
 53 |         ></coupon>
 54 |       </div>
 55 |     </van-cell-group>
 56 | 
 57 |     <van-cell-group class="goods-cell-group">
 58 |       <van-cell title="领券节省" :value="goods.couponAmount" v-if="hasCoupon" />
 59 |       <van-cell title="返利" :value="formatPrice(goods.tkCommFee)" />
 60 |     </van-cell-group>
 61 |     <van-goods-action style="z-index:2">
 62 |       <van-goods-action-icon class="copy-btn" @click="openPopup(1)" icon="friends" text="分享" />
 63 |       <van-goods-action-icon icon="chat-o" @click="showWeChat=true" text="客服" />
 64 |       <van-goods-action-button type="warning" @click="openPopup">前往淘宝购买</van-goods-action-button>
 65 |       <van-popup v-model="showPop">
 66 |         <van-panel title="复制内容">
 67 |           <div class="pop-content">
 68 |             <p v-html="short?goods.shortshare:goods.share"></p>
 69 |           </div>
 70 |           <div slot="footer" style="text-align:center">
 71 |             <van-button
 72 |               class="coyp-tb"
 73 |               type="warning"
 74 |               :data-clipboard-text="short?goods.shortshare:goods.share"
 75 |               @click="copyToTb"
 76 |             >一键复制</van-button>
 77 |           </div>
 78 |         </van-panel>
 79 |       </van-popup>
 80 |       <van-popup v-model="showWeChat">
 81 |         <van-panel title="微信客服助手">
 82 |           <div>
 83 |             <p style="font-size:22px;text-align:center">微信：chengdongkeji</p>
 84 |           </div>
 85 |           <div slot="footer" style="text-align:center">
 86 |             <van-button
 87 |               type="warning"
 88 |               class="coyp-wx"
 89 |               data-clipboard-text="chengdongkeji"
 90 |               @click="copyToWx"
 91 |             >一键复制微信号</van-button>
 92 |           </div>
 93 |         </van-panel>
 94 |       </van-popup>
 95 |     </van-goods-action>
 96 |   </div>
 97 | </template>
 98 | 
 99 | <script>
100 | import Coupon from "../../components/good/Coupon2";
101 | import Clipboard from "clipboard";
102 | import OpenApp from "web-open-app";
103 | 
104 | import {
105 |   Tag,
106 |   Col,
107 |   Icon,
108 |   Cell,
109 |   CellGroup,
110 |   Swipe,
111 |   Toast,
112 |   SwipeItem,
113 |   GoodsAction,
114 |   GoodsActionIcon,
115 |   GoodsActionButton,
116 |   Popup,
117 |   Panel,
118 |   Button,
119 |   ActionSheet,
120 |   CouponCell,
121 |   CouponList
122 | } from "vant";
123 | 
124 | export default {
125 |   components: {
126 |     Coupon,
127 |     [Tag.name]: Tag,
128 |     [Col.name]: Col,
129 |     [Icon.name]: Icon,
130 |     [Cell.name]: Cell,
131 |     [CellGroup.name]: CellGroup,
132 |     [Swipe.name]: Swipe,
133 |     [SwipeItem.name]: SwipeItem,
134 |     [GoodsAction.name]: GoodsAction,
135 |     [GoodsActionIcon.name]: GoodsActionIcon,
136 |     [GoodsActionButton.name]: GoodsActionButton,
137 |     [Popup.name]: Popup,
138 |     [Panel.name]: Panel,
139 |     [Button.name]: Button,
140 |     [ActionSheet.name]: ActionSheet,
141 |     [CouponCell.name]: CouponCell,
142 |     [CouponList.name]: CouponList
143 |   },
144 |   props: ["keyword"],
145 |   data() {
146 |     return {
147 |       uid: "",
148 |       showClipboard: false,
149 |       goods: {},
150 |       loader: "",
151 |       showPop: false,
152 |       short: true,
153 |       showWeChat: false,
154 |       showHB: false,
155 |       chosenCoupon: -1,
156 |       coupons: []
157 |     };
158 |   },
159 |   created() {
160 |     this.loader = this.$loading.show();
161 |   },
162 |   mounted() {
163 |     this.addBaiduPush();
164 |     this.uid = this.$route.query.uid;
165 |     if (this.keyword) {
166 |       this.getGoodDetail();
167 |     }
168 |   },
169 |   computed: {
170 |     hasCoupon() {
171 |       return (
172 |         this.goods.hasOwnProperty("couponInfo") &&
173 |         this.goods.hasOwnProperty("couponLeftCount") &&
174 |         this.goods.hasOwnProperty("couponShortLinkUrl") &&
175 |         this.goods.hasOwnProperty("couponAmount")
176 |       );
177 |     },
178 |     hasHongBao() {
179 |       return this.goods.hongbao && this.goods.hongbao.length > 0;
180 |     },
181 |     afterPrice() {
182 |       return this.hasCoupon
183 |         ? this.goods.zkPrice - this.goods.couponAmount
184 |         : this.goods.zkPrice;
185 |     }
186 |   },
187 |   methods: {
188 |     addBaiduPush() {
189 |       var bp = document.createElement("script");
190 |       var curProtocol = window.location.protocol.split(":")[0];
191 |       if (curProtocol === "https") {
192 |         bp.src = "https://zz.bdstatic.com/linksubmit/push.js";
193 |       } else {
194 |         bp.src = "http://push.zhanzhang.baidu.com/push.js";
195 |       }
196 |       var s = document.getElementsByTagName("script")[0];
197 |       s.parentNode.insertBefore(bp, s);
198 |     },
199 |     copyInfo(idx) {
200 |       var clipboard = new Clipboard(".copy-btn");
201 |       clipboard.on("success", e => {
202 |         this.$toast(`复制成功,请前往粘贴`);
203 |         // 释放内存
204 |         clipboard.destroy();
205 |       });
206 |       clipboard.on("error", e => {
207 |         // 不支持复制
208 |         console.log("该浏览器不支持自动复制");
209 |         // 释放内存
210 |         clipboard.destroy();
211 |       });
212 |     },
213 |     copyToTb() {
214 |       var clipboard = new Clipboard(".coyp-tb");
215 |       clipboard.on("success", e => {
216 |         this.$toast(`复制成功`);
217 |         // 释放内存
218 |         clipboard.destroy();
219 |         this.showPop = false;
220 |         this.openTaobao();
221 |       });
222 |       clipboard.on("error", e => {
223 |         // 不支持复制
224 |         console.log("该浏览器不支持自动复制");
225 |         // 释放内存
226 |         clipboard.destroy();
227 |         this.showPop = false;
228 |       });
229 |     },
230 |     copyToWx() {
231 |       var clipboard = new Clipboard(".coyp-wx");
232 |       clipboard.on("success", e => {
233 |         this.$toast(`复制成功`);
234 |         // 释放内存
235 |         clipboard.destroy();
236 |         this.showWeChat = false;
237 |         window.location.href = "weixin://";
238 |       });
239 |       clipboard.on("error", e => {
240 |         // 不支持复制
241 |         console.log("该浏览器不支持自动复制");
242 |         // 释放内存
243 |         clipboard.destroy();
244 |         this.showWeChat = false;
245 |       });
246 |     },
247 |     getGoodDetail() {
248 |       let url = "/";
249 |       let form = new FormData();
250 |       form.append("keyword", this.keyword);
251 |       this.axios.post(url, form).then(res => {
252 |         let data = res.data;
253 |         this.loader.hide();
254 | 
255 |         if (data.code == 200) {
256 |           this.goods = data.data;
257 |           this.goods.hongbao.map(hb => {
258 |             hb.startAt = new Date(hb.startat).getTime() / 1000;
259 |             hb.endAt = new Date(hb.endat).getTime() / 1000;
260 |             hb.valueDesc = hb.value;
261 |             hb.value = hb.value * 100;
262 |             hb.unitDesc = "元";
263 |             hb.condition = `${hb.valueDesc}元红包区\n产品可以使用`;
264 |           });
265 |         } else if (data.code == 301) {
266 |           location.href = data.data;
267 |         } else {
268 |           this.$toast(data.msg);
269 |           this.$router.back();
270 |         }
271 |       });
272 |     },
273 |     formatPrice(price) {
274 |       return price ? price.toFixed(2) : 0;
275 |     },
276 |     openPopup(idx) {
277 |       if (idx == 1) {
278 |         this.short = false;
279 |       } else {
280 |         this.short = true;
281 |       }
282 |       this.showPop = true;
283 |     },
284 |     openTaobao() {
285 |       //window.location.href = "taobao://";
286 |       this.openapp = new OpenApp({
287 |         scheme: "taobao://",
288 |         // intent: "",
289 |         // applink: "",
290 |         // 复制到剪贴板数据
291 |         copyText: this.goods.shortshare,
292 |         // 唤起app状态回调
293 |         callback: function (status, msg) {
294 |           console.log("status: ", status, "  msg: ", msg);
295 |         }
296 |       })
297 |       this.openapp.open();
298 |     },
299 |     onClickCart() {
300 |       this.$router.push("cart");
301 |     },
302 |     //展示站内红包
303 |     showHongBao(e) {
304 |       this.showHB = true;
305 |     },
306 |     getHongBao(hbid) {
307 |       let url = "/bindhb";
308 |       let form = new FormData();
309 |       form.append("uid", this.uid);
310 |       form.append("hongbaoid", hbid);
311 |       form.append("auctionid", this.goods.auctionid);
312 |       this.axios.post(url, form).then(res => {
313 |         if (res.data.code == 200) {
314 |           let _data = res.data.data;
315 |           Object.assign(this.goods, _data);
316 |         } else {
317 |           this.chosenCoupon = -1;
318 |           this.$toast("红包领取失败，请稍后重试");
319 |         }
320 |       });
321 |     },
322 |     onChange(e) {
323 |       this.chosenCoupon = e;
324 |       this.showHB = false;
325 |       this.getHongBao(this.goods.hongbao[e].id);
326 |     },
327 |     onExChange(e) {
328 |       this.$toast("暂无可用优惠码");
329 |     }
330 |   }
331 | };
332 | </script>
333 | 
334 | <style lang="less" scoped>
335 | .goods {
336 |   padding-bottom: 50px;
337 |   .back-btn {
338 |     background-color: rgba(0, 0, 0, 0.4);
339 |     height: 36px;
340 |     width: 36px;
341 |     position: absolute;
342 |     top: 10px;
343 |     left: 10px;
344 |     border-radius: 50%;
345 |     z-index: 10;
346 |   }
347 |   &-swipe {
348 |     img {
349 |       width: 100%;
350 |       display: block;
351 |     }
352 |   }
353 | 
354 |   &-title {
355 |     font-size: 14px;
356 |   }
357 | 
358 |   &-price {
359 |     font-size: 14px;
360 |     color: #969799;
361 |   }
362 |   .coupon-price {
363 |     font-size: 18px;
364 |     font-weight: 800;
365 |     color: #f44;
366 |   }
367 | 
368 |   &-express {
369 |     color: #999;
370 |     font-size: 12px;
371 |     padding: 5px 15px;
372 |   }
373 | 
374 |   &-cell-group {
375 |     margin: 15px 0;
376 | 
377 |     .van-cell__value {
378 |       color: #999;
379 |     }
380 |   }
381 | 
382 |   &-tag {
383 |     margin-left: 5px;
384 |   }
385 | }
386 | .van-popup {
387 |   width: 80%;
388 |   box-sizing: border-box;
389 |   .pop-content {
390 |     background-color: aliceblue;
391 |     color: #666;
392 |     font-size: 14px;
393 |     line-height: 18px;
394 |     word-break: break-all;
395 |     word-wrap: break-word;
396 |     margin: 15px 10px;
397 |   }
398 | }
399 | </style>
400 | 


--------------------------------------------------------------------------------
/src/views/index/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="home">
  3 |     <van-nav-bar title="多多云返利" :left-arrow="false">
  4 |       <a href="https://www.ddyfl.com/tkinfo/" target="_blank" slot="left">
  5 |         <van-icon name="question-o" />
  6 |       </a>
  7 |       <van-icon @click="showActive=true" v-if="$store.state.isLogin" name="contact" slot="right" />
  8 |       <span @click="gotoLogin" v-if="!$store.state.isLogin" slot="right">登陆</span>
  9 |     </van-nav-bar>
 10 |     <van-action-sheet
 11 |       style="width:100%"
 12 |       v-model="showActive"
 13 |       :actions="actions"
 14 |       @select="onSelectAction"
 15 |     />
 16 | 
 17 |     <van-search v-model="searchValue" placeholder="前往搜索" show-action @click="doSearch">
 18 |       <div slot="action" @click="doSearch">
 19 |         <span style="font-size:15px;font-weight:1000;color:#ff0000">搜索</span>
 20 |       </div>
 21 |     </van-search>
 22 |     <div class="home-swipe">
 23 |       <!-- <div class="home-swipe-head">
 24 |         <span class="recommend">今日推荐</span>
 25 |         <span class="tips">每天都有新发现</span>
 26 |         <span class="swipe-num">
 27 |           <span class="indexPage">{{indexPage+1}}</span>
 28 |           <span class="pageNum">/4</span>
 29 |         </span>
 30 |       </div>-->
 31 |       <van-swipe :autoplay="3000" class="swipe">
 32 |         <van-swipe-item
 33 |           class="swipe-item copy-swiper"
 34 |           v-for="swiper in swiperList"
 35 |           @click="gotoPage(swiper)"
 36 |           :key="swiper.name"
 37 |           :data-clipboard-text="swiper.taotoken"
 38 |         >
 39 |           <img :src="swiper.picturl" style="width:100%;max-height:149px;margin:0 auto;" />
 40 |         </van-swipe-item>
 41 |       </van-swipe>
 42 |     </div>
 43 |     <van-tabs v-model="activeClass" sticky @change="onTabChange">
 44 |       <van-tab v-for="item in classList" :title="item" :key="item">
 45 |         <div class="goods-list">
 46 |           <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
 47 |             <van-row gutter="5">
 48 |               <van-col v-for="(item, idx) in list" :key="idx" span="12">
 49 |                 <div class="good-item" @click="gotoDetail(item)">
 50 |                   <div class="good-box">
 51 |                     <img :src="item.pictUrl" />
 52 |                     <div class="name">{{item.title}}</div>
 53 |                     <div class="info">
 54 |                       <div class="slogan">{{item.couponAmount}}元券</div>
 55 |                       <div class="back">返￥{{item.tkCommFee}}</div>
 56 |                     </div>
 57 |                     <div class="info">
 58 |                       <div class="oldprice">￥{{item.zkPrice}}</div>
 59 |                       <div class="price">券后价￥{{item.quanhoujia}}</div>
 60 |                     </div>
 61 |                     <div class="info">
 62 |                       <div class="sell">30天销量 {{item.biz30day}}</div>
 63 |                     </div>
 64 |                   </div>
 65 |                 </div>
 66 |               </van-col>
 67 |             </van-row>
 68 |           </van-list>
 69 |         </div>
 70 |       </van-tab>
 71 |     </van-tabs>
 72 | 
 73 |     <van-popup v-model="showMission" class="pop-box">
 74 |       <a :href="activeUrl">
 75 |         <img src="../../assets/images/hongbao.gif" />
 76 |       </a>
 77 |     </van-popup>
 78 |     <float-btn v-show="showHbArea" :activeUrl="activeUrl"></float-btn>
 79 |   </div>
 80 | </template>
 81 | 
 82 | <script>
 83 | import Clipboard from "clipboard";
 84 | import {
 85 |   Search,
 86 |   Swipe,
 87 |   SwipeItem,
 88 |   Row,
 89 |   Col,
 90 |   NavBar,
 91 |   Icon,
 92 |   Tab,
 93 |   Tabs,
 94 |   ActionSheet,
 95 |   Popup
 96 | } from "vant";
 97 | import FloatBtn from "@/components/FloatBtn";
 98 | export default {
 99 |   components: {
100 |     [Search.name]: Search,
101 |     [Swipe.name]: Swipe,
102 |     [SwipeItem.name]: SwipeItem,
103 |     [NavBar.name]: NavBar,
104 |     [Row.name]: Row,
105 |     [Col.name]: Col,
106 |     [Icon.name]: Icon,
107 |     [Tabs.name]: Tabs,
108 |     [Tab.name]: Tab,
109 |     [ActionSheet.name]: ActionSheet,
110 |     [Popup.name]: Popup,
111 |     FloatBtn
112 |   },
113 |   name: "Home",
114 |   data() {
115 |     return {
116 |       showMission: false, // 领红包弹出框
117 |       showHbArea: false, //右下角红包区按钮
118 |       activeUrl: "",
119 |       showSearch: false,
120 |       searchValue: "",
121 |       count: 0,
122 |       indexPage: 1,
123 |       hotGoods: [],
124 |       saleGroupGoods: [],
125 |       classList: [],
126 |       activeClass: 0,
127 |       activeClassName: "",
128 |       list: [],
129 |       error: false,
130 |       loading: false,
131 |       finished: false,
132 |       showActive: false,
133 |       swiperList: [],
134 |       actions: [
135 |         {
136 |           name: "用户: ",
137 |           subname: this.$store.state.userInfo.phone
138 |         },
139 |         {
140 |           name: "退出登陆"
141 |         }
142 |       ]
143 |     };
144 |   },
145 |   mounted() {
146 |     this.getSwiperList();
147 |     this.getGoodsClass();
148 |     this.showHongBao();
149 |   },
150 | 
151 |   computed: {},
152 |   methods: {
153 |     //判断是否显示领取红包弹框
154 |     showHongBao() {
155 |       let url = `/pophb`;
156 |       this.axios.get(url).then(res => {
157 |         let hashb = res.data.data.hasHb;
158 |         this.activeUrl = res.data.data.url;
159 |         if (hashb) {
160 |           this.showHbArea = false;
161 |           this.showMission = true;
162 |         } else {
163 |           this.showHbArea = true;
164 |           this.showMission = false;
165 |         }
166 |       });
167 |     },
168 |     getSwiperList() {
169 |       let url = `/poster`;
170 |       this.axios.get(url).then(res => {
171 |         let data = res.data;
172 |         this.swiperList = data.data;
173 |       });
174 |     },
175 |     gotoPage(swiper) {
176 |       if (swiper.taotoken) {
177 |         var clipboard = new Clipboard(".copy-swiper");
178 |         clipboard.on("success", e => {
179 |           console.log(e);
180 |           this.$toast(`复制成功`);
181 |           // 释放内存
182 |           clipboard.destroy();
183 |           window.location.href = "taobao://";
184 |         });
185 |         clipboard.on("error", e => {
186 |           // 不支持复制
187 |           console.log("该浏览器不支持自动复制");
188 |           // 释放内存
189 |           clipboard.destroy();
190 |           window.location.href = swiper.picthref;
191 |         });
192 |       } else {
193 |         window.location.href = swiper.picthref;
194 |       }
195 |     },
196 | 
197 |     gotoLogin() {
198 |       this.$router.push("/login");
199 |     },
200 |     onSelectAction(item) {
201 |       this.showActive = false;
202 |       if (item.name == "退出登陆") {
203 |         localStorage.removeItem("userInfo");
204 |         this.$store.commit("setLogin", false);
205 |         this.$store.commit("setUserInfo", "");
206 |       }
207 |     },
208 |     getGoodsClass() {
209 |       let url = `/g/yiji`;
210 |       this.axios.get(url).then(res => {
211 |         let data = res.data;
212 |         this.classList = data.data;
213 |         if (this.classList.length > 0) {
214 |           this.activeClassName = this.classList[0];
215 |           this.getClassGoods();
216 |         }
217 |       });
218 |     },
219 |     doSearch() {
220 |       this.$router.push("/search");
221 |     },
222 |     onTabChange(item, title) {
223 |       this.activeClassName = title;
224 |       this.list = [];
225 |       this.indexPage = 1;
226 |       this.getClassGoods();
227 |     },
228 |     onLoad() {
229 |       this.indexPage += 1;
230 |       this.getClassGoods();
231 |     },
232 |     getClassGoods() {
233 |       let url = "";
234 |       if (this.activeClassName) {
235 |         url = `/g/goods/${this.activeClassName}/${this.indexPage}`;
236 |       } else {
237 |         url = `/g/goods`;
238 |       }
239 | 
240 |       this.axios.get(url).then(res => {
241 |         this.list = [...this.list, ...res.data.data];
242 |         this.count = res.data.count;
243 |         this.loading = false;
244 |         if (this.list.length >= this.count) {
245 |           this.finished = true;
246 |         }
247 |       });
248 |     },
249 |     gotoDetail(item) {
250 |       this.$router.push(`/goods?keyword=${item.details}`);
251 |     }
252 |   }
253 | };
254 | </script>
255 | 
256 | <style lang="less" scoped>
257 | .home {
258 |   background-color: #eee;
259 |   margin-bottom: 50px;
260 |   overflow: hidden;
261 | }
262 | .home-swipe {
263 |   box-sizing: border-box;
264 |   padding: 4px 6px;
265 |   background-color: #fff;
266 |   border-bottom: 1px solid #dedede;
267 |   margin-bottom: 5px;
268 |   &-head {
269 |     padding: 4px 0;
270 |     .recommend {
271 |       font-weight: 700;
272 |     }
273 |     .tips {
274 |       font-size: 12px;
275 |       margin-left: 6px;
276 |       color: #8f8f8f;
277 |     }
278 |     .swipe-num {
279 |       float: right;
280 |       .indexPage {
281 |         font-weight: 700;
282 |       }
283 |       .pageNum {
284 |         font-size: 12px;
285 |         color: #8f8f8f;
286 |       }
287 |     }
288 |   }
289 |   .swipe {
290 |     img {
291 |       width: 100%;
292 |     }
293 |   }
294 | }
295 | .search-part {
296 |   padding: 10px;
297 |   color: rgba(69, 90, 100, 0.6);
298 | }
299 | .goods-list {
300 |   margin-top: 5px;
301 |   background-color: #ffffff;
302 |   .good-item {
303 |     width: 100%;
304 |     border-radius: 20px;
305 |     margin-top: 10px;
306 |     img {
307 |       width: 100%;
308 |       border-radius: 20px 20px 0 0;
309 |     }
310 |     .name {
311 |       width: 92%;
312 |       padding: 5px 4%;
313 |       text-align: justify;
314 |       overflow: hidden;
315 |       font-size: 13px;
316 |       white-space: nowrap;
317 |       text-overflow: ellipsis;
318 |     }
319 |     .info {
320 |       display: flex;
321 |       justify-content: space-between;
322 |       align-items: flex-end;
323 |       width: 92%;
324 |       padding: 5px 4% 5px 4%;
325 |       .oldprice {
326 |         color: #888;
327 |         font-size: 15px;
328 |         text-decoration: line-through;
329 |       }
330 |       .price {
331 |         color: #888;
332 |         font-size: 15px;
333 |       }
334 |       .slogan {
335 |         color: #fff;
336 |         background-color: #ff6600;
337 |         padding: 2px;
338 |         font-size: 14px;
339 |         font-weight: 600;
340 |       }
341 |       .back {
342 |         border: 1px dashed #ff3300;
343 |         padding: 2px;
344 |         font-size: 14px;
345 |         font-weight: 600;
346 |         color: #ff6600;
347 |       }
348 |       .sell {
349 |         color: #888;
350 |         font-size: 13px;
351 |       }
352 |     }
353 |   }
354 | }
355 | .pop-box {
356 |   border-radius: 10px;
357 |   background-color: rgba(0, 0, 0, 0);
358 |   padding: 0;
359 | }
360 | </style>


--------------------------------------------------------------------------------
/src/views/profit/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="profit">
 3 |         <van-nav-bar title="我要赚钱" left-text="返回" @click-left="$router.push('/')" left-arrow>
 4 |         </van-nav-bar>
 5 |     <div class="content">
 6 |         <div class="work-list"> 
 7 |          <div class="work-cell">
 8 |            这里是一个赚钱的任务
 9 |          </div>
10 |         </div>
11 |     </div>
12 |     </div>
13 | </template>
14 | <script>
15 | import {
16 |   Cell,
17 |   CellGroup,
18 |   Icon,
19 |   Row,
20 |   Col,
21 |   NavBar,
22 | } from "vant";
23 | 
24 | export default {
25 |   components: {
26 |     [Cell.name]: Cell,
27 |     [CellGroup.name]: CellGroup,
28 |     [Icon.name]: Icon,
29 |     [Row.name]: Row,
30 |     [Col.name]: Col,
31 |     [NavBar.name]: NavBar,
32 |   },
33 | }
34 | </script>
35 | <style scoped>
36 |   .work-cell {
37 |     height: 100px;
38 |     padding: 10px;
39 |     border: 1px solid #cccccc;
40 |     border-radius:5px;
41 |     margin: 5px;
42 |     background-color: #FFFFFF;
43 |   }
44 | </style>
45 | 


--------------------------------------------------------------------------------
/src/views/search/Search.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="search">
  3 |     <van-nav-bar title="多多云返利" left-text="返回" @click-left="$router.push('/')" left-arrow>
  4 |       <van-icon @click="showActive=true" v-if="$store.state.isLogin" name="contact" slot="right" />
  5 |       <span @click="gotoLogin" v-if="!$store.state.isLogin" slot="right">登陆</span>
  6 |     </van-nav-bar>
  7 |     <van-action-sheet v-model="showActive" :actions="actions" @select="onSelectAction" />
  8 |     <div class="content">
  9 |       <!-- <div class="logo">
 10 |         <img :src="require('../../assets/images/dd64.png')">
 11 |       </div>-->
 12 |       <van-cell-group>
 13 |         <van-field
 14 |           v-model="goodMessage"
 15 |           type="textarea"
 16 |           placeholder="请将淘口令或链接粘贴到此处，也可直接输入商品名称搜索，例如：连衣裙"
 17 |           rows="4"
 18 |           autosize
 19 |           border
 20 |           clearable
 21 |           ref="searchArea"
 22 |         />
 23 |       </van-cell-group>
 24 |       <van-button @click="doSearch" class="search-btn" size="large" type="warning">查看优惠</van-button>
 25 |     </div>
 26 |     <div class="info-area">
 27 |       <van-row justify="center">
 28 |         <!-- <van-col span="6" style="text-align:center">
 29 |           <van-icon name="fire" size="32px"/>
 30 |         </van-col>
 31 |         <van-col span="6" style="text-align:center">
 32 |           <van-icon name="shop-collect" size="32px"/>
 33 |         </van-col>
 34 |         <van-col span="6" style="text-align:center">
 35 |           <van-icon name="goods-collect" size="32px"/>
 36 |         </van-col>
 37 |         <van-col span="6" style="text-align:center">
 38 |           <van-icon name="lock" size="32px"/>
 39 |         </van-col>-->
 40 |         <van-col :span="24" v-if="!$store.state.isLogin">
 41 |           <div class="info-text">
 42 |             <van-icon name="info" size="14px" style="vertical-align: middle;margin-right: 5px;" />请先登陆并完善账户信息，以便系统转账
 43 |           </div>
 44 |         </van-col>
 45 |       </van-row>
 46 |     </div>
 47 |   </div>
 48 | </template>
 49 | 
 50 | <script>
 51 | import {
 52 |   Button,
 53 |   Field,
 54 |   Cell,
 55 |   CellGroup,
 56 |   Icon,
 57 |   Row,
 58 |   Col,
 59 |   NavBar,
 60 |   ActionSheet
 61 | } from "vant";
 62 | 
 63 | export default {
 64 |   components: {
 65 |     [Button.name]: Button,
 66 |     [Field.name]: Field,
 67 |     [Cell.name]: Cell,
 68 |     [CellGroup.name]: CellGroup,
 69 |     [Icon.name]: Icon,
 70 |     [Row.name]: Row,
 71 |     [Col.name]: Col,
 72 |     [NavBar.name]: NavBar,
 73 |     [ActionSheet.name]: ActionSheet
 74 |   },
 75 | 
 76 |   data() {
 77 |     return {
 78 |       showActive: false,
 79 |       actions: [
 80 |         {
 81 |           name: "用户: ",
 82 |           subname: this.$store.state.userInfo.phone
 83 |         },
 84 |         {
 85 |           name: "退出登陆"
 86 |         }
 87 |       ],
 88 |       goodMessage: ""
 89 |     };
 90 |   },
 91 | 
 92 |   mounted() {
 93 |     this.$refs["searchArea"].focus();
 94 |     this.getClipBoard();
 95 |   },
 96 |   computed: {},
 97 | 
 98 |   methods: {
 99 |     onSelectAction(item) {
100 |       this.showActive = false;
101 |       if (item.name == "退出登陆") {
102 |         localStorage.removeItem("userInfo");
103 |         this.$store.commit("setLogin", false);
104 |         this.$store.commit("setUserInfo", "");
105 |       }
106 |     },
107 |     getClipBoard() {
108 |       this.$nextTick().then(() => {
109 |         navigator.permissions
110 |           .query({
111 |             name: "clipboard-read"
112 |           })
113 |           .then(permissionStatus => {
114 |             // permissionStatus.state 的值是 'granted'、'denied'、'prompt':
115 |             console.log(permissionStatus.state);
116 |             // document.write('Pasted state: ', permissionStatus.state);
117 | 
118 |             // 监听权限状态改变事件
119 |             permissionStatus.onchange = () => {
120 |               console.log(permissionStatus.state);
121 |               // document.write('Pasted state: ', permissionStatus.state);
122 |             };
123 |           });
124 |         navigator.clipboard
125 |           .readText()
126 |           .then(text => {
127 |             console.log("Pasted content: ", text);
128 |             //show(text);
129 |             this.goodMessage = text;
130 |             if (this.goodMessage) {
131 |               navigator.clipboard
132 |                 .writeText("")
133 |                 .then(() => {
134 |                   console.log("清空剪贴板失败");
135 |                 })
136 |                 .catch(err => {
137 |                   // This can happen if the user denies clipboard permissions:
138 |                   // 如果用户没有授权，则抛出异常
139 |                   console.error("无法复制此文本：", err);
140 |                 });
141 |               //this.doSearch();
142 |             }
143 |             // document.write('Pasted content: ', text);
144 |             //   document.getElementById('taobao').innerText('aaa');
145 |           })
146 |           .catch(err => {
147 |             console.error("Failed to read clipboard contents: ", err);
148 |             document.write("Failed to read: ", err);
149 |           });
150 |       });
151 |     },
152 |     doSearch() {
153 |       if (this.goodMessage) {
154 |         if (this.$store.state.isLogin) {
155 |           let tmp_message = encodeURIComponent(this.goodMessage);
156 |           this.$router.push(`/goods?keyword=${tmp_message}`);
157 |         } else {
158 |           this.$dialog
159 |             .confirm({
160 |               title: "请先注册并登陆",
161 |               message: "未登录用户只能获得优惠券，无法正常获取返利，请先登录！"
162 |             })
163 |             .then(() => {
164 |               this.$router.push("/login");
165 |             })
166 |             .catch(() => {
167 |               this.$toast({
168 |                 message: "未登录用户只能获得优惠券！",
169 |                 onClose: () => {
170 |                   let tmp_message = encodeURIComponent(this.goodMessage);
171 |                   this.$router.push(`/goods?keyword=${tmp_message}`);
172 |                 }
173 |               });
174 |             });
175 |         }
176 |       } else {
177 |         this.$toast("请将淘口令或链接粘贴到文本框中");
178 |       }
179 |     },
180 |     gotoLogin() {
181 |       this.$router.push("/login");
182 |     }
183 |   }
184 | };
185 | </script>
186 | 
187 | <style lang="less" scoped>
188 | .search {
189 |   .content {
190 |     margin-top: 10px;
191 |     padding: 10px;
192 |     .logo {
193 |       text-align: center;
194 |       margin-bottom: 10px;
195 |     }
196 |     .search-btn {
197 |       margin-top: 20px;
198 |     }
199 |     .center {
200 |       text-align: center;
201 |     }
202 |   }
203 |   .info-area {
204 |     margin-top: 20px;
205 |     .info-text {
206 |       font-size: 14px;
207 |       color: #999;
208 |       padding: 15px 30px;
209 |     }
210 |   }
211 | }
212 | </style>
213 | 


--------------------------------------------------------------------------------
/src/views/user/alipay.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="alipay">
 3 |     <van-nav-bar title="支付宝账户" left-text="返回" left-arrow @click-left="$router.push('/user')"/>
 4 |     <div style="margin-top:10px">
 5 |       <van-cell-group title="账户信息">
 6 |         <van-cell>
 7 |           <van-field v-model="info.name" required clearable label="姓名" left-icon="contact"/>
 8 |         </van-cell>
 9 |         <van-cell>
10 |           <van-field v-model="info.zhifubao" required clearable label="支付宝帐号" left-icon="alipay"/>
11 |         </van-cell>
12 |       </van-cell-group>
13 |       <van-cell-group>
14 |         <van-cell :center="true">
15 |           <van-button @click="postAlipay" size="large" type="info">确认提交</van-button>
16 |         </van-cell>
17 |       </van-cell-group>
18 |       <notice notice="此账号仅作为返利网支付返利使用，请仔细填写，以免无法收到返利"></notice>
19 |     </div>
20 |   </div>
21 | </template>
22 | 
23 | <script>
24 | import { Icon, Cell, CellGroup, Field, NavBar, Button } from "vant";
25 | import Clipboard from "clipboard";
26 | import Notice from "@/components/Notice";
27 | 
28 | export default {
29 |   components: {
30 |     [NavBar.name]: NavBar,
31 |     [Icon.name]: Icon,
32 |     [Cell.name]: Cell,
33 |     [CellGroup.name]: CellGroup,
34 |     [Field.name]: Field,
35 |     [Button.name]: Button,
36 |     Notice
37 |   },
38 |   data() {
39 |     return {
40 |       info: {
41 |         name: "",
42 |         zhifubao: ""
43 |       }
44 |     };
45 |   },
46 |   mounted() {
47 |     this.checkAliCount();
48 |   },
49 |   activated() {
50 |     thsi.checkAliCount();
51 |   },
52 |   computed: {},
53 |   methods: {
54 |     checkAliCount() {
55 |       let url = `/tixian`;
56 |       this.axios.get(url).then(res => {
57 |         let result = res.data;
58 |         this.info = result.data;
59 |       });
60 |     },
61 |     postAlipay() {
62 |       if (!this.info.name) {
63 |         this.$toast("请输入该支付宝账号注册者的姓名");
64 |         return false;
65 |       }
66 |       if (!this.info.zhifubao) {
67 |         this.$toast("请输支付宝账号");
68 |         return false;
69 |       }
70 |       let url = "/alter";
71 |       let form = new FormData();
72 |       form.append("name", this.info.name);
73 |       form.append("zhifubao", this.info.zhifubao);
74 |       this.axios.post(url, form).then(res => {
75 |         let result = res.data;
76 |         if (result.code == 200) {
77 |           this.$toast("提交成功");
78 |           this.$router.back();
79 |         }
80 |       });
81 |     }
82 |   }
83 | };
84 | </script>
85 | 
86 | <style lang="less">
87 | .alipay {
88 |   z-index: 1000;
89 |   padding-bottom: 55px;
90 | }
91 | </style>
92 | 


--------------------------------------------------------------------------------
/src/views/user/cash.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="cash">
  3 |     <van-nav-bar title="返利提现" left-text="返回" left-arrow @click-left="$router.push('/user')"/>
  4 |     <div style="margin-top:10px">
  5 |       <van-cell-group title="提现">
  6 |         <van-cell>
  7 |           <van-field :value="hasTaobi" label="返利总额(元)" left-icon="gold-coin" disabled/>
  8 |         </van-cell>
  9 | 
 10 |         <van-cell>
 11 |           <van-field
 12 |             type="number"
 13 |             v-model="taobi"
 14 |             required
 15 |             clearable
 16 |             label="提现金额(元)"
 17 |             left-icon="alipay"
 18 |             placeholder="请输入提现金额"
 19 |           />
 20 |         </van-cell>
 21 |       </van-cell-group>
 22 |       <van-cell-group>
 23 |         <van-cell :center="true">
 24 |           <van-button @click="postCash" size="large" type="info">确认提交</van-button>
 25 |         </van-cell>
 26 |       </van-cell-group>
 27 |       <notice notice="请务必确认提现支付宝账号正确，提现金额必须大于5元"></notice>
 28 |     </div>
 29 |   </div>
 30 | </template>
 31 | 
 32 | <script>
 33 | import { Icon, Cell, CellGroup, Field, NavBar, Button } from "vant";
 34 | import Notice from "@/components/Notice";
 35 | 
 36 | export default {
 37 |   components: {
 38 |     [NavBar.name]: NavBar,
 39 |     [Icon.name]: Icon,
 40 |     [Cell.name]: Cell,
 41 |     [CellGroup.name]: CellGroup,
 42 |     [Field.name]: Field,
 43 |     [Button.name]: Button,
 44 |     Notice
 45 |   },
 46 |   data() {
 47 |     return {
 48 |       hasTaobi: 0,
 49 |       taobi: "",
 50 |       aliCount: false
 51 |     };
 52 |   },
 53 |   mounted() {
 54 |     this.checkAliCount();
 55 |   },
 56 |   activated() {
 57 |     thsi.checkAliCount();
 58 |   },
 59 |   computed: {},
 60 |   methods: {
 61 |     checkAliCount() {
 62 |       let url = `/tixian`;
 63 |       this.axios.get(url).then(res => {
 64 |         let result = res.data;
 65 |         this.aliCount = result.data.zhifubao ? true : false;
 66 |         this.hasTaobi = result.data.taobi;
 67 |         if (!this.aliCount) {
 68 |           this.$dialog({
 69 |             title: "请完善资料",
 70 |             message: "请填写真实支付宝账号和真实姓名，用于提现使用。"
 71 |           }).then(() => {
 72 |             this.$router.push("/alipay");
 73 |           });
 74 |         }
 75 |       });
 76 |     },
 77 |     postCash() {
 78 |       if (!this.aliCount) {
 79 |         this.$toast("请先完善个人资料，填写提现");
 80 |         return false;
 81 |       }
 82 |       if (!this.taobi) {
 83 |         this.$toast("请输入提现金额");
 84 |         return false;
 85 |       }
 86 |       let _number = Number(this.taobi);
 87 |       if (!_number) {
 88 |         this.$toast("请输入正确的提现金额");
 89 |         return false;
 90 |       }
 91 |       if (_number < 5 || _number > 10000) {
 92 |         this.$toast("请输入正确的提现金额 ");
 93 |         return false;
 94 |       }
 95 |       if (_number > this.hasTaobi) {
 96 |         this.$toast("申请提现金额大于可提现额度");
 97 |         return false;
 98 |       }
 99 |       let url = "/tixian";
100 |       let form = new FormData();
101 |       form.append("taobi", this.taobi);
102 |       this.axios.post(url, form).then(res => {
103 |         let result = res.data;
104 |         if (result.code == 200) {
105 |           this.$toast("提交成功");
106 |           this.$router.back();
107 |         } else {
108 |           this.$toast(result.msg);
109 |         }
110 |       });
111 |     }
112 |   }
113 | };
114 | </script>
115 | 
116 | <style lang="less">
117 | .cash {
118 |   z-index: 1000;
119 |   padding-bottom: 55px;
120 | }
121 | </style>
122 | 


--------------------------------------------------------------------------------
/src/views/user/cashLog.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="alipay">
 3 |     <van-nav-bar title="提现记录" left-text="返回" left-arrow @click-left="$router.push('/user')"/>
 4 |     <div style="margin-top:10px">
 5 |       <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="getLog">
 6 |         <van-cell v-for="item in cashList" :key="item.id" :label="item.status">
 7 |           <span slot="title">{{getDate(item.getDate)}}</span>
 8 |           <span>{{item.taobi|getMoney}} 元</span>
 9 |         </van-cell>
10 |       </van-list>
11 |       <no-data v-if="cashList.length == 0&&!loading"></no-data>
12 |     </div>
13 |   </div>
14 | </template>
15 | 
16 | <script>
17 | import { Icon, Cell, CellGroup, NavBar, Button } from "vant";
18 | import NoData from "@/components/NoData";
19 | export default {
20 |   components: {
21 |     [NavBar.name]: NavBar,
22 |     [Icon.name]: Icon,
23 |     [Cell.name]: Cell,
24 |     [CellGroup.name]: CellGroup,
25 |     [Button.name]: Button,
26 |     NoData
27 |   },
28 |   data() {
29 |     return {
30 |       loading: false,
31 |       finished: false,
32 |       cashList: [],
33 |       page: {
34 |         currpage: 0,
35 |         pagecount: 1
36 |       }
37 |     };
38 |   },
39 |   mounted() {},
40 |   computed: {},
41 |   methods: {
42 |     getLog() {
43 |       let _current = this.page.currpage + 1;
44 |       let _url = "/tixianlog/" + _current;
45 |       if (_current > this.page.pagecount) {
46 |         this.finished = true;
47 |         return false;
48 |       }
49 |       this.axios.get(_url).then(res => {
50 |         this.loading = false;
51 |         let result = res.data;
52 |         let { pagecount, currpage, data } = result.data;
53 |         this.page = { pagecount, currpage };
54 |         if (data.length > 0) {
55 |           this.cashList = [...this.cashList, ...data];
56 |         }
57 |         if (data.length < 20) {
58 |           this.finished = true;
59 |         }
60 |       });
61 |     },
62 |     getDate(date_str) {
63 |       return date_str.split(".")[0];
64 |     }
65 |   },
66 |   filters: {
67 |     getMoney(money) {
68 |       let _money = Math.ceil(money * 100) / 100;
69 |       return _money;
70 |     }
71 |   }
72 | };
73 | </script>
74 | 
75 | <style lang="less">
76 | .alipay {
77 |   z-index: 1000;
78 |   padding-bottom: 55px;
79 | }
80 | </style>
81 | 


--------------------------------------------------------------------------------
/src/views/user/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="user">
  3 |     <round-btn @click.native="showLeaveMessage=true" style="right:10px" icon="ellipsis"></round-btn>
  4 |     <img class="user-poster" :src="require('../../assets/images/banner.jpg')" />
  5 |     <van-row class="user-links">
  6 |       <van-col span="12">
  7 |         <van-icon name="refund-o" size="36px" />
  8 |         <p class="back-money">当前返利总额：{{(info.taobi+info.reckonTaobi).toFixed(2)}}</p>
  9 |       </van-col>
 10 |       <van-col span="12">
 11 |         <van-icon name="cart-circle-o" size="36px" />
 12 |         <p class="back-money">共节省：{{info.tixiantaobi}}</p>
 13 |       </van-col>
 14 |     </van-row>
 15 |     <van-cell-group class="user-group">
 16 |       <van-cell icon="balance-o" :value="info.taobi">
 17 |         <template slot="title">
 18 |           <span class="custom-text">可提现</span>
 19 |           <van-icon name="question-o" color="#1989fa" @click="$toast('当前可以提现的账户总额')" />
 20 |         </template>
 21 |       </van-cell>
 22 |       <van-cell icon="clock-o" title="待结算" :value="info.reckonTaobi">
 23 |         <template slot="title">
 24 |           <span class="custom-text">待结算</span>
 25 |           <van-icon
 26 |             name="question-o"
 27 |             color="#1989fa"
 28 |             @click="$toast('正在与淘宝进行返利结算, 一般需要15-30天，结算后即可提现')"
 29 |           />
 30 |         </template>
 31 |       </van-cell>
 32 |     </van-cell-group>
 33 |     <van-cell-group title="返利操作" class="user-group">
 34 |       <van-cell icon="cash-back-record" title="提取返利" is-link url="/cash" />
 35 |       <van-cell icon="records" title="提取记录" is-link url="/cashlog" />
 36 |       <van-cell icon="records" title="我要赚钱" is-link url="/profit" />
 37 |       <van-cell icon="hot-o" title="我要推广" @click="showPop=true" is-link />
 38 |       <van-popup v-model="showPop">
 39 |         <van-panel title="推广链接">
 40 |           <div class="pop-content">
 41 |             <p v-html="shortUrl"></p>
 42 |           </div>
 43 |           <div slot="footer">
 44 |             <van-button
 45 |               size="large"
 46 |               type="primary"
 47 |               class="push-btn"
 48 |               :data-clipboard-text="shortUrl"
 49 |               @click="pushInfo"
 50 |             >一键复制</van-button>
 51 |           </div>
 52 |         </van-panel>
 53 |       </van-popup>
 54 |       <van-cell icon="todo-list-o" title="推广记录" is-link url="/tuilog" />
 55 |     </van-cell-group>
 56 | 
 57 |     <van-cell-group title="账户">
 58 |       <van-cell icon="shopping-cart-o" title="全部订单" is-link url="/orderlist" />
 59 |       <van-cell icon="alipay" title="返利账号" is-link url="/alipay" />
 60 |     </van-cell-group>
 61 |     <van-popup v-model="showLeaveMessage">
 62 |       <van-cell-group>
 63 |         <van-field
 64 |           maxlength="200"
 65 |           type="textarea"
 66 |           v-model="leaveMessage"
 67 |           placeholder="请输入留言"
 68 |           rows="4"
 69 |           autosize
 70 |         />
 71 |       </van-cell-group>
 72 |       <van-cell-group style="text-align:center;padding:5px 0;">
 73 |         <van-button @click="leave" type="primary">留言</van-button>
 74 |       </van-cell-group>
 75 |     </van-popup>
 76 |   </div>
 77 | </template>
 78 | 
 79 | <script>
 80 | import {
 81 |   Row,
 82 |   Col,
 83 |   Icon,
 84 |   Cell,
 85 |   CellGroup,
 86 |   Popup,
 87 |   Field,
 88 |   Button,
 89 |   Panel
 90 | } from "vant";
 91 | import Clipboard from "clipboard";
 92 | import RoundBtn from "@/components/RoundBtn";
 93 | export default {
 94 |   components: {
 95 |     [Row.name]: Row,
 96 |     [Col.name]: Col,
 97 |     [Icon.name]: Icon,
 98 |     [Cell.name]: Cell,
 99 |     [CellGroup.name]: CellGroup,
100 |     [Popup.name]: Popup,
101 |     [Field.name]: Field,
102 |     [Button.name]: Button,
103 |     [Panel.name]: Panel,
104 |     RoundBtn
105 |   },
106 |   data() {
107 |     return {
108 |       showPop: false,
109 |       showLeaveMessage: false,
110 |       leaveMessage: "",
111 |       info: {},
112 |       shortUrl: `最强淘宝返利云平台，安全高效，买到还能赚到！网址  
113 |       https://${location.host}/register/${this.$store.state.userInfo.uid}`
114 |     };
115 |   },
116 |   mounted() {
117 |     if (!this.$store.state.isLogin) {
118 |       this.$router.push("/login");
119 |     }
120 |     this.getUserInfo();
121 |   },
122 |   computed: {
123 |     shareUrl() {
124 |       return `最强淘宝返利云平台，安全高效，买到还能赚到！网址  
125 |       https://${location.host}/register/${this.$store.state.userInfo.uid}`;
126 |     }
127 |   },
128 |   methods: {
129 |     getUserInfo() {
130 |       let url = `/info`;
131 |       this.axios.get(url).then(res => {
132 |         let data = res.data;
133 |         if (data.code == 200) {
134 |           this.info = data.data;
135 |           this.shortUrl = `最强淘宝返利云平台，安全高效，买到还能赚到！网址${this.info.tuilink}`;
136 |         } else {
137 |           localStorage.removeItem("userInfo");
138 |           this.$store.commit("setLogin", false);
139 |           this.$store.commit("setUserInfo", "");
140 |           this.$router.push("/login");
141 |         }
142 |       });
143 |     },
144 |     pushInfo() {
145 |       // https://www.ddyfl.com/#/register/id
146 | 
147 |       var clipboard = new Clipboard(".push-btn");
148 |       clipboard.on("success", e => {
149 |         this.$toast("推广链接已经复制到粘贴板, 快去发送给好友吧");
150 |         // 释放内存
151 |         clipboard.destroy();
152 |       });
153 |       clipboard.on("error", e => {
154 |         // 不支持复制
155 |         console.log("该浏览器不支持自动复制");
156 |         // 释放内存
157 |         clipboard.destroy();
158 |       });
159 |       this.showPop = false;
160 |     },
161 |     // getShortUrl() {
162 |     //   let url = `https://api.weibo.com/short_url/shorten.json?source=2849184197&url_long=https://www.ddyfl.com/register/${
163 |     //     this.$store.state.userInfo.uid
164 |     //   }`;
165 |     //   this.axios.get(url).then(res => {
166 |     //     let result = res.data;
167 |     //     let urlobj = result.urls[0];
168 |     //     if (urlobj.result) {
169 |     //       this.shortUrl = `最强淘宝返利云平台，安全高效，买到还能赚到！网址 ${
170 |     //         urlobj.url_short
171 |     //       }`;
172 |     //     }
173 |     //   });
174 |     // },
175 |     leave() {
176 |       this.showLeaveMessage = false;
177 |       if (this.leaveMessage) {
178 |         let url = `/jianyi`;
179 |         let form = new FormData();
180 |         form.append("content", this.leaveMessage);
181 |         this.axios.post(url, form).then(res => {
182 |           this.$toast("留言成功，感谢您的宝贵意见！");
183 |         });
184 |       } else {
185 |         this.$$toast("请输入留言");
186 |         return false;
187 |       }
188 |     }
189 |   }
190 | };
191 | </script>
192 | 
193 | <style lang="less">
194 | .user {
195 |   padding-bottom: 55px;
196 |   &-poster {
197 |     width: 100%;
198 |     display: block;
199 |   }
200 | 
201 |   &-group {
202 |     margin-bottom: 15px;
203 |   }
204 | 
205 |   &-links {
206 |     padding: 15px 0;
207 |     font-size: 12px;
208 |     text-align: center;
209 |     background-color: #fff;
210 | 
211 |     .van-icon {
212 |       display: block;
213 |       font-size: 24px;
214 |     }
215 |     .back-money {
216 |       font-size: 15px;
217 |       color: #666;
218 |       color: #ff0000;
219 |       font-weight: 600;
220 |     }
221 |   }
222 | }
223 | .van-popup {
224 |   width: 80%;
225 |   box-sizing: border-box;
226 |   .pop-content {
227 |     background-color: aliceblue;
228 |     color: #666;
229 |     font-size: 14px;
230 |     line-height: 18px;
231 |     word-break: break-all;
232 |     word-wrap: break-word;
233 |     margin: 15px 10px;
234 |     min-height: 100px;
235 |   }
236 | }
237 | </style>
238 | 


--------------------------------------------------------------------------------
/src/views/user/login.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="login">
  3 |     <van-nav-bar title="多多云返利" left-text="返回" @click-left="$router.push('/')" left-arrow/>
  4 |     <van-row type="flex" justify="center">
  5 |       <van-col span="24">
  6 |         <div style="margin:80px 0">
  7 |           <div class="page-logo">
  8 |             <img src="../../assets/images/dd.png">
  9 |           </div>
 10 |           <van-cell-group>
 11 |             <van-cell>
 12 |               <van-field
 13 |                 v-model="form.username"
 14 |                 required
 15 |                 clearable
 16 |                 label="手机号"
 17 |                 placeholder="请输入注册使用的手机号"
 18 |               />
 19 |             </van-cell>
 20 |             <van-cell>
 21 |               <van-field
 22 |                 v-model="form.password"
 23 |                 type="password"
 24 |                 label="密码"
 25 |                 placeholder="请输入密码"
 26 |                 required
 27 |               />
 28 |             </van-cell>
 29 | 
 30 |             <!-- <van-field
 31 |               v-model="form.phone"
 32 |               label="手机号"
 33 |               placeholder="请输入手机号"
 34 |               error-message="手机号格式错误"
 35 |             />
 36 |             <van-field v-model="form.sms" center clearable label="短信验证码" placeholder="请输入短信验证码">
 37 |               <van-button slot="button" size="small" type="primary">发送验证码</van-button>
 38 |             </van-field>-->
 39 |           </van-cell-group>
 40 |           <van-cell-group style="padding:10px">
 41 |             <van-button type="info" size="large" @click="login">立即登陆</van-button>
 42 |           </van-cell-group>
 43 |         </div>
 44 | 
 45 |         <div class="other-way">
 46 |           <p class="other-title">其他方式登陆</p>
 47 |           <van-row type="flex" justify="space-between">
 48 |             <van-col span="6">
 49 |               <img @click="showMessage()" src="../../assets/images/taobao.png">
 50 |             </van-col>
 51 |             <van-col span="6">
 52 |               <img @click="showMessage()" src="../../assets/images/wecaht.png">
 53 |             </van-col>
 54 |             <van-col span="6">
 55 |               <img @click="showMessage()" src="../../assets/images/QQ.png">
 56 |             </van-col>
 57 |           </van-row>
 58 |         </div>
 59 |         <div class="notice">
 60 |           <a href="/register">没有账号？ 请先注册</a>
 61 |         </div>
 62 |       </van-col>
 63 |     </van-row>
 64 |   </div>
 65 | </template>
 66 | <script>
 67 | import { Row, Col, Field, Button, CellGroup, Icon, NavBar, Cell } from "vant";
 68 | export default {
 69 |   components: {
 70 |     [Row.name]: Row,
 71 |     [Col.name]: Col,
 72 |     [Field.name]: Field,
 73 |     [Button.name]: Button,
 74 |     [CellGroup.name]: CellGroup,
 75 |     [Cell.name]: Cell,
 76 |     [Icon.name]: Icon,
 77 |     [NavBar.name]: NavBar
 78 |   },
 79 |   data() {
 80 |     return {
 81 |       form: {
 82 |         username: "",
 83 |         password: ""
 84 |       },
 85 |       loader: ""
 86 |     };
 87 |   },
 88 |   created() {},
 89 |   methods: {
 90 |     login() {
 91 |       if (!this.form.username) {
 92 |         this.$toast("请输入用户名");
 93 |         return false;
 94 |       }
 95 |       if (!this.form.password) {
 96 |         this.$toast("请输入密码");
 97 |         return false;
 98 |       }
 99 |       this.loader = this.$loading.show();
100 |       let form = new FormData();
101 |       form.append("phone", this.form.username);
102 |       form.append("pwd", this.form.password);
103 |       this.axios.post("/login", form).then(res => {
104 |         let data = res.data;
105 |         if (data.code == 200) {
106 |           this.$store.commit("setLogin", true);
107 |           this.$store.commit("setUserInfo", data.data);
108 |           this.loader.hide();
109 |           this.$toast.success("登陆成功");
110 |           localStorage.setItem("userInfo", JSON.stringify(data.data));
111 |           this.axios.defaults.headers.AuthUserId = data.data.uid;
112 |           this.$router.push("/");
113 |         } else {
114 |           this.loader.hide();
115 |           this.$toast.fail(data.msg);
116 |         }
117 |       });
118 |     },
119 |     gotoRegister() {
120 |       this.$router.push("/register");
121 |     },
122 |     showMessage() {
123 |       this.$toast("该功能后续开放");
124 |     }
125 |   }
126 | };
127 | </script>
128 | 
129 | <style lang="less" scoped>
130 | .login {
131 |   .page-logo {
132 |     text-align: center;
133 |     margin: 10px 0;
134 |   }
135 |   .notice {
136 |     font-size: 12px;
137 |     color: blue;
138 |     text-align: center;
139 |     margin-top: 30px;
140 |     a {
141 |     }
142 |   }
143 | 
144 |   .other-way {
145 |     text-align: center;
146 |     .other-title {
147 |       font-size: 12px;
148 |       text-align: center;
149 |       color: lightgray;
150 |     }
151 |   }
152 | }
153 | </style>
154 | 


--------------------------------------------------------------------------------
/src/views/user/orderList.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="order-list">
  3 |     <van-nav-bar title="全部订单" left-text="返回" left-arrow @click-left="$router.push('/user')" />
  4 |     <div style="margin-top:10px">
  5 |       <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="getOrder">
  6 |         <van-card
  7 |           v-for="item in orderList"
  8 |           :key="item.dingdanid"
  9 |           :title="item.Content"
 10 |           :desc="getDate(item.createTime)"
 11 |           :price="formatPrice(item.price)"
 12 |           :thumb="require('../../assets/images/shirt.png')"
 13 |           centered
 14 |         >
 15 |           <p slot="title">{{item.Content}}</p>
 16 |           <div slot="tag">
 17 |             <van-tag mark v-if="item.statusCode==3" type="danger">{{item.status}}</van-tag>
 18 |             <van-tag mark v-if="item.statusCode==2" type="success">{{item.status}}</van-tag>
 19 |             <van-tag mark v-if="item.statusCode==1" type="primary">{{item.status}}</van-tag>
 20 |           </div>
 21 |           <div slot="footer">
 22 |             <span style="margin-right:10px">
 23 |               预估收入:
 24 |               <i style="color:#ff0000">￥{{formatPrice(item.reckonIncome)}}</i>
 25 |             </span>
 26 |             <span>
 27 |               结算收入:
 28 |               <i style="color:#ff0000">￥{{formatPrice(item.realIncome)}}</i>
 29 |             </span>
 30 |           </div>
 31 |         </van-card>
 32 |       </van-list>
 33 |       <no-data v-if="orderList.length == 0&&!loading"></no-data>
 34 |     </div>
 35 |   </div>
 36 | </template>
 37 | 
 38 | <script>
 39 | import { Icon, Cell, CellGroup, NavBar, Button, Card, Tag } from "vant";
 40 | import NoData from "@/components/NoData";
 41 | export default {
 42 |   components: {
 43 |     [NavBar.name]: NavBar,
 44 |     [Icon.name]: Icon,
 45 |     [Cell.name]: Cell,
 46 |     [CellGroup.name]: CellGroup,
 47 |     [Button.name]: Button,
 48 |     [Card.name]: Card,
 49 |     [Tag.name]: Tag,
 50 |     NoData
 51 |   },
 52 |   data() {
 53 |     return {
 54 |       loading: false,
 55 |       finished: false,
 56 |       orderList: [],
 57 |       page: {
 58 |         currpage: 0,
 59 |         pagecount: 1
 60 |       }
 61 |     };
 62 |   },
 63 |   mounted() {},
 64 |   computed: {},
 65 |   methods: {
 66 |     getOrder() {
 67 |       let _current = this.page.currpage + 1 || 1;
 68 |       let _url = "/getorder/" + _current;
 69 |       if (_current > this.page.pagecount) {
 70 |         this.finished = true;
 71 |         return false;
 72 |       }
 73 |       this.axios.get(_url).then(res => {
 74 |         this.loading = false;
 75 |         if (res.data) {
 76 |           let result = res.data;
 77 |           let { pagecount, currpage, data } = result.data;
 78 |           this.page = { pagecount, currpage };
 79 |           if (data.length > 0) {
 80 |             this.orderList = [...this.orderList, ...data];
 81 |           }
 82 |           if (data.length < 20) {
 83 |             this.finished = true;
 84 |           }
 85 |         }
 86 |       });
 87 |     },
 88 |     getDate(date_str) {
 89 |       return date_str.split(".")[0];
 90 |     },
 91 |     formatPrice(money) {
 92 |       if (money) {
 93 |         let _money = Math.ceil(Number(money) * 100) / 100;
 94 |         return _money;
 95 |       } else {
 96 |         return 0;
 97 |       }
 98 |     }
 99 |   },
100 |   filters: {
101 |     // formatPrice(money) {
102 |     //   return money.toFix(2)
103 |     // }
104 |   }
105 | };
106 | </script>
107 | 
108 | <style lang="less">
109 | .order-list {
110 |   z-index: 1000;
111 |   padding-bottom: 55px;
112 |   background-color: f8f8f8;
113 |   p {
114 |     margin: 0;
115 |   }
116 | }
117 | </style>
118 | 


--------------------------------------------------------------------------------
/src/views/user/register.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="register">
  3 |     <van-nav-bar title="多多云返利" left-text="返回" @click-left="$router.push('/')" left-arrow />
  4 | 
  5 |     <van-row type="flex" justify="center">
  6 |       <van-col span="24">
  7 |         <div style="margin:80px 0">
  8 |           <div class="page-logo">
  9 |             <img src="../../assets/images/dd.png" />
 10 |           </div>
 11 |           <van-cell-group>
 12 |             <van-cell>
 13 |               <van-field
 14 |                 v-model="form.username"
 15 |                 required
 16 |                 label="手机号"
 17 |                 placeholder="请输入手机号"
 18 |                 left-icon="phone-o"
 19 |                 right-icon="close"
 20 |                 @click-right-icon="clearName"
 21 |               />
 22 |             </van-cell>
 23 |             <van-cell>
 24 |               <van-field
 25 |                 v-model="form.password"
 26 |                 :type="passwordType"
 27 |                 label="密码"
 28 |                 placeholder="请输入密码"
 29 |                 left-icon="bag-o"
 30 |                 right-icon="eye-o"
 31 |                 @click-right-icon="showPassword"
 32 |                 required
 33 |               />
 34 |             </van-cell>
 35 | 
 36 |             <!-- <van-field
 37 |               v-model="form.phone"
 38 |               label="手机号"
 39 |               placeholder="请输入手机号"
 40 |               error-message="手机号格式错误"
 41 |             />
 42 |             <van-field v-model="form.sms" center clearable label="短信验证码" placeholder="请输入短信验证码">
 43 |               <van-button slot="button" size="small" type="primary">发送验证码</van-button>
 44 |             </van-field>-->
 45 |           </van-cell-group>
 46 |           <van-cell-group style="padding:10px">
 47 |             <van-button type="primary" size="large" @click="register">立即注册</van-button>
 48 |           </van-cell-group>
 49 |         </div>
 50 | 
 51 |         <div class="other-way">
 52 |           <p class="other-title">其他方式登陆</p>
 53 |           <van-row type="flex" justify="space-between">
 54 |             <van-col span="6">
 55 |               <img @click="showMessage()" src="../../assets/images/taobao.png" />
 56 |             </van-col>
 57 |             <van-col span="6">
 58 |               <img @click="showMessage()" src="../../assets/images/wecaht.png" />
 59 |             </van-col>
 60 |             <van-col span="6">
 61 |               <img @click="showMessage()" src="../../assets/images/QQ.png" />
 62 |             </van-col>
 63 |           </van-row>
 64 |         </div>
 65 |         <div class="notice">
 66 |           <a href="/">注册须知</a>
 67 |         </div>
 68 |       </van-col>
 69 |     </van-row>
 70 |   </div>
 71 | </template>
 72 | <script>
 73 | import { Row, Col, Field, Button, CellGroup, NavBar, Cell } from "vant";
 74 | export default {
 75 |   components: {
 76 |     [Row.name]: Row,
 77 |     [Col.name]: Col,
 78 |     [Field.name]: Field,
 79 |     [Button.name]: Button,
 80 |     [CellGroup.name]: CellGroup,
 81 |     [Cell.name]: Cell,
 82 |     [NavBar.name]: NavBar
 83 |   },
 84 |   data() {
 85 |     return {
 86 |       uid: 1,
 87 |       form: {
 88 |         username: "",
 89 |         password: "",
 90 |         sms: ""
 91 |       },
 92 |       passwordType: "password"
 93 |     };
 94 |   },
 95 |   mounted() {
 96 |     if (this.$route.params.uid) {
 97 |       this.uid = this.$route.params.uid;
 98 |       localStorage.setItem("inviterID", this.uid);
 99 |     }
100 |   },
101 |   methods: {
102 |     showMessage() {
103 |       this.$toast("该功能后续开放");
104 |     },
105 |     showPassword() {
106 |       this.passwordType = this.passwordType == "password" ? "" : "password";
107 |     },
108 |     clearName() {
109 |       this.form.username = "";
110 |     },
111 |     register() {
112 |       if (!this.form.username) {
113 |         this.$toast("请输入手机号码");
114 |         return false;
115 |       }
116 |       let pattern = /^1[34578]\d{9}$/;
117 |       if (!pattern.test(this.form.username)) {
118 |         this.$toast("请输入正确的手机号");
119 |         return false;
120 |       }
121 |       if (!this.form.password) {
122 |         this.$toast("请输入密码");
123 |         return false;
124 |       }
125 |       this.loader = this.$loading.show();
126 |       let form = new FormData();
127 |       form.append("phone", this.form.username);
128 |       form.append("pwd", this.form.password);
129 |       let uid = localStorage.getItem("inviterID");
130 |       this.axios.post(`/reg/${uid}/`, form).then(res => {
131 |         let data = res.data;
132 |         if (data.code == 200) {
133 |           this.$store.commit("setLogin", true);
134 |           this.$store.commit("setUserInfo", data.data);
135 |           this.loader.hide();
136 |           this.$toast.success("注册成功");
137 |           localStorage.setItem("userInfo", JSON.stringify(data.data));
138 |           this.$router.push("/");
139 |         } else {
140 |           console.log(data);
141 |           this.loader.hide();
142 |           this.$toast.fail(data.msg);
143 |         }
144 |       });
145 |     }
146 |   }
147 | };
148 | </script>
149 | 
150 | <style lang="less" scoped>
151 | .register {
152 |   .page-logo {
153 |     text-align: center;
154 |     margin: 10px 0;
155 |   }
156 |   .notice {
157 |     font-size: 12px;
158 |     color: blue;
159 |     text-align: center;
160 |     margin-top: 30px;
161 |     a {
162 |     }
163 |   }
164 | 
165 |   .other-way {
166 |     text-align: center;
167 |     .other-title {
168 |       font-size: 12px;
169 |       text-align: center;
170 |       color: lightgray;
171 |     }
172 |   }
173 | }
174 | </style>
175 | 


--------------------------------------------------------------------------------
/src/views/user/tuiLog.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="alipay">
  3 |     <van-nav-bar title="推广记录" left-text="返回" left-arrow @click-left="$router.push('/user')"/>
  4 |     <div style="margin-top:10px">
  5 |       <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="getLog">
  6 |         <van-panel
  7 |           v-for="item in tuiList"
  8 |           :key="item.id"
  9 |           :title="`${item.phone} (${item.name})`"
 10 |           :status="'返利总额：￥'+item.superiorfanli"
 11 |           style="margin-bottom:5px"
 12 |         >
 13 |           <div class="tui_content">
 14 |             <p>成交次数：{{item.tradecount}}</p>
 15 |             <p>推广人数：{{item.tuiCount}}</p>
 16 |           </div>
 17 |         </van-panel>
 18 |       </van-list>
 19 |       <no-data v-if="tuiList.length == 0&&!loading"></no-data>
 20 |     </div>
 21 |   </div>
 22 | </template>
 23 | 
 24 | <script>
 25 | import { Icon, Cell, CellGroup, NavBar, Button, Panel } from "vant";
 26 | import NoData from "@/components/NoData";
 27 | export default {
 28 |   components: {
 29 |     [NavBar.name]: NavBar,
 30 |     [Icon.name]: Icon,
 31 |     [Cell.name]: Cell,
 32 |     [CellGroup.name]: CellGroup,
 33 |     [Button.name]: Button,
 34 |     [Panel.name]: Panel,
 35 |     NoData
 36 |   },
 37 |   data() {
 38 |     return {
 39 |       loading: false,
 40 |       finished: false,
 41 |       tuiList: [],
 42 |       page: {
 43 |         currpage: 0,
 44 |         pagecount: 1
 45 |       }
 46 |     };
 47 |   },
 48 |   mounted() {},
 49 |   computed: {},
 50 |   methods: {
 51 |     getLog() {
 52 |       let _current = this.page.currpage + 1;
 53 |       let _url = "/tuilog/" + _current;
 54 |       if (_current > this.page.pagecount) {
 55 |         this.finished = true;
 56 |         return false;
 57 |       }
 58 |       this.axios.get(_url).then(res => {
 59 |         this.loading = false;
 60 |         let result = res.data;
 61 |         let { pagecount, currpage, data } = result.data;
 62 |         this.page = { pagecount, currpage };
 63 |         if (data.length > 0) {
 64 |           this.tuiList = [...this.tuiList, ...data];
 65 |         }
 66 |         if (data.length < 20) {
 67 |           this.finished = true;
 68 |         }
 69 |       });
 70 |     },
 71 |     getDate(date_str) {
 72 |       return date_str.split(".")[0];
 73 |     }
 74 |   },
 75 |   filters: {
 76 |     getMoney(money) {
 77 |       let _money = Math.ceil(money * 100) / 100;
 78 |       return _money;
 79 |     }
 80 |   }
 81 | };
 82 | </script>
 83 | 
 84 | <style lang="less" scoped>
 85 | .alipay {
 86 |   z-index: 1000;
 87 |   padding-bottom: 55px;
 88 | 
 89 |   .van-panel__content {
 90 |     padding: 10px 15px;
 91 |     .tui_content {
 92 |       font-size: 13px;
 93 |       color: #999;
 94 |       display: flex;
 95 |       p {
 96 |         width: 50%;
 97 |         padding: 0;
 98 |         margin: 0;
 99 |       }
100 |     }
101 |   }
102 | }
103 | </style>
104 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   outputDir: "./dist",
 3 |   publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
 4 |   devServer: {
 5 |     proxy: {
 6 |       "/api": {
 7 |         target: "https://www.ddyfl.com",
 8 |         changeOrigin: true,
 9 |         ws: true,
10 |         secure: false,
11 |         pathRewrite: {
12 |           "^/api": "/interface"
13 |         }
14 |       }
15 |     }
16 |   }
17 | };
18 | 


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