默认提交
Showing
16 changed files
with
411 additions
and
9 deletions
... | @@ -2,6 +2,7 @@ | ... | @@ -2,6 +2,7 @@ |
2 | "pages": [ | 2 | "pages": [ |
3 | "pages/index/index", | 3 | "pages/index/index", |
4 | "pages/detail/detail", | 4 | "pages/detail/detail", |
5 | "pages/personal-list/personal-list", | ||
5 | "pages/more/more", | 6 | "pages/more/more", |
6 | "pages/poster-example/poster-example", | 7 | "pages/poster-example/poster-example", |
7 | "pages/authorize/authorize", | 8 | "pages/authorize/authorize", |
... | @@ -16,6 +17,7 @@ | ... | @@ -16,6 +17,7 @@ |
16 | "usingComponents": { | 17 | "usingComponents": { |
17 | "authorize-comp": "../../component/authorize-comp/authorize-comp", | 18 | "authorize-comp": "../../component/authorize-comp/authorize-comp", |
18 | "empty-tips": "../../component/empty-tips/empty-tips", | 19 | "empty-tips": "../../component/empty-tips/empty-tips", |
20 | "shortcut": "../../component/shortcut/shortcut", | ||
19 | "van-popup": "../../ui/vant-weapp/popup/index", | 21 | "van-popup": "../../ui/vant-weapp/popup/index", |
20 | "van-sticky": "../../ui/vant-weapp/sticky/index", | 22 | "van-sticky": "../../ui/vant-weapp/sticky/index", |
21 | "van-tab": "../../ui/vant-weapp/tab/index", | 23 | "van-tab": "../../ui/vant-weapp/tab/index", | ... | ... |
... | @@ -97,7 +97,7 @@ button { | ... | @@ -97,7 +97,7 @@ button { |
97 | 97 | ||
98 | @font-face { | 98 | @font-face { |
99 | font-family: "iconfont"; | 99 | font-family: "iconfont"; |
100 | src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABTsAAsAAAAALaAAABScAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCJcgq/PLNKATYCJAOBdAt8AAQgBYRtB4Y7G2kmRaQTm1WdEZWaUvb/IUGTuBaufhBBFWHkjBhGq1XHMYj3XX3n8jL/xx++kcFdLHHdXKhfbgLXxFTYg41wpQSLre+6iIcMpYT4Z63N3zMRFvMjdFqmFFomlnnwwP+9u381F7bFxxLqeAn9woQ+YaD5JnsEwGG7n7TmwlERRQElFABG++f5bfXnvgcKFhaIyQMTdTDrrhg99kRZICjGRyaMWZiohHEi0nnMToXOOrvN4K+JiH1tDqiIfr6c5s9Ydto3SqwFQaDlhIvkpAwDoW1sXmQVpFsrtWzzLtu8BCDJRbj2w4kHTjcaf6L3b3nIEQws3VAYnOHb+204RQiGeMx0eiAZkP2U1ucMa4YxISBO5VyAAhh/gajnQmN30cRUJ5e9GwteghJi/0+nrsSFGWHDt/+MhXG4k+lOkFrhCyspOS5IYaVEjksIk6FgFe20PAFvHTsyvr3bzuNYl/tnovP/4MBXzdYaxmYNMLbWw1wzhbawP/IzAsrGZgL3nJcxqEgF1wLiTR0LgMpDLy2IQqUqEd6GRR8yleA9vgXwm/4+/omOKiSykODu9+szYbD+gkdvUsgpEzd5C8B7hwykkCXJELcRk+RjKqR2/E7YHwD6UkJKXzwANfHFS6S24/9/CoFNEJNIvhQswygMauH7iIuI3risonpe19DU0vb+npeWkZWTV1BUUlZRVVPX0NTS1tHV0zcwNDI2MTUzt7C0sraxtbN3cHRydnEVFUuJKLRfBZJPsLsggNNbAQLIIQQZxCGQgAKSUEQKSkhDGVmoIA9VFKCGItRRggbK0EQFWqhCGzXooA5dNKCHJvTRggHaMEQHRujCGD2YoA9TDGCGIcwxggXGsMQEVpjCGjPYYA5bLGCHJeyxggPWcMQGTtjCGTu4wh5SHOAaR7jBCW5xhjtc4B5XeMANHnGHJzzgGU94wQte8YY3fOAdP/CBX/jEP+T5/7UkoHhBtuLmX/GLH/ij9AJqNwi2ZsRPalp7WCQO8zIpbloiIgTugdo+hxAEO+VOlIBAqxYXCw4nd7MSBUaCfXRvhRwgLgICfR92FpA1cRQLSpN4ukKXyYEfxYlHeCoZe5I0KRl8jENkJKwYOo2C6AP8FX9FPF7vlHNQAPGBYfbpSSHmuopMCZUaQS4LI3lCIDo4gYVWcRgGs1CWWFsWlW46B4WTd4cdEf3WhZ7lQW4wKgCcZlnYtkm9zhxnVJRm+L6WZY0kDRFTX35ZkwiOaxVTYSRh1nSZspS+6ICDeLjcfDilaftwE6dyCPzCvIvncC010TwaF+MGcnAc5UqTSQinzabFFV1qypRU6zds/07qfzLnj0kIaMgwPgRgVG++GceBS6vw480a5FQ+4OygkReXWYZzQ7KIULHaxnK8YLaQTLl9OCkniyKOpyUpUVBYKuenybwoxjMSSZQUJZVlvAA91KsyipcBEPiYsR1X9KvmZe0SrXvYYMINK0O8fpn1tvUVtr8m9W+Z803IcB5hu/liWb+jIKxFP7zs0n1GJ8v4y3o37YfDjjOL9eMLzrMc+oxNsI+dt5/hY1nHL9tAa3krd7DrraI6zigDt2ZtE2z0CO7G1mU+1lSpMM/nD+vZopFPg8xusxbUMgWzlIPZqlGeQVplTIBebhfBW5RD/vKueO8auHkdye/T9psH9QOLkMuiiw7QQVu7Lu0CGpMsARwXQ5lAaxSFauoamwCmeD18URavCqw3m0F0F4yPiwY9fcgol7VKhS+VTw3xGUSpgJleRV6KgJkENxBtGkFUw/w8RCO10GHHmUMP1mGzzPUJYNYHCD8ejmOQETwihQZgaijhoW0YBryKgAn7YoDnRr0eUWObGgyHVC0t5lHxQKuS22vubknM/OTqB7scjSamd8VyfklHIgNcnbGndcjY1R6UekGhwm7ePHtwbWu2t3oGHbNu0lr8Wc+r7WfMs32BNHj9jTeucUInnFvW1p87bt+8yhpuf8OhfLsYb8ftedSZlDtpMbZjubmvK2htZdlWmGujbVsHFJJSlFIXU7q6FKmjApKCJBU6mNQjZVoSUgteGgDWCknz3KNiJIt+XlmimM2CvWZiIeWzR3qrvbgoXrXDuC/fjqWh5e7yoWYWFtckbm3mcE+lhxXkKh3bzQcVIRmQWl/taFuuTfUCAwXMZvvYNP++kIGoCrwQgRgO92MOuehjEWF8+Q4H/KGsDIMwKcfLZ69SSoEhmCIC9E4r4U+zHsP0gAPr9cEJPJDV+jZa1Kdm314ZMSsVrVxG9qhITtZvXeM827laFfximCdVxgJwO+SSp+A6gOsu882c5Z5L5WQKF4+6Rhm0fP17oCOxKLCkCj70Y9TZsNMvezPWP99XdQtV/PQBk/DDbn5iYMMdXbBLXIFtz6tgJYBcAhe0bDnQGPFywhjNjMGXenwZabDAo0rxMOYEtxcyQq3H2zD+GmzMgGFmTa/i5epmMC6SMJWYKxgVFo/3jBtzC57BRq6JNQIDm1wIGE+sQ5zmfm0f9YRnuoafpIxHrssVezy+H668+iC//fL1wJpqGzpmCGcHd4Npqfq8DeYX1ytDGGAU9IWZ5w10Z9ZjFPczOkCYD4/liRoC+2gyfYzE+gtkjF0d9jEyQFlI4GwxnzNOVb2MIo6nxapeM0fERImqMspziOXb0mgeQJDfeVW/8gDcduk6dKGQpnCVhSVM79ump45KkochgfLdGAa12qX7EDCwxZnjhNTJQ6WPXA9qx6Z4l8CpcNUZCifDOPi+xnR16ssskzWnWjLKuxCpQlmI0uyGEaMr7O4grLSXHzl6bV3z8LZT3ZguKqbWL+mJxGpTgy4irFHGVPR/zBGCGaGMUjxiSkMBMyHioURcDvrjSWWEJlN8aCSl+rzhuhgunWXT1rHIrGgsl4SituVDNkY/jLJpYiswMg/TWcA5UwBBrEfFsVGbv7IaqLti1kgc8XxXDQo4Dp3Jt5LguJRIKEwqHOfNkmLb5ORzJKGYSkqmF+szUbuxo7PTEDFLyUPOvMafUAvEpetfTIoovw3ZpkizqPwbscjAuy7dZgGDLzrxbCdmDtTrd26sP1rnTWK/cZkUgwWKq9lWXrZ7yarHD71MKDr2tEWdJ6uOXu87yurEDeGJig20xV3abr6gpGCu2j6UlmTlZLsGkdx4VLNa0v9DL331FWeyZmMw1k2190PXli0ukA8XBjYkS98tq3RugM403pt5Bn/NZnp8+jPXoUOuz4iCHMRiuPmjG2YPtb2ij7wJprs+/dQ1yHQgBHv/SPctH3zQ2wvuC/zLd+3SNWsOHnzz0D/b+CDfm98Aj0585N/+7/1XdnKe982fRxZ/YQoNT3y5EW3YME46f+x1ufvae/9mDU9cAG7i3jjmbvC4j7uPNTQcc99oAxzteIPnFs+GDfO/DMH9ur1x2PHSWS8TuCJeDO8MzhFxE24PS2/YO8jCNmYl1sxAG8Nkjg8jM6aXbVjGb+UvO4baiMjKBy5Ez44rk7OvdvW4ZwZTsq80XQycnHVlR3egpolU/OsOTQBYty8pTbuAFz1kMxSdjhDjDIyoqvKwq5B/5HDUKCRHwdFYN3Vfr9Pvj+PjO7vXKVe39/G+ObAyiTJLH+92NGAm3DOGmj9+fFcksz5yZ0NDVsrwNvD8ZjpzqgwC6Y8/LrfyJXHl0kymT0db/XX08K2aGolWOiRoK7yRs4vlrxkKG5HGHg3rx+/5/+5qSEwAnFycMHZQGMD8UHmu0WhZtdqN8LrjMhxPaLw0JxzJ3SG70932Kfx2AUa6BhuE1DN7q5rxEqOTYijFeeedQlNMfPgegKjAlNNcmracOC5aOHhr28Wk9rG+fWP1Qf72LbLd6kBGYcAGM5igYAxzQFR4wDNjS0r73zqMemyo8YfVQGw8pHRWr3S2PGsGfHZj5mWUlXZ8gD53GXCUOA64bLMC4KLfAjGPqGi6x9roj79GrNfiH5aKXuBznhOeFHojhpHObzBjM9D0TBpnVnE3zxfD7twJDVAmEnOOHZtjQuwMYg4sTlQG9P5XwABY5eAVVuvy5W2/9Sb28nJclbQa5nnNo+m1Xmvnznv+HGITMOMVXI6Fw11RNv+BcV/aYAMxxKrp/LHLQWCKsbMNlkX7JpAZf1bdq0nAqQxxDank7J5gdxecw64/nNlkwrAoWXD6SeEhXvg+T3dPN5h3SOibWHR1bNtId4FPaV4eW1An2ckPFV0Ju+uUikL5kp31fODwEbj/l5cVAsMUWFJ1XHoZam5GJmUbA9stYN0mWWHUJ4FPk3yFd/vQXfkryHktn/9s9u5f0J3TMzVhd0dJiT+Lw/I/IXVEcfubvf/8HFWk8mladpF69YpyKWsg+BRVKGv2bhQYTdPGFm00YoLDIcTudS8aO3r0xe4F/RtbI6PK7k36QdJwvfkj3OYKuBWVmr20V15wpdbPW+qnvTrIzmIPXl3Hlnpr/SqD873O79VUVNL0/XlvU9vnGjD+qnXimuXR47f4H2aW+LgWFwyE1cCQl+fPSJgPxb7uou0MSr8dPUL6v6H+OuDieM7RZcBQD7cDPQI6Q0VGBjOuVFGSkeTZM4uQDx81xt6o8491ly/POzS3v1/lM9GjMtzftUxY0eDznRzQc/I6bzFc/ft+rhN5jx/vjS57NVQJ9PtCGteubQz+64GgutZrNayTLmM3xrIXo6pqyTSDf3Xaxcvh0vUQ2rRnAjcnXx+f6dO74t2BaCdG03LUk+z6x5cXZldh+gixAKVrCo/8+AD+mXN9lk/tsTCM5ef/jKl8oJphxzhqieut5OL8E1ylCUegcrXoONnwUJdnbkfFHaCNJlSq0ZSaoI1ATDXQbLIaa3RWExgnYApnWLEJg74wkQie4+fgM6jS9PTsVWIjRz2yM9oebUDZO/17THg6e7EZAKy0k4u3q4+rt4uj/rsJLsUGVerpiawf1O8rL98RFY2ZikG/wtUkgzGn08yQ4dxBAAy9go23+z1c98lBuLISowGhcxiEc7bLl0HVyPm+QNVu2Zf6+WwofZYCWzc65oZNBV5bc/Q5rjQ6I5rKhPyiIKbnrA/KLCY6e3s7iVKYVlw0Y5dTQ+t57pqV5JUr5MpI4UjlsOGbx9fBRQVXHljWrgO14NS1+byE0xWYrMP/JesYOKXTsmN7TraFbc4Bb01CfH7g4Jkd2y1TOoWelg/p1ZsXKuk+P5vOYAqL2iL3hMDJWxnBwhvbX060lWMDNWjsBkgGB/8AIoKr4WZXjXyJy1Ap/hfc7ndldl+XOMmsJB1zVGMD6lAGLF+YXcXdjQZWBgM8MRp6Mrcx6o33omtcwMjAkqAlSWZ85ecGDxxIeTobmc3HZmvZgWwe8DBG79n/fsceAjAaa1Ctfm0vZOfllhlMTvODYpFJWPbliS20fz1einw4q76ObPVD/+8QeB46wv0LnowNvH2VFISh0mYNWM2fw2Ee68GvNdi3ZZ7st9MtRFGZ5t3yGH8ZQY3Ltwma5igS26ZkDdE4jL9TTqwdX1K+k4/DhuisFFuReJqjAKiEKlPiNoLj4q7uwhnh5pJHRR6ziUXAV6DoLADxtx9VAOZnmW95nwdHVM/kNhTQ5wyyJr0wTK70cpNWdZPP14vwDAwH+Z2d9Pbt2dk0fFWlB1J2O4kzySHUXSn98D9Q5fQNVHhl8dwbvOpntxNNW1ZOsWd7t99aPBdtIPoPkTNzsjvlkaIxniPKDdETk/6zKsHH7n/RVKmxXgWl7dGRkkibmElSfsHGVHULx+au8MpEfxtxhdQdS2f3VHWR7YdWzCImogOTPcZ12/RuJqp8B9fPDvl7kQSzFI88NGhZJzFmoDRAg1rQ8i5itCx+hPqjWe6V5WjMwwdH/ctzAyUdOCSzJOioBBdmTsWS5qWqJVJhyb9mZCZqq0Nqq0vEBaLuIF4++pnjfC3odPsHoSDaReLkXlXlPaYhju0bXQ75Szl1oMgtM1f3rXi/XJzvXw7Dj5Iscd84fmaAQ1epUOrBp572ubrdFE8scf7rjOPuv5yHYvyy7gH12uN4+oarU9ZVOgD6EFT+BABIwz9Ea5PVxK8AjJljRQzAXOB+StscpLtkmVPvRmQdjWj+rxeG9B10PuZMJIBFL5AUb94QV/NIh2RzKI8hp9FYQcHnZI7ORQwkqgKmlWbKiDg2dtXMRVaA43Eg1p23hvRAUg2tuxrZSzETZhkcsJDq11R9iqQIkrnJJojhIibiAuiCuc+dJMVRVgxyPQgZGEB0E2seIz2ibtgJA8eBzUhEQDRImCb3IxGpc7AbkRKmeCuy/J/cN9zkhX6dIKS+59izAA7849NaNcR01n6VOOIo2pn+By6k0zCbhU7WgKadf6IA+2UYQACQ5jzYnh0EANiFRQAMKHJ1v5ss/+c1xZTzYPY6EGALvh1I4EBAOCs6vAMb7CG2gw1wIKODHYTJPbM9uNEiAbG4ABBq1qYDAmcHOxDgBDQlSdG3KQtEWzqwQeA5sUFyRHawg+rILUh7CIrUdnKtolanaKDqOil1fVurUlk6u6x6uaJxoqZWC63O8aoV2g51WysVJYu8DMtVtCq0Mgw6JjVG63RKSqlta6FyNgEUGk0b1a5ta1LU62QqDG1PjohQbq9CVt/WAnYgp6VQS0ehAaVOZ9yjWr02rZRL1rF7efrlFBpNpFFLWzDeY4/VFLQ6qPecEkUmkiI8V2ilGm9VvHeYpFE0HR0lYkra49AWlBzIFDRHZxtKO9lfE4V6OjIqDke7ZBGhOyWtINMvtUxTAQbfBINTp0UEIhELsZENskUcxP1v36PngByRE+IhZ+SCXJEbckd8JEAeSIg8kRfyRj7IF/khEaKQGEmQPwpAgSgIBaMQJEWhKAyFo2FIhiJQJIpC0SgGxaI4FI8SUCJKQskoBaWiNJQONvWatg5FlK1WodQ1dahYqrYWBbtdU9uqsJ2ibu1StDayFS3tuk7uiOg/TKfoGEWm3IUoFwAEAQ0GmGA1vo5Z63RhQaAwsOGAE66xdUIgEAgEAoFAIFAoFAqFQqFQKAwMDAwMDAwMDAxs313uosj9fs+/L4okaRsAAA==') format('woff2'), | 100 | src: url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), |
101 | } | 101 | } |
102 | 102 | ||
103 | .drop-down-item :last-child { | 103 | .drop-down-item :last-child { |
... | @@ -344,6 +344,10 @@ button { | ... | @@ -344,6 +344,10 @@ button { |
344 | content: "\e668"; | 344 | content: "\e668"; |
345 | } | 345 | } |
346 | 346 | ||
347 | .iconreturn:before { | ||
348 | content: "\e66d"; | ||
349 | } | ||
350 | |||
347 | .iconwe_chat:before { | 351 | .iconwe_chat:before { |
348 | content: "\e669"; | 352 | content: "\e669"; |
349 | } | 353 | } |
... | @@ -351,3 +355,4 @@ button { | ... | @@ -351,3 +355,4 @@ button { |
351 | .iconwechat:before { | 355 | .iconwechat:before { |
352 | content: "\e600"; | 356 | content: "\e600"; |
353 | } | 357 | } |
358 | ... | ... |
src/component/shortcut/shortcut.js
0 → 100755
1 | import { | ||
2 | getBindtapData | ||
3 | } from '../../utils/util'; | ||
4 | |||
5 | let app = getApp(); | ||
6 | Component({ | ||
7 | // 样式隔离 | ||
8 | // 详见 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html | ||
9 | // isolated 表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响(一般情况下的默认值); | ||
10 | // apply-shared 表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面; | ||
11 | // shared 表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其他设置了 apply-shared 或 shared 的自定义组件。(这个选项在插件中不可用。) | ||
12 | options: { | ||
13 | styleIsolation: 'apply-shared' | ||
14 | }, | ||
15 | properties: { | ||
16 | types: { | ||
17 | type: Array, | ||
18 | value: ["home", "return"] | ||
19 | } | ||
20 | }, | ||
21 | data: { | ||
22 | // 这里是一些组件内部数据 | ||
23 | typeIconMap: { | ||
24 | "home": "iconhome", | ||
25 | "return": "iconreturn" | ||
26 | } | ||
27 | }, | ||
28 | methods: { | ||
29 | // 点击按按钮 | ||
30 | onTapHandler(evt) { | ||
31 | let curType = getBindtapData(evt); | ||
32 | console.log("curType:", curType); | ||
33 | switch (curType) { | ||
34 | case "home": | ||
35 | app.router.push({ | ||
36 | openType: "reLaunch", | ||
37 | path: "index" | ||
38 | }) | ||
39 | break; | ||
40 | |||
41 | case "return": | ||
42 | app.router.push({ | ||
43 | openType: "back" | ||
44 | }) | ||
45 | break; | ||
46 | |||
47 | default: | ||
48 | break; | ||
49 | } | ||
50 | } | ||
51 | } | ||
52 | }) |
src/component/shortcut/shortcut.json
0 → 100755
src/component/shortcut/shortcut.scss
0 → 100755
1 | .comp { | ||
2 | position: fixed; | ||
3 | bottom: 10%; | ||
4 | right: 2%; | ||
5 | z-index: 91; | ||
6 | color: #ffffff; | ||
7 | |||
8 | $btnSize: 80px; | ||
9 | |||
10 | .btn { | ||
11 | width: $btnSize; | ||
12 | height: $btnSize; | ||
13 | margin-bottom: 24px; | ||
14 | border-radius: $btnSize; | ||
15 | display: flex; | ||
16 | justify-content: center; | ||
17 | align-items: center; | ||
18 | background-color: rgba($color: #000000, $alpha: 0.6); | ||
19 | } | ||
20 | |||
21 | .iconfont { | ||
22 | font-size: 48px; | ||
23 | } | ||
24 | } |
src/component/shortcut/shortcut.wxml
0 → 100755
... | @@ -33,11 +33,12 @@ Page({ | ... | @@ -33,11 +33,12 @@ Page({ |
33 | * 做加载更多操作 | 33 | * 做加载更多操作 |
34 | */ | 34 | */ |
35 | onReachBottom() { | 35 | onReachBottom() { |
36 | return; | ||
36 | if (this.data.dataList.length < this.data.total) { | 37 | if (this.data.dataList.length < this.data.total) { |
37 | this.setData({ | 38 | this.setData({ |
38 | page: this.data.page + 1 | 39 | page: this.data.page + 1 |
39 | }); | 40 | }); |
40 | this.queryDataList(); | 41 | // this.queryDataList(); |
41 | } | 42 | } |
42 | }, | 43 | }, |
43 | 44 | ||
... | @@ -49,6 +50,16 @@ Page({ | ... | @@ -49,6 +50,16 @@ Page({ |
49 | }) | 50 | }) |
50 | }, | 51 | }, |
51 | 52 | ||
53 | |||
54 | /** | ||
55 | * 到个人列表页面 | ||
56 | */ | ||
57 | toPersonalList() { | ||
58 | app.router.push({ | ||
59 | path: "personalList", | ||
60 | }) | ||
61 | }, | ||
62 | |||
52 | /** | 63 | /** |
53 | * 请求DataList | 64 | * 请求DataList |
54 | */ | 65 | */ |
... | @@ -99,9 +110,9 @@ Page({ | ... | @@ -99,9 +110,9 @@ Page({ |
99 | this.hideMask(); | 110 | this.hideMask(); |
100 | break; | 111 | break; |
101 | 112 | ||
102 | /** | 113 | /** |
103 | * 重拉数据已在 | 114 | * 重拉数据已在 |
104 | */ | 115 | */ |
105 | case "_evt_auth_complete": | 116 | case "_evt_auth_complete": |
106 | // this.initData(); | 117 | // this.initData(); |
107 | this.hideMask(); | 118 | this.hideMask(); | ... | ... |
... | @@ -2,6 +2,8 @@ | ... | @@ -2,6 +2,8 @@ |
2 | @import '../../assets/scss/utils'; | 2 | @import '../../assets/scss/utils'; |
3 | 3 | ||
4 | .page { | 4 | .page { |
5 | padding-bottom: $pageBottom; | ||
6 | |||
5 | .bgc {} | 7 | .bgc {} |
6 | 8 | ||
7 | .bg {} | 9 | .bg {} |
... | @@ -16,6 +18,7 @@ | ... | @@ -16,6 +18,7 @@ |
16 | } | 18 | } |
17 | } | 19 | } |
18 | 20 | ||
21 | // 视频详情 | ||
19 | .detail { | 22 | .detail { |
20 | position: relative; | 23 | position: relative; |
21 | width: 100%; | 24 | width: 100%; |
... | @@ -59,6 +62,7 @@ | ... | @@ -59,6 +62,7 @@ |
59 | } | 62 | } |
60 | } | 63 | } |
61 | 64 | ||
65 | // 功能区,显示用户信息等 | ||
62 | .func { | 66 | .func { |
63 | position: relative; | 67 | position: relative; |
64 | @extend .bb; | 68 | @extend .bb; |
... | @@ -140,8 +144,55 @@ | ... | @@ -140,8 +144,55 @@ |
140 | 144 | ||
141 | } | 145 | } |
142 | 146 | ||
143 | .tit{ | 147 | // 功能区小标题 |
148 | .fc-tit { | ||
144 | @extend .bb; | 149 | @extend .bb; |
145 | padding: 0 24px; | 150 | padding: 0 24px; |
146 | } | 151 | } |
152 | |||
153 | // 广告 | ||
154 | .ad {} | ||
155 | |||
156 | // 装饰物 | ||
157 | .decoration {} | ||
158 | |||
159 | // 更多推荐 | ||
160 | .more { | ||
161 | width: $contentWidth; | ||
162 | margin: 64px auto 0; | ||
163 | |||
164 | &-title { | ||
165 | color: #a2242e; | ||
166 | font-size: 48px; | ||
167 | font-weight: bold; | ||
168 | text-align: center; | ||
169 | } | ||
170 | |||
171 | // 推荐列表 | ||
172 | &-list { | ||
173 | margin: 36px auto 0; | ||
174 | |||
175 | &-item { | ||
176 | display: flex; | ||
177 | justify-content: space-between; | ||
178 | border-bottom: solid 2px #dfdfdf; | ||
179 | padding: 24px 0; | ||
180 | |||
181 | .tit { | ||
182 | @extend .bb; | ||
183 | padding: 24px 0; | ||
184 | height: 230px; | ||
185 | flex: 1; | ||
186 | font-size: 36px; | ||
187 | @include ellipsis(4); | ||
188 | } | ||
189 | |||
190 | .poster { | ||
191 | width: 350px; | ||
192 | height: 230px; | ||
193 | border-radius: 8px; | ||
194 | } | ||
195 | } | ||
196 | } | ||
197 | } | ||
147 | } | 198 | } | ... | ... |
... | @@ -4,6 +4,7 @@ | ... | @@ -4,6 +4,7 @@ |
4 | <view class="app__content main"> | 4 | <view class="app__content main"> |
5 | <view class="top-space"></view> | 5 | <view class="top-space"></view> |
6 | <view class="content"> | 6 | <view class="content"> |
7 | <!-- 视频详情 --> | ||
7 | <view class="detail"> | 8 | <view class="detail"> |
8 | <video objectFit="cover" class="vid" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/7e91e8a4c7b84e6fa4bada7c8617c9cf.mp4" /> | 9 | <video objectFit="cover" class="vid" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/7e91e8a4c7b84e6fa4bada7c8617c9cf.mp4" /> |
9 | <view class="btn-wrap"> | 10 | <view class="btn-wrap"> |
... | @@ -17,8 +18,9 @@ | ... | @@ -17,8 +18,9 @@ |
17 | </button> | 18 | </button> |
18 | </view> | 19 | </view> |
19 | </view> | 20 | </view> |
21 | <!-- 功能区 --> | ||
20 | <view class="func"> | 22 | <view class="func"> |
21 | <view class="user"> | 23 | <view bindtap="toPersonalList" class="user"> |
22 | <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" /> | 24 | <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" /> |
23 | <view class="desc"> | 25 | <view class="desc"> |
24 | <view class="t1 name">我爱我家</view> | 26 | <view class="t1 name">我爱我家</view> |
... | @@ -35,7 +37,23 @@ | ... | @@ -35,7 +37,23 @@ |
35 | </view> | 37 | </view> |
36 | </view> | 38 | </view> |
37 | </view> | 39 | </view> |
38 | <view class="tit">超有创意的全家福,看了你也想拍!</view> | 40 | <!-- 功能区小标题 --> |
41 | <view class="fc-tit">超有创意的全家福,看了你也想拍!</view> | ||
42 | <!-- 广告 --> | ||
43 | <view class="ad"></view> | ||
44 | <!-- 装饰物 --> | ||
45 | <view class="decoration"></view> | ||
46 | <!-- 更多推荐 --> | ||
47 | <view class="more"> | ||
48 | <view class="more-title">-- 更多推荐欣赏 --</view> | ||
49 | <view class="more-list"> | ||
50 | <view wx:for="{{2}}" wx:key="{{index}}" class="more-list-item"> | ||
51 | <view class="tit">新政策来了!家有小孩的都要过来看看</view> | ||
52 | <image class="poster" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" /> | ||
53 | </view> | ||
54 | </view> | ||
55 | </view> | ||
39 | </view> | 56 | </view> |
40 | </view> | 57 | </view> |
41 | </view> | 58 | </view> |
59 | <shortcut></shortcut> | ... | ... |
src/pages/personal-list/personal-list.js
0 → 100755
1 | import { | ||
2 | getBindtapData | ||
3 | } from '../../utils/util' | ||
4 | |||
5 | let app = getApp(); | ||
6 | Page({ | ||
7 | data: { | ||
8 | active: 0 | ||
9 | }, | ||
10 | onLoad(options) {}, | ||
11 | initData() { | ||
12 | |||
13 | }, | ||
14 | onChange(event) { | ||
15 | wx.showToast({ | ||
16 | title: `切换到标签 ${event.detail.name}`, | ||
17 | icon: 'none' | ||
18 | }); | ||
19 | }, | ||
20 | onVanTabsHandler(event) { | ||
21 | console.log("event:", event); | ||
22 | let { | ||
23 | index, | ||
24 | title | ||
25 | } = event.detail; | ||
26 | }, | ||
27 | onVideoHandler(evt) { | ||
28 | let curItem = getBindtapData(evt); | ||
29 | let curIndex = getBindtapData(evt, "index"); | ||
30 | app.router.push({ | ||
31 | path: "detail", | ||
32 | query: { | ||
33 | c: curIndex + "" | ||
34 | } | ||
35 | }) | ||
36 | console.log("curItem:", curItem); | ||
37 | console.log("curIndex:", curIndex); | ||
38 | }, | ||
39 | /** | ||
40 | * 获取列列表 | ||
41 | */ | ||
42 | queryList() { | ||
43 | |||
44 | } | ||
45 | }) |
src/pages/personal-list/personal-list.json
0 → 100755
src/pages/personal-list/personal-list.scss
0 → 100755
1 | @import '../../assets/scss/mixins'; | ||
2 | @import '../../assets/scss/utils'; | ||
3 | |||
4 | .page { | ||
5 | |||
6 | padding-bottom: $pageBottom; | ||
7 | |||
8 | color: #333333; | ||
9 | font-size: 24px; | ||
10 | |||
11 | .bgc { | ||
12 | background-color: #efefef; | ||
13 | } | ||
14 | |||
15 | .bg {} | ||
16 | |||
17 | .main { | ||
18 | .top-space { | ||
19 | height: 120px; | ||
20 | } | ||
21 | |||
22 | .personal { | ||
23 | position: fixed; | ||
24 | top: 0; | ||
25 | z-index: 1; | ||
26 | @extend .bb; | ||
27 | padding: 24px 32px; | ||
28 | width: 100%; | ||
29 | display: flex; | ||
30 | justify-content: space-between; | ||
31 | align-items: center; | ||
32 | background-color: #ffffff; | ||
33 | border-bottom: solid 1px #efefef; | ||
34 | |||
35 | .name { | ||
36 | font-size: 32px; | ||
37 | font-weight: bold; | ||
38 | } | ||
39 | |||
40 | .portrait { | ||
41 | width: 64px; | ||
42 | height: 64px; | ||
43 | border-radius: 64px; | ||
44 | } | ||
45 | } | ||
46 | |||
47 | .content { | ||
48 | position: relative; | ||
49 | } | ||
50 | |||
51 | .list { | ||
52 | position: relative; | ||
53 | margin: 0 auto; | ||
54 | width: $contentWidth; | ||
55 | |||
56 | &-item { | ||
57 | position: relative; | ||
58 | background-color: #ffffff; | ||
59 | border-radius: 16px; | ||
60 | margin: 24px auto; | ||
61 | |||
62 | &-video { | ||
63 | display: flex; | ||
64 | justify-content: center; | ||
65 | position: relative; | ||
66 | width: $contentWidth; | ||
67 | |||
68 | .vid { | ||
69 | @include border-top-radius(16px); | ||
70 | width: $contentWidth; | ||
71 | pointer-events: none; | ||
72 | } | ||
73 | |||
74 | .tit { | ||
75 | color: #ffffff; | ||
76 | @extend .bb; | ||
77 | padding: 0 24px; | ||
78 | position: absolute; | ||
79 | width: 100%; | ||
80 | height: 64px; | ||
81 | line-height: 64px; | ||
82 | bottom: 0; | ||
83 | background-color: rgba($color: #000000, $alpha: 0.6); | ||
84 | @include border-top-radius(8px); | ||
85 | @include ellipsis(1); | ||
86 | |||
87 | } | ||
88 | } | ||
89 | |||
90 | &-func { | ||
91 | @extend .bb; | ||
92 | padding: 24px 24px; | ||
93 | height: 80px; | ||
94 | display: flex; | ||
95 | justify-content: space-between; | ||
96 | align-items: center; | ||
97 | |||
98 | .user { | ||
99 | display: flex; | ||
100 | align-items: center; | ||
101 | |||
102 | .portrait { | ||
103 | width: 48px; | ||
104 | height: 48px; | ||
105 | border-radius: 48px; | ||
106 | } | ||
107 | |||
108 | .name { | ||
109 | padding-left: 12px; | ||
110 | } | ||
111 | } | ||
112 | |||
113 | .share { | ||
114 | font-size: 24px; | ||
115 | display: flex; | ||
116 | justify-content: center; | ||
117 | align-items: center; | ||
118 | // width: 132px; | ||
119 | height: 48px; | ||
120 | color: #ffffff; | ||
121 | background-color: #3ec03c; | ||
122 | border-radius: 8px; | ||
123 | margin: 0; | ||
124 | |||
125 | .iconfont { | ||
126 | font-size: 32px; | ||
127 | } | ||
128 | |||
129 | .t1 { | ||
130 | padding: 0 6px; | ||
131 | } | ||
132 | } | ||
133 | } | ||
134 | |||
135 | } | ||
136 | } | ||
137 | } | ||
138 | |||
139 | |||
140 | .van-tab--active { | ||
141 | color: #fc464a; | ||
142 | } | ||
143 | |||
144 | .van-hairline--top-bottom:after { | ||
145 | border-width: 0; | ||
146 | } | ||
147 | } |
src/pages/personal-list/personal-list.wxml
0 → 100755
1 | <view class="page"> | ||
2 | <view class="app__bgc bgc"></view> | ||
3 | <view class="app__bg bg"></view> | ||
4 | <!-- <view class="app__top-shadow"></view> --> | ||
5 | <view class="app__content main"> | ||
6 | <view class="top-space"></view> | ||
7 | <view class="personal"> | ||
8 | <view class="name">我爱我家 的视频列表</view> | ||
9 | <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" /> | ||
10 | </view> | ||
11 | <view class="content"> | ||
12 | <view class="list"> | ||
13 | <view bindtap="onVideoHandler" wx:for="{{8}}" wx:key="index" data-data="{{item}}" data-index="{{index}}" class="list-item"> | ||
14 | <view class="list-item-video"> | ||
15 | <video objectFit="cover" class="vid" poster="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/7e91e8a4c7b84e6fa4bada7c8617c9cf.mp4" /> | ||
16 | <view class="tit">这是一个视频</view> | ||
17 | </view> | ||
18 | <view class="list-item-func"> | ||
19 | <view class="user"> | ||
20 | <image class="portrait" mode="aspectFill" src="https://kd.cdn.xyiyang.com/pro/mzczcradmin/008194acee794506aac4c7200ce654dc.jpg" /> | ||
21 | <text class="name">我爱我家</text> | ||
22 | </view> | ||
23 | <button class="share"> | ||
24 | <span class="t1 iconfont iconwechat"></span> | ||
25 | <span class="t1">分享</span> | ||
26 | </button> | ||
27 | </view> | ||
28 | </view> | ||
29 | </view> | ||
30 | </view> | ||
31 | </view> | ||
32 | </view> | ||
33 | <shortcut></shortcut> |
1 | const routerPath = { | 1 | const routerPath = { |
2 | index: '/pages/index/index', | 2 | index: '/pages/index/index', |
3 | detail: '/pages/detail/detail', | 3 | detail: '/pages/detail/detail', |
4 | personalList: '/pages/personal-list/personal-list', | ||
4 | authorize: '/pages/authorize/authorize', // 授权 | 5 | authorize: '/pages/authorize/authorize', // 授权 |
5 | example: '/pages/example/example', | 6 | example: '/pages/example/example', |
6 | more: '/pages/more/more', | 7 | more: '/pages/more/more', | ... | ... |
-
Please register or sign in to post a comment