[ { "path": ".babelrc", "content": "{\n \"presets\": [\"es2015\", \"stage-2\"],\n \"plugins\": [\"transform-runtime\"],\n \"comments\": false,\n}\n" }, { "path": ".editorconfig", "content": "root = true\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\n" }, { "path": ".github/workflows/close_inactive_issue.yml", "content": "name: Close Inactive Issue\n\non:\n schedule:\n - cron: \"0 0 * * *\"\n\njobs:\n close-issues:\n runs-on: ubuntu-latest\n steps:\n - name: close inactive issue\n uses: actions-cool/issues-helper@v2.2.1\n with:\n actions: 'close-issues'\n labels: 'inactive'\n inactive-day: 30\n body: |\n Since the issue was labeled with `inactive`, but no response in 30 days. This issue will be close. If you have any questions, you can comment and reply.\n 由于该 issue 被标记为不活跃，且 30 天未收到回应。现关闭 issue，若有任何问题，可评论回复。\n" }, { "path": ".gitignore", "content": ".DS_Store\nnode_modules/\nnpm-debug.log\npackage-lock.json\n# 忽略使用WebStorm开发时，生成的缓存文件夹\n.idea\n# 忽略使用VSCode开发时，生成的缓存文件夹\n.vscode\ntree.md\n*.idea\n\nelm/\n" }, { "path": "COPYING", "content": "\n GNU GENERAL PUBLIC LICENSE\n Version 2, June 1991\n\n Copyright (C) 1989, 1991 Free Software Foundation, Inc.\n 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA\n Everyone is permitted to copy and distribute verbatim copies\n of this license document, but changing it is not allowed.\n\n Preamble\n\n The licenses for most software are designed to take away your\nfreedom to share and change it. By contrast, the GNU General Public\nLicense is intended to guarantee your freedom to share and change free\nsoftware--to make sure the software is free for all its users. This\nGeneral Public License applies to most of the Free Software\nFoundation's software and to any other program whose authors commit to\nusing it. (Some other Free Software Foundation software is covered by\nthe GNU Library General Public License instead.) You can apply it to\nyour programs, too.\n\n When we speak of free software, we are referring to freedom, not\nprice. Our General Public Licenses are designed to make sure that you\nhave the freedom to distribute copies of free software (and charge for\nthis service if you wish), that you receive source code or can get it\nif you want it, that you can change the software or use pieces of it\nin new free programs; and that you know you can do these things.\n\n To protect your rights, we need to make restrictions that forbid\nanyone to deny you these rights or to ask you to surrender the rights.\nThese restrictions translate to certain responsibilities for you if you\ndistribute copies of the software, or if you modify it.\n\n For example, if you distribute copies of such a program, whether\ngratis or for a fee, you must give the recipients all the rights that\nyou have. You must make sure that they, too, receive or can get the\nsource code. And you must show them these terms so they know their\nrights.\n\n We protect your rights with two steps: (1) copyright the software, and\n(2) offer you this license which gives you legal permission to copy,\ndistribute and/or modify the software.\n\n Also, for each author's protection and ours, we want to make certain\nthat everyone understands that there is no warranty for this free\nsoftware. If the software is modified by someone else and passed on, we\nwant its recipients to know that what they have is not the original, so\nthat any problems introduced by others will not reflect on the original\nauthors' reputations.\n\n Finally, any free program is threatened constantly by software\npatents. We wish to avoid the danger that redistributors of a free\nprogram will individually obtain patent licenses, in effect making the\nprogram proprietary. To prevent this, we have made it clear that any\npatent must be licensed for everyone's free use or not licensed at all.\n\n The precise terms and conditions for copying, distribution and\nmodification follow.\n\f\n GNU GENERAL PUBLIC LICENSE\n TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION\n\n 0. This License applies to any program or other work which contains\na notice placed by the copyright holder saying it may be distributed\nunder the terms of this General Public License. The \"Program\", below,\nrefers to any such program or work, and a \"work based on the Program\"\nmeans either the Program or any derivative work under copyright law:\nthat is to say, a work containing the Program or a portion of it,\neither verbatim or with modifications and/or translated into another\nlanguage. (Hereinafter, translation is included without limitation in\nthe term \"modification\".) Each licensee is addressed as \"you\".\n\nActivities other than copying, distribution and modification are not\ncovered by this License; they are outside its scope. The act of\nrunning the Program is not restricted, and the output from the Program\nis covered only if its contents constitute a work based on the\nProgram (independent of having been made by running the Program).\nWhether that is true depends on what the Program does.\n\n 1. You may copy and distribute verbatim copies of the Program's\nsource code as you receive it, in any medium, provided that you\nconspicuously and appropriately publish on each copy an appropriate\ncopyright notice and disclaimer of warranty; keep intact all the\nnotices that refer to this License and to the absence of any warranty;\nand give any other recipients of the Program a copy of this License\nalong with the Program.\n\nYou may charge a fee for the physical act of transferring a copy, and\nyou may at your option offer warranty protection in exchange for a fee.\n\n 2. You may modify your copy or copies of the Program or any portion\nof it, thus forming a work based on the Program, and copy and\ndistribute such modifications or work under the terms of Section 1\nabove, provided that you also meet all of these conditions:\n\n a) You must cause the modified files to carry prominent notices\n stating that you changed the files and the date of any change.\n\n b) You must cause any work that you distribute or publish, that in\n whole or in part contains or is derived from the Program or any\n part thereof, to be licensed as a whole at no charge to all third\n parties under the terms of this License.\n\n c) If the modified program normally reads commands interactively\n when run, you must cause it, when started running for such\n interactive use in the most ordinary way, to print or display an\n announcement including an appropriate copyright notice and a\n notice that there is no warranty (or else, saying that you provide\n a warranty) and that users may redistribute the program under\n these conditions, and telling the user how to view a copy of this\n License. (Exception: if the Program itself is interactive but\n does not normally print such an announcement, your work based on\n the Program is not required to print an announcement.)\n\f\nThese requirements apply to the modified work as a whole. If\nidentifiable sections of that work are not derived from the Program,\nand can be reasonably considered independent and separate works in\nthemselves, then this License, and its terms, do not apply to those\nsections when you distribute them as separate works. But when you\ndistribute the same sections as part of a whole which is a work based\non the Program, the distribution of the whole must be on the terms of\nthis License, whose permissions for other licensees extend to the\nentire whole, and thus to each and every part regardless of who wrote it.\n\nThus, it is not the intent of this section to claim rights or contest\nyour rights to work written entirely by you; rather, the intent is to\nexercise the right to control the distribution of derivative or\ncollective works based on the Program.\n\nIn addition, mere aggregation of another work not based on the Program\nwith the Program (or with a work based on the Program) on a volume of\na storage or distribution medium does not bring the other work under\nthe scope of this License.\n\n 3. You may copy and distribute the Program (or a work based on it,\nunder Section 2) in object code or executable form under the terms of\nSections 1 and 2 above provided that you also do one of the following:\n\n a) Accompany it with the complete corresponding machine-readable\n source code, which must be distributed under the terms of Sections\n 1 and 2 above on a medium customarily used for software interchange; or,\n\n b) Accompany it with a written offer, valid for at least three\n years, to give any third party, for a charge no more than your\n cost of physically performing source distribution, a complete\n machine-readable copy of the corresponding source code, to be\n distributed under the terms of Sections 1 and 2 above on a medium\n customarily used for software interchange; or,\n\n c) Accompany it with the information you received as to the offer\n to distribute corresponding source code. (This alternative is\n allowed only for noncommercial distribution and only if you\n received the program in object code or executable form with such\n an offer, in accord with Subsection b above.)\n\nThe source code for a work means the preferred form of the work for\nmaking modifications to it. For an executable work, complete source\ncode means all the source code for all modules it contains, plus any\nassociated interface definition files, plus the scripts used to\ncontrol compilation and installation of the executable. However, as a\nspecial exception, the source code distributed need not include\nanything that is normally distributed (in either source or binary\nform) with the major components (compiler, kernel, and so on) of the\noperating system on which the executable runs, unless that component\nitself accompanies the executable.\n\nIf distribution of executable or object code is made by offering\naccess to copy from a designated place, then offering equivalent\naccess to copy the source code from the same place counts as\ndistribution of the source code, even though third parties are not\ncompelled to copy the source along with the object code.\n\f\n 4. You may not copy, modify, sublicense, or distribute the Program\nexcept as expressly provided under this License. Any attempt\notherwise to copy, modify, sublicense or distribute the Program is\nvoid, and will automatically terminate your rights under this License.\nHowever, parties who have received copies, or rights, from you under\nthis License will not have their licenses terminated so long as such\nparties remain in full compliance.\n\n 5. You are not required to accept this License, since you have not\nsigned it. However, nothing else grants you permission to modify or\ndistribute the Program or its derivative works. These actions are\nprohibited by law if you do not accept this License. Therefore, by\nmodifying or distributing the Program (or any work based on the\nProgram), you indicate your acceptance of this License to do so, and\nall its terms and conditions for copying, distributing or modifying\nthe Program or works based on it.\n\n 6. Each time you redistribute the Program (or any work based on the\nProgram), the recipient automatically receives a license from the\noriginal licensor to copy, distribute or modify the Program subject to\nthese terms and conditions. You may not impose any further\nrestrictions on the recipients' exercise of the rights granted herein.\nYou are not responsible for enforcing compliance by third parties to\nthis License.\n\n 7. If, as a consequence of a court judgment or allegation of patent\ninfringement or for any other reason (not limited to patent issues),\nconditions are imposed on you (whether by court order, agreement or\notherwise) that contradict the conditions of this License, they do not\nexcuse you from the conditions of this License. If you cannot\ndistribute so as to satisfy simultaneously your obligations under this\nLicense and any other pertinent obligations, then as a consequence you\nmay not distribute the Program at all. For example, if a patent\nlicense would not permit royalty-free redistribution of the Program by\nall those who receive copies directly or indirectly through you, then\nthe only way you could satisfy both it and this License would be to\nrefrain entirely from distribution of the Program.\n\nIf any portion of this section is held invalid or unenforceable under\nany particular circumstance, the balance of the section is intended to\napply and the section as a whole is intended to apply in other\ncircumstances.\n\nIt is not the purpose of this section to induce you to infringe any\npatents or other property right claims or to contest validity of any\nsuch claims; this section has the sole purpose of protecting the\nintegrity of the free software distribution system, which is\nimplemented by public license practices. Many people have made\ngenerous contributions to the wide range of software distributed\nthrough that system in reliance on consistent application of that\nsystem; it is up to the author/donor to decide if he or she is willing\nto distribute software through any other system and a licensee cannot\nimpose that choice.\n\nThis section is intended to make thoroughly clear what is believed to\nbe a consequence of the rest of this License.\n\f\n 8. If the distribution and/or use of the Program is restricted in\ncertain countries either by patents or by copyrighted interfaces, the\noriginal copyright holder who places the Program under this License\nmay add an explicit geographical distribution limitation excluding\nthose countries, so that distribution is permitted only in or among\ncountries not thus excluded. In such case, this License incorporates\nthe limitation as if written in the body of this License.\n\n 9. The Free Software Foundation may publish revised and/or new versions\nof the General Public License from time to time. Such new versions will\nbe similar in spirit to the present version, but may differ in detail to\naddress new problems or concerns.\n\nEach version is given a distinguishing version number. If the Program\nspecifies a version number of this License which applies to it and \"any\nlater version\", you have the option of following the terms and conditions\neither of that version or of any later version published by the Free\nSoftware Foundation. If the Program does not specify a version number of\nthis License, you may choose any version ever published by the Free Software\nFoundation.\n\n 10. If you wish to incorporate parts of the Program into other free\nprograms whose distribution conditions are different, write to the author\nto ask for permission. For software which is copyrighted by the Free\nSoftware Foundation, write to the Free Software Foundation; we sometimes\nmake exceptions for this. Our decision will be guided by the two goals\nof preserving the free status of all derivatives of our free software and\nof promoting the sharing and reuse of software generally.\n\n NO WARRANTY\n\n 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY\nFOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN\nOTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES\nPROVIDE THE PROGRAM \"AS IS\" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED\nOR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF\nMERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS\nTO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE\nPROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,\nREPAIR OR CORRECTION.\n\n 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING\nWILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR\nREDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,\nINCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING\nOUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED\nTO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY\nYOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER\nPROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE\nPOSSIBILITY OF SUCH DAMAGES.\n\n END OF TERMS AND CONDITIONS\n\f\n How to Apply These Terms to Your New Programs\n\n If you develop a new program, and you want it to be of the greatest\npossible use to the public, the best way to achieve this is to make it\nfree software which everyone can redistribute and change under these terms.\n\n To do so, attach the following notices to the program. It is safest\nto attach them to the start of each source file to most effectively\nconvey the exclusion of warranty; and each file should have at least\nthe \"copyright\" line and a pointer to where the full notice is found.\n\n \n Copyright (C) \n\n This program is free software; you can redistribute it and/or modify\n it under the terms of the GNU General Public License as published by\n the Free Software Foundation; either version 2 of the License, or\n (at your option) any later version.\n\n This program is distributed in the hope that it will be useful,\n but WITHOUT ANY WARRANTY; without even the implied warranty of\n MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n GNU General Public License for more details.\n\n You should have received a copy of the GNU General Public License\n along with this program; if not, write to the Free Software\n Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA\n\n\nAlso add information on how to contact you by electronic and paper mail.\n\nIf the program is interactive, make it output a short notice like this\nwhen it starts in an interactive mode:\n\n Gnomovision version 69, Copyright (C) year name of author\n Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.\n This is free software, and you are welcome to redistribute it\n under certain conditions; type `show c' for details.\n\nThe hypothetical commands `show w' and `show c' should show the appropriate\nparts of the General Public License. Of course, the commands you use may\nbe called something other than `show w' and `show c'; they could even be\nmouse-clicks or menu items--whatever suits your program.\n\nYou should also get your employer (if you work as a programmer) or your\nschool, if any, to sign a \"copyright disclaimer\" for the program, if\nnecessary. Here is a sample; alter the names:\n\n Yoyodyne, Inc., hereby disclaims all copyright interest in the program\n `Gnomovision' (which makes passes at compilers) written by James Hacker.\n\n , 1 April 1989\n Ty Coon, President of Vice\n\nThis General Public License does not permit incorporating your program into\nproprietary programs. If your program is a subroutine library, you may\nconsider it more useful to permit linking proprietary applications with the\nlibrary. If this is what you want to do, use the GNU Library General\nPublic License instead of this License." }, { "path": "README-en.md", "content": "# Introduction\n\n[README in Chinese](README.md)\n\nWhen I began to learn to vue, search of some practical source code about vue, but most of them are simple demo and didn't help to explore the vue. The most of demo are front-end page, such as music player interaction not as complicated as expected.But in actual work, we often meet some project involving money, such as shopping cart page. This kind of project is complex, accompany by login, register ,user information and so on. It's difficult, no one has ever written a project like this in vue and commit to github. So I write it, hope I can help you. \n\nThis functional project is practical but often boring, with no music player so gorgeous. For a long time, I think that Elm APP is a good material. First, it is complex that the open delivery platform is more complicated than the typical project. Second, you won't get bored seeing so much beautiful food.\n\nBut why is the Elm APP, not Baidu App or Meituan App? The reason is simple, that Elm's layout is the most beautiful and the most comfortable in the three APP.\n\nThere are 45 pages of this project, involving registration, login, merchandise display, shopping cart, order and so on. It is a complete process. The average company project is not that complicated, so if you can understand this project fully, I believe that you can able to do the most of single-page applications in the other company. Even if it's more complex, and it won't be much higher than this one.\n\nThe project was done in the spare time, actually it was written years ago and over the years, so the spend time seem a bit long. The project spend more than two months from beginning to end. Now it has been completed, some performance optimizations are being performed to add detailed annotations.\n\nIn addition, the project don't related elm video of imooc website, and that project only have one page. After watching the official documentation of vue, I wrote this project directly, and without reference to any code, so please don't mix them up.\n\n__Note: This project is purely personal. If you want to order, please choose the official elm client.__\n\n\n\n## Technology\n\nvue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg\n\n\n## Development\n\nNote:This project used a lot of properties such as ES6/7, so node 6.0.0+ is required.\n\n```\ngit clone https://github.com/bailicangdu/vue2-elm.git  \n\ncd vue2-elm\n\nnpm install\n\nnpm run dev\n\n```\n\n\n## More\nThis project has the supporting background system. If you want to develop it, you can download the corresponding backend system.[backend system](https://github.com/bailicangdu/node-elm)。\n\nBackend system's run command:npm run local .\n\nIf you only do the front-end development, ignore this note.\n\n\n# Explain\n\n> If it helps you, you can click \"Star\" in the upper right corner to support,thank you. ^_^\n\n> May be you can \"follow\" me, I will make more interstng projects.\n\n> Development environment: macOS 10.12.3 Chrome 56  nodejs 6.10.0\n\n> Thanks for 辰妹子[@bailichen](https://github.com/bailichen), [@iceRao](https://github.com/raoenhui)，to help complete the project，thank you🌹\n\n> If you hava some question,you can post the question in Issues, and if you find some solution or some improvement，please pull request. 👍\n\n> [communication group](https://gitter.im/vue2-elm/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)\n\n> Recommend a open source project about react and redux。[address](https://github.com/bailicangdu/react-pxq)\n\n> Recommend a other demo about vue2 and vuex，it's simple and good for newbie.[address](https://github.com/bailicangdu/vue2-happyfri)\n\n\n## Dscription of the data interface 🤔\n\n### 2017-05-30\n\nFor some reason，previous interfaces could not be used, it made the project failed to run.The new backend system is built by nodejs.[backend system address](https://github.com/bailicangdu/node-elm). It can kept consisent with the offical website. And provide corresponding [background management system](https://github.com/bailicangdu/vue2-manage)\n\n\n# Demo\n\n[click it](http://cangdu.org/elm/)（Preview with chrome phone mode please）\n\n### The mobile can scan the qr code in the below\n\n\n\n\n\n# Features\n- [x] location function -- finished\n- [x] choose city -- finished\n- [x] search address-- finished\n- [x] display a list of merchant that near by the selected address -- finished\n- [x] find food or restaurant -- finished\n- [x] sorting and filter according to distance,sales,rating,special course,distribution and so on -- finished\n- [x] food list of restaurant -- finished\n- [x] cart function -- finished\n- [x] evaluation page of shop -- finished\n- [x] detail page about one food-- finished\n- [x] detail page about merchant -- finished\n- [x] login、register -- finished\n- [x] change password -- finished\n- [x] user center -- finished\n- [x] send message、voice verification -- finished\n- [x] order function -- finished ✨✨🎉🎉\n- [x] order list -- finished\n- [x] order detail -- finished\n- [x] download App -- finished\n- [x] add、delete、change delivery address -- finished\n- [x] account info -- finished\n- [x] service center -- finished\n- [x] red packet -- finished\n- [x] upload avator -- finished\n- [ ] pay -- No money~~\n\n\n\n# Summarize\n\n1, It is not the official of elm, so it is necessary to open the agent, and must be opened on the PC. At most, you can order but not more, after the success of the order, you can check and pay the payment on your mobile phone.\n\n2, In general, the page involves money that is complicated, especially like elm? An open platform, It has many types of merchants and foods, need some complex interaction between page and page. When I writing the cart and order pages, without API but it has a lot of \n\n3, Vue is so bright, because of it's a lightweight framework good at the small and medium-sized project. Whem you want make a large single-page application, you can use vuex, the performance is still outstanding. In the treatment of the complex interaction logic page, vuex is necessary. So if you use vue and vuex, you can make large single-page projects.\n\n4, Now, after make process of the login to register, homepage, search, businesses, shopping cart, order, order list, personal center and so on. I not only understanding the vue to a deeper level, and it's can help for me to control the large project in the future. Do a practical project has great improvement in myself.\n\n5, Sometimes I doubt that to spend a few months make this project has meaning or not. At first I just wanted to do a small project, but I didn't think I could write more, but when I finished I believed it was worth it.\n\n6, The project was already finished, and have 45 pages.\n\n\n# Ultimate Goal\n\n1, Build a background system to simulate the delivery platform with node.js。[address](https://github.com/bailicangdu/node-elm)\n\n2, Use react-native to write native APP of Android and IOS。[地址在这里](https://github.com/bailicangdu/React-Native-elm)\n\n3、May be I will make a seller's version in the future.\n \n So my goal is to build a full ecosystem across the frontend , backend, IOS and Android.\n \n ...Waiting for me\n\n\n\n# Screenshot\n\n\n### store list page\n\n \n\n\n### store filter page\n\n \n\n\n\n### food list and cart\n\n \n\n### oder check page\n\n \n\n\n### search page\n\n \n\n\n### login page\n\n \n\n\n### user center\n\n \n\n\n\n\n\n\n# Layout\n\n```\n.\n├── build // webpack config file\n├── config // package path\n├── elm // online project file,can access if put them one the server\n├── screenshots // screenshot\n├── src // source directory\n│   ├── components // components\n│   │   ├── common // common components\n│   │   │   ├── alertTip.vue // popup components\n│   │   │   ├── buyCart.vue // cart components\n│   │   │   ├── computeTime.vue // countdown components\n│   │   │   ├── loading.vue // the animation component when page is initialized\n│   │   │   ├── mixin.js // mixinf components(inculde：directive-loading more，make picture address)\n│   │   │   ├── ratingStar.vue // the five rating star component about comment\n│   │   │   └── shoplist.vue // the resturant list common component of msite and shop page\n│   │   ├── footer\n│   │   │   └── footGuide.vue // footer common component\n│   │   └── header\n│   │   └── head.vue // header common component\n│   ├── config // basic configuration\n│   │   ├── env.js // environment switch configuration\n│   │   ├── fetch.js // git data\n│   │   ├── mUtils.js // common function about js\n│   │   └── rem.js // px transform rem\n│   ├── images // public picture\n│   ├── page\n│   │   ├── balance\n│   │   │   ├── balance.vue // balance page\n│   │   │   └── children\n│   │   │   └── detail.vue // balance detail page\n│   │   ├── benefit\n│   │   │   ├── benefit.vue // benefit pahe\n│   │   │   └── children\n│   │   │   ├── commend.vue // recommend prize\n│   │   │   ├── coupon.vue // coupon introduction\n│   │   │   ├── exchange.vue // exchange benefit\n│   │   │   ├── hbDescription.vue // benefit descripting\n│   │   │   └── hbHistory.vue // benefit's history\n│   │   ├── city \n│   │   │   └── city.vue // local city page\n│   │   ├── confirmOrder\n│   │   │   ├── children\n│   │   │   │   ├── children\n│   │   │   │   │   ├── addAddress.vue // add address page\n│   │   │   │   │   └── children\n│   │   │   │   │   └── searchAddress.vue // search address page\n│   │   │   │   ├── chooseAddress.vue // choose address page\n│   │   │   │   ├── invoice.vue // choose invoice page\n│   │   │   │   ├── payment.vue // pay page\n│   │   │   │   ├── remark.vue // order remark page \n│   │   │   │   └── userValidation.vue // user validation page\n│   │   │   └── confirmOrder.vue // confirm order page\n│   │   ├── download\n│   │   │   └── download.vue // downlad App\n│   │   ├── find\n│   │   │   └── find.vue // find page\n│   │   ├── food\n│   │   │   └── food.vue // food filter sort page\n│   │   ├── forget\n│   │   │   └── forget.vue // forget password, change password\n│   │   ├── home\n│   │   │   └── home.vue // index page\n│   │   ├── login\n│   │   │   └── login.vue // login and register page\n│   │   ├── msite\n│   │   │   └── msite.vue // merchant list page\n│   │   ├── order\n│   │   │   ├── children\n│   │   │   │   └── orderDetail.vue // order detail page\n│   │   │   └── order.vue // order list page\n│   │   ├── points\n│   │   │   ├── children\n│   │   │   │   └── detail.vue // points detail page\n│   │   │   └── points.vue // points page\n│   │   ├── profile\n│   │   │   ├── children\n│   │   │   │   ├── children\n│   │   │   │   │   ├── address.vue // address page\n│   │   │   │   │   └── children\n│   │   │   │   │   ├── add.vue // add address page\n│   │   │   │   │   └── children\n│   │   │   │   │   └── addDetail.vue // search address page\n│   │   │   │   ├── info.vue // account info page\n│   │   │   │   └── setusername.vue // reset user page\n│   │   │   └── profile.vue // user profile page\n│   │   ├── search\n│   │   │   └── search.vue // search page\n│   │   ├── service\n│   │   │   ├── children\n│   │   │   │   └── questionDetail.vue // question detail page\n│   │   │   └── service.vue // service center page\n│   │   ├── shop\n│   │   │   ├── children\n│   │   │   │   ├── children\n│   │   │   │   │   └── shopSafe.vue // shop check info page\n│   │   │   │   ├── foodDetail.vue // food detail page\n│   │   │   │   └── shopDetail.vue // shop detail page\n│   │   │   └── shop.vue // shop filter page\n│   │   └── vipcard\n│   │   ├── children\n│   │   │   ├── invoiceRecord.vue // invoice record page\n│   │   │   ├── useCart.vue // use card page\n│   │   │   └── vipDescription.vue // vip deacription page\n│   │   └── vipcard.vue // vip handling page\n│   ├── plugins // plugins\n│   ├── router\n│   │   └── router.js // router configuration\n│   ├── service // data interaction and unified deployment\n│   │   ├── getData.js // the unified deployment file for get data, and unified management of interfaces\n│   │   └── tempdata // temporary data for the development\n│   ├── store // Vuex status management\n│   │   ├── action.js // actions configuration\n│   │   ├── getters.js // getters configuration\n│   │   ├── index.js // use vuex，new store\n│   │   ├── modules // store modules\n│   │   ├── mutation-types.js // make const for muations\n│   │   └── mutations.js // mutations configuration\n│   └── style\n│   ├── common.scss // common css\n│   ├── mixin.scss // cs configuration file\n│   └── swiper.min.css\n│   ├── App.vue // entry page js file\n│   ├── main.js // the main js for loading components\n├── favicon.ico // icon\n├── index.html // entry page html file\n.\n\n56 directories, 203 files\n```\n\n\n# License\n\n[GPL](https://github.com/bailicangdu/vue2-elm/blob/master/COPYING)\n" }, { "path": "README.md", "content": "# 前言\n\n[README in English](README-en.md)\n\n初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登录、注册、用户信息等等，常常会让我们很头疼。既然还没人用vue写过这样的项目，那不如我来写，开源出来对能看到的人也会有帮助。\n\n这种功能性的项目很实用但是往往也很枯燥，没有音乐播放器那么看起来绚丽，思来想去发现饿了么是一个不错的素材，一来它足够复杂，开放的外卖平台比一般的公司独有商店更加复杂。二来 见到那么多美食，大家也不会感觉到厌烦。\n\n为啥是饿了么，而不是美团？原因很简单，饿了么的色调和布局是最漂亮的，看起来最舒服。\n\n此项目大大小小共 45 个页面，涉及注册、登录、商品展示、购物车、下单等等，是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂，如果这个项目能驾驭的了，相信大部分公司的其他单页面应用也就不在话下，即便更复杂，也不会比这个高到哪里去。\n\n因为利用业余时间来做，年前就开始写，又跨个年，周期有点长，项目从零布局到完成共用了2个多月的时间。\n\n另外，这个项目和慕课网视频的那个饿了么没有任何关系，慕课网的项目只有一个页面，我在看完vue的官方文档后直接写了这个项目，没有参照任何人的代码，请大家不要混为一谈。\n\n__注1：此项目纯属个人瞎搞，正常下单请选择饿了么官方客户端。__\n\n__注2：项目预览地址和接口需要使用https访问哦！__\n\n\n## 技术栈\n\nvue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg\n\n\n## 项目运行\n\n#### 注意：由于涉及大量的 ES6/7 等新属性，node 需要 6.0 以上版本\n\n```\ngit clone https://github.com/bailicangdu/vue2-elm.git  \n\ncd vue2-elm\n\nnpm install 或 yarn(推荐)\n\nnpm run dev\n\n```\n## 关于接口数据\n\n此项目的所有接口数据都来源于配套的后台系统，[后台项目传送地址](https://github.com/bailicangdu/node-elm)。\n\n如果想体验前后台同时开发，可以下载后台系统。\n\n此时启动本项目的命令为：npm run local 而不是 npm run dev。\n\n同时我们也提供了基于`element-ui`搭建的[后台管理页面](https://github.com/bailicangdu/vue2-manage)\n\n如果只做前端开发，请忽略上面这几句话哟～\n\n\n# 说明\n\n> 如果对您有帮助，您可以点右上角 \"Star\" 支持一下 谢谢！ ^_^\n\n> 或者您可以 \"follow\" 一下，我会不断开源更多的有趣的项目\n\n> 开发环境 macOS 10.12.3 Chrome 56  nodejs 6.10.0\n\n> 特别感谢[@bailichen](https://github.com/bailichen), [@iceRao](https://github.com/raoenhui)，在百忙之中抽出时间和我一起完成了这个项目，辛苦了🌹\n\n> 如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍\n\n> [项目交流群](https://gitter.im/vue2-elm/Lobby?utm_source=share-link&utm_medium=link&utm_campaign=share-link)\n\n> 推荐一个 react + redux 开源项目，对react感兴趣的朋友赶紧去看看。[地址在这里](https://github.com/bailicangdu/react-pxq)\n\n> 另外一个 vue2 + vuex 的入门项目，比当前的项目简单很多，非常适合入门练习。[地址在这里](https://github.com/bailicangdu/vue2-happyfri)\n\n\n# 效果演示\n\n[查看demo请戳这里](https://cangdu.org/elm/#/msite)（请用chrome手机模式预览）\n\n### 移动端扫描下方二维码\n\n\n\n\n\n# 目标功能\n- [x] 定位功能 -- 完成\n- [x] 选择城市 -- 完成\n- [x] 搜索地址 -- 完成\n- [x] 展示所选地址附近商家列表 -- 完成\n- [x] 搜索美食，餐馆 -- 完成\n- [x] 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成\n- [x] 餐馆食品列表页 -- 完成\n- [x] 购物车功能 -- 完成\n- [x] 店铺评价页面 -- 完成\n- [x] 单个食品详情页面 -- 完成\n- [x] 商家详情页 -- 完成\n- [x] 登录、注册 -- 完成\n- [x] 修改密码 -- 完成\n- [x] 个人中心 -- 完成\n- [x] 发送短信、语音验证 -- 完成\n- [x] 下单功能 -- 完成 ✨✨🎉🎉\n- [x] 订单列表 -- 完成\n- [x] 订单详情 -- 完成\n- [x] 下载App -- 完成\n- [x] 添加、删除、修改收货地址 -- 完成\n- [x] 帐户信息 -- 完成\n- [x] 服务中心 -- 完成\n- [x] 红包 -- 完成\n- [x] 上传头像 -- 完成\n- [ ] 付款 -- 臣妾做不到啊~~\n\n\n\n# 总结\n\n1、一般涉及到money的网页逻辑都比较复杂，尤其像饿了么这样一个开放的平台，商家和食品种类繁多，页面与页面之间交互复杂，在写到 购物车 和 下单 功能时众多的数据和逻辑一度让人很头疼，又没有设计和接口api文档，只能一步步摸索。\n\n2、vue因其轻量级的框架在中小型项目中表现亮眼，在大型单页面应用中因为vuex的存在，表现依然出色，在处理复杂交互逻辑的时候，vuex的存在是不可或缺的。所以说利用 vue + vuex 完全可以去做大型的单页面项目。\n\n3、项目写到现在，从 登录注册到、首页、搜索、商家列表、购物车、下单、订单列表、个人中心 一个流程走完之后、不但对vue的理解更深一层，而且对以后掌控大型项目的时候也有非常多的帮助，做一个实际的项目才能对自己有很大的提升。\n\n4、曾一度怀疑，花几个月的时间做这样一个项目到底有没有意义，本来只是想做一个小项目练练手，没想到后来越写越多，不过坚持下来后我相信一切都是值得的。\n\n5、项目已经完成，共45个页面。\n\n\n# 最终目标\n\n1、用node.js构建一个模拟外卖平台的后台系统。[地址在这里](https://github.com/bailicangdu/node-elm)\n\n2、写出跨 Android 和 IOS 的原生APP版本。[地址在这里](https://github.com/bailicangdu/native-xdm)\n\n3、如果时间来的及，会出一卖家版本。\n\n所以我的目的是构建一个横跨前后端，移动IOS、Android的完整生态圈。\n\n。。。敬请期待\n\n\n\n\n# 部分截图\n\n\n### 商铺列表页\n\n \n\n\n### 商铺筛选页\n\n \n\n\n\n### 餐馆食品列表与购物车\n\n \n\n### 确认订单页\n\n \n\n\n### 搜索页\n\n \n\n\n### 登录页\n\n \n\n\n### 个人中心\n\n \n\n\n\n\n\n\n# 项目布局\n\n```\n.\n├── build // webpack配置文件\n├── config // 项目打包路径\n├── elm // 上线项目文件，放在服务器即可正常访问\n├── screenshots // 项目截图\n├── src // 源码目录\n│   ├── components // 组件\n│   │   ├── common // 公共组件\n│   │   │   ├── alertTip.vue // 弹出框组件\n│   │   │   ├── buyCart.vue // 购物车组件\n│   │   │   ├── computeTime.vue // 倒计时组件\n│   │   │   ├── loading.vue // 页面初始化加载数据的动画组件\n│   │   │   ├── mixin.js // 组件混合(包括：指令-下拉加载更多，处理图片地址)\n│   │   │   ├── ratingStar.vue // 评论的五颗星组件\n│   │   │   └── shoplist.vue // msite和shop页面的餐馆列表公共组件\n│   │   ├── footer\n│   │   │   └── footGuide.vue // 底部公共组件\n│   │   └── header\n│   │   └── head.vue // 头部公共组件\n│   ├── config // 基本配置\n│   │   ├── env.js // 环境切换配置\n│   │   ├── fetch.js // 获取数据\n│   │   ├── mUtils.js // 常用的js方法\n│   │   └── rem.js // px转换rem\n│   ├── images // 公共图片\n│   ├── page\n│   │   ├── balance\n│   │   │   ├── balance.vue // 余额页\n│   │   │   └── children\n│   │   │   └── detail.vue // 余额说明\n│   │   ├── benefit\n│   │   │   ├── benefit.vue // 红包页\n│   │   │   └── children\n│   │   │   ├── commend.vue // 推荐有奖\n│   │   │   ├── coupon.vue // 代金券说明\n│   │   │   ├── exchange.vue // 兑换红包\n│   │   │   ├── hbDescription.vue // 红包说明\n│   │   │   └── hbHistory.vue // 历史红包\n│   │   ├── city\n│   │   │   └── city.vue // 当前城市页\n│   │   ├── confirmOrder\n│   │   │   ├── children\n│   │   │   │   ├── children\n│   │   │   │   │   ├── addAddress.vue // 添加地址页\n│   │   │   │   │   └── children\n│   │   │   │   │   └── searchAddress.vue // 搜索地址页\n│   │   │   │   ├── chooseAddress.vue // 选择地址页\n│   │   │   │   ├── invoice.vue // 选择发票页\n│   │   │   │   ├── payment.vue // 付款页\n│   │   │   │   ├── remark.vue // 订单备注页\n│   │   │   │   └── userValidation.vue // 用户验证页\n│   │   │   └── confirmOrder.vue // 确认订单页\n│   │   ├── download\n│   │   │   └── download.vue // 下载App\n│   │   ├── find\n│   │   │   └── find.vue // 发现页\n│   │   ├── food\n│   │   │   └── food.vue // 食品筛选排序页\n│   │   ├── forget\n│   │   │   └── forget.vue // 忘记密码，修改密码页\n│   │   ├── home\n│   │   │   └── home.vue // 首页\n│   │   ├── login\n│   │   │   └── login.vue // 登录注册页\n│   │   ├── msite\n│   │   │   └── msite.vue // 商铺列表页\n│   │   ├── order\n│   │   │   ├── children\n│   │   │   │   └── orderDetail.vue // 订单详情页\n│   │   │   └── order.vue // 订单列表页\n│   │   ├── points\n│   │   │   ├── children\n│   │   │   │   └── detail.vue // 积分说明\n│   │   │   └── points.vue // 积分页\n│   │   ├── profile\n│   │   │   ├── children\n│   │   │   │   ├── children\n│   │   │   │   │   ├── address.vue // 地址\n│   │   │   │   │   └── children\n│   │   │   │   │   ├── add.vue // 新增地址\n│   │   │   │   │   └── children\n│   │   │   │   │   └── addDetail.vue // 搜索地址\n│   │   │   │   ├── info.vue // 帐户信息\n│   │   │   │   └── setusername.vue // 重置用户名\n│   │   │   └── profile.vue // 个人中心\n│   │   ├── search\n│   │   │   └── search.vue // 搜索页\n│   │   ├── service\n│   │   │   ├── children\n│   │   │   │   └── questionDetail.vue // 问题详情\n│   │   │   └── service.vue // 服务中心\n│   │   ├── shop\n│   │   │   ├── children\n│   │   │   │   ├── children\n│   │   │   │   │   └── shopSafe.vue // 商铺认证信息页\n│   │   │   │   ├── foodDetail.vue // 商铺信息页\n│   │   │   │   └── shopDetail.vue // 单个商铺信息页\n│   │   │   └── shop.vue // 商铺筛选页\n│   │   └── vipcard\n│   │   ├── children\n│   │   │   ├── invoiceRecord.vue // 购买记录\n│   │   │   ├── useCart.vue // 使用卡号购买\n│   │   │   └── vipDescription.vue // 会员说明\n│   │   └── vipcard.vue // 会员卡办理页\n│   ├── plugins // 引用的插件\n│   ├── router\n│   │   └── router.js // 路由配置\n│   ├── service // 数据交互统一调配\n│   │   ├── getData.js // 获取数据的统一调配文件，对接口进行统一管理\n│   │   └── tempdata // 开发阶段的临时数据\n│   ├── store // vuex的状态管理\n│   │   ├── action.js // 配置actions\n│   │   ├── getters.js // 配置getters\n│   │   ├── index.js // 引用vuex，创建store\n│   │   ├── modules // store模块\n│   │   ├── mutation-types.js // 定义常量muations名\n│   │   └── mutations.js // 配置mutations\n│   └── style\n│   ├── common.scss // 公共样式文件\n│   ├── mixin.scss // 样式配置文件\n│   └── swiper.min.css\n│   ├── App.vue // 页面入口文件\n│   ├── main.js // 程序入口文件，加载各种公共组件\n├── favicon.ico // 图标\n├── index.html // 入口html文件\n.\n\n56 directories, 203 files\n```\n\n# License\n\n[GPL](https://github.com/bailicangdu/vue2-elm/blob/master/COPYING)\n" }, { "path": "build/build.js", "content": "// https://github.com/shelljs/shelljs\nrequire('shelljs/global')\nenv.NODE_ENV = 'production'\n\nvar path = require('path')\nvar config = require('../config')\nvar ora = require('ora')\nvar webpack = require('webpack')\nvar webpackConfig = require('./webpack.prod.conf')\n\nvar spinner = ora('building for production...')\nspinner.start()\n\nvar assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)\nrm('-rf', assetsPath)\nmkdir('-p', assetsPath)\ncp('-R', 'static/*', assetsPath)\n\nwebpack(webpackConfig, function(err, stats) {\n spinner.stop()\n if (err) throw err\n process.stdout.write(stats.toString({\n colors: true,\n modules: false,\n children: false,\n chunks: false,\n chunkModules: false\n }) + '\\n')\n})" }, { "path": "build/dev-client.js", "content": "/* eslint-disable */\nrequire('eventsource-polyfill')\nvar hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')\n\nhotClient.subscribe(function(event) {\n\tif (event.action === 'reload') {\n\t\twindow.location.reload()\n\t}\n})" }, { "path": "build/dev-server.js", "content": "var config = require('../config')\nif (!process.env.NODE_ENV) process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)\nvar path = require('path')\nvar express = require('express')\nvar webpack = require('webpack')\nvar opn = require('opn')\nvar proxyMiddleware = require('http-proxy-middleware')\nvar webpackConfig = require('./webpack.dev.conf')\n\n// default port where dev server listens for incoming traffic\nvar port = process.env.PORT || config.dev.port\n // Define HTTP proxies to your custom API backend\n // https://github.com/chimurai/http-proxy-middleware\n\nvar server = express()\nvar compiler = webpack(webpackConfig)\n\nvar devMiddleware = require('webpack-dev-middleware')(compiler, {\n publicPath: webpackConfig.output.publicPath,\n stats: {\n colors: true,\n chunks: false\n }\n})\n\nvar hotMiddleware = require('webpack-hot-middleware')(compiler)\n // force page reload when html-webpack-plugin template changes\ncompiler.plugin('compilation', function(compilation) {\n compilation.plugin('html-webpack-plugin-after-emit', function(data, cb) {\n hotMiddleware.publish({\n action: 'reload'\n })\n cb()\n })\n})\n\nvar context = config.dev.context\n\nswitch(process.env.NODE_ENV){\n case 'local': var proxypath = 'http://localhost:8001'; break;\n case 'online': var proxypath = 'https://elm.cangdu.org'; break;\n default: var proxypath = config.dev.proxypath;\n}\nvar options = {\n target: proxypath,\n changeOrigin: true,\n}\nif (context.length) {\n server.use(proxyMiddleware(context, options))\n}\n\n// handle fallback for HTML5 history API\nserver.use(require('connect-history-api-fallback')())\n\n// serve webpack bundle output\nserver.use(devMiddleware)\n\n// enable hot-reload and state-preserving\n// compilation error display\nserver.use(hotMiddleware)\n\n// serve pure static assets\nvar staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)\nserver.use(staticPath, express.static('./static'))\n\nmodule.exports = server.listen(port, function(err) {\n if (err) {\n console.log(err)\n return\n }\n var uri = 'http://localhost:' + port\n console.log('Listening at ' + uri + '\\n')\n\n // when env is testing, don't need open it\n if (process.env.NODE_ENV !== 'testing') {\n opn(uri)\n }\n})\n" }, { "path": "build/utils.js", "content": "var path = require('path')\nvar config = require('../config')\nvar ExtractTextPlugin = require('extract-text-webpack-plugin')\n\nexports.assetsPath = function(_path) {\n var assetsSubDirectory = process.env.NODE_ENV === 'production' ? config.build.assetsSubDirectory : config.dev.assetsSubDirectory\n return path.posix.join(assetsSubDirectory, _path)\n}\n\nexports.cssLoaders = function(options) {\n options = options || {}\n // generate loader string to be used with extract text plugin\n function generateLoaders(loaders) {\n var sourceLoader = loaders.map(function(loader) {\n var extraParamChar\n if (/\\?/.test(loader)) {\n loader = loader.replace(/\\?/, '-loader?')\n extraParamChar = '&'\n } else {\n loader = loader + '-loader'\n extraParamChar = '?'\n }\n return loader + (options.sourceMap ? extraParamChar + 'sourceMap' : '')\n }).join('!')\n\n // (which is the case during production build)\n if (options.extract) {\n return ExtractTextPlugin.extract('vue-style-loader', sourceLoader)\n } else {\n return ['vue-style-loader', sourceLoader].join('!')\n }\n }\n\n // http://vuejs.github.io/vue-loader/en/configurations/extract-css.html\n return {\n css: generateLoaders(['css']),\n postcss: generateLoaders(['css']),\n less: generateLoaders(['css', 'less']),\n sass: generateLoaders(['css', 'sass?indentedSyntax']),\n scss: generateLoaders(['css', 'sass']),\n stylus: generateLoaders(['css', 'stylus']),\n styl: generateLoaders(['css', 'stylus'])\n }\n}\n\n// Generate loaders for standalone style files (outside of .vue)\nexports.styleLoaders = function(options) {\n var output = []\n var loaders = exports.cssLoaders(options)\n for (var extension in loaders) {\n var loader = loaders[extension]\n output.push({\n test: new RegExp('\\\\.' + extension + '$'),\n loader: loader\n })\n }\n return output\n}" }, { "path": "build/webpack.base.conf.js", "content": "var path = require('path')\nvar config = require('../config')\nvar utils = require('./utils')\nvar projectRoot = path.resolve(__dirname, '../')\n\nvar env = process.env.NODE_ENV\n // check env & config/index.js to decide weither to enable CSS Sourcemaps for the\n // various preprocessor loaders added to vue-loader at the end of this file\nvar cssSourceMapDev = (env === 'development' && config.dev.cssSourceMap)\nvar cssSourceMapProd = (env === 'production' && config.build.productionSourceMap)\nvar useCssSourceMap = cssSourceMapDev || cssSourceMapProd\n\n\nmodule.exports = {\n entry: {\n app: './src/main.js'\n },\n output: {\n path: config.build.assetsRoot,\n publicPath: process.env.NODE_ENV === 'production' ? config.build.assetsPublicPath : config.dev.assetsPublicPath,\n filename: '[name].js'\n },\n resolve: {\n extensions: ['', '.js', '.vue', '.less', '.css', '.scss'],\n fallback: [path.join(__dirname, '../node_modules')],\n alias: {\n 'vue$': 'vue/dist/vue.common.js',\n 'src': path.resolve(__dirname, '../src'),\n 'assets': path.resolve(__dirname, '../src/assets'),\n 'components': path.resolve(__dirname, '../src/components')\n }\n },\n resolveLoader: {\n fallback: [path.join(__dirname, '../node_modules')]\n },\n module: {\n loaders: [{\n test: /\\.vue$/,\n loader: 'vue'\n }, {\n test: /\\.js$/,\n loader: 'babel',\n include: projectRoot,\n exclude: /node_modules/\n }, {\n test: /\\.json$/,\n loader: 'json'\n }, {\n test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,\n loader: 'url',\n query: {\n limit: 10000,\n name: utils.assetsPath('img/[name].[ext]')\n }\n }, {\n test: /\\.(woff2?|eot|ttf|otf)(\\?.*)?$/,\n loader: 'url',\n query: {\n limit: 10000,\n name: utils.assetsPath('fonts/[name].[hash:7].[ext]')\n }\n }]\n },\n vue: {\n loaders: utils.cssLoaders({\n sourceMap: useCssSourceMap\n }),\n postcss: [\n require('autoprefixer')({\n browsers: [\n 'Android >= 4.4',\n 'iOS >= 8'\n ]\n })\n ]\n }\n}\n" }, { "path": "build/webpack.dev.conf.js", "content": "var config = require('../config')\nvar webpack = require('webpack')\nvar merge = require('webpack-merge')\nvar utils = require('./utils')\nvar baseWebpackConfig = require('./webpack.base.conf')\nvar HtmlWebpackPlugin = require('html-webpack-plugin')\n\n// add hot-reload related code to entry chunks\nObject.keys(baseWebpackConfig.entry).forEach(function(name) {\n baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name])\n})\n\nmodule.exports = merge(baseWebpackConfig, {\n module: {\n loaders: utils.styleLoaders({\n sourceMap: config.dev.cssSourceMap\n })\n },\n // eval-source-map is faster for development\n devtool: '#eval-source-map',\n plugins: [\n new webpack.DefinePlugin({\n 'process.env': config.dev.env\n }),\n // https://github.com/glenjamin/webpack-hot-middleware#installation--usage\n new webpack.optimize.OccurenceOrderPlugin(),\n new webpack.HotModuleReplacementPlugin(),\n new webpack.NoErrorsPlugin(),\n // https://github.com/ampedandwired/html-webpack-plugin\n new HtmlWebpackPlugin({\n filename: 'index.html',\n template: 'index.html',\n favicon: 'favicon.ico',\n inject: true\n })\n ]\n})" }, { "path": "build/webpack.prod.conf.js", "content": "var path = require('path')\nvar config = require('../config')\nvar utils = require('./utils')\nvar webpack = require('webpack')\nvar merge = require('webpack-merge')\nvar baseWebpackConfig = require('./webpack.base.conf')\nvar ExtractTextPlugin = require('extract-text-webpack-plugin')\nvar HtmlWebpackPlugin = require('html-webpack-plugin')\nvar env = config.build.env\n\nvar webpackConfig = merge(baseWebpackConfig, {\n module: {\n loaders: utils.styleLoaders({\n sourceMap: config.build.productionSourceMap,\n extract: true\n })\n },\n //devtool: config.build.productionSourceMap ? '#source-map' : false,\n output: {\n path: config.build.assetsRoot,\n filename: utils.assetsPath('js/[name].js'),\n chunkFilename: utils.assetsPath('js/[name].[chunkhash].min.js')\n },\n vue: {\n loaders: utils.cssLoaders({\n sourceMap: config.build.productionSourceMap,\n extract: true\n })\n },\n plugins: [\n // http://vuejs.github.io/vue-loader/en/workflow/production.html\n new webpack.DefinePlugin({\n 'process.env': env\n }),\n new webpack.optimize.UglifyJsPlugin({\n compress: {\n warnings: false\n }\n }),\n new webpack.optimize.OccurrenceOrderPlugin(),\n // extract css into its own file\n new ExtractTextPlugin(utils.assetsPath('css/[name].css')),\n // generate dist index.html with correct asset hash for caching.\n // you can customize output by editing /index.html\n // see https://github.com/ampedandwired/html-webpack-plugin\n new HtmlWebpackPlugin({\n filename: config.build.index,\n template: 'index.html',\n inject: true,\n // minify: {\n // removeComments: true,\n // collapseWhitespace: true,\n // removeAttributeQuotes: true\n // // more options:\n // // https://github.com/kangax/html-minifier#options-quick-reference\n // },\n // necessary to consistently work with multiple chunks via CommonsChunkPlugin\n chunksSortMode: 'dependency'\n }),\n // split vendor js into its own file\n new webpack.optimize.CommonsChunkPlugin({\n name: 'vendor',\n minChunks: function(module, count) {\n // any required modules inside node_modules are extracted to vendor\n return (\n module.resource &&\n /\\.js$/.test(module.resource) &&\n module.resource.indexOf(\n path.join(__dirname, '../node_modules')\n ) === 0\n )\n }\n }),\n // extract webpack runtime and module manifest to its own file in order to\n // prevent vendor hash from being updated whenever app bundle is updated\n new webpack.optimize.CommonsChunkPlugin({\n name: 'manifest',\n chunks: ['vendor']\n })\n ]\n})\n\nif (config.build.productionGzip) {\n var CompressionWebpackPlugin = require('compression-webpack-plugin')\n\n webpackConfig.plugins.push(\n new CompressionWebpackPlugin({\n asset: '[path].gz[query]',\n algorithm: 'gzip',\n test: new RegExp(\n '\\\\.(' +\n config.build.productionGzipExtensions.join('|') +\n ')$'\n ),\n threshold: 10240,\n minRatio: 0.8\n })\n )\n}\n\nmodule.exports = webpackConfig" }, { "path": "config/index.js", "content": "// see http://vuejs-templates.github.io/webpack for documentation.\nvar path = require('path')\n\nmodule.exports = {\n build: {\n env: {\n NODE_ENV: '\"production\"'\n },\n index: path.resolve(__dirname, '../elm/index.html'),\n assetsRoot: path.resolve(__dirname, '../elm'),\n assetsSubDirectory: 'static',\n assetsPublicPath: '/elm/',\n productionSourceMap: true,\n // Surge or Netlify already gzip all static assets for you.\n // Before setting to `true`, make sure to:\n // npm install --save-dev compression-webpack-plugin\n productionGzip: false,\n productionGzipExtensions: ['js', 'css']\n },\n dev: {\n env: {\n NODE_ENV: '\"development\"'\n },\n port: 8000,\n assetsSubDirectory: 'static',\n assetsPublicPath: '/',\n context: [ //代理路径\n '/shopping',\n '/ugc',\n '/v1',\n '/v2',\n '/v3',\n '/v4',\n '/bos',\n '/member',\n '/promotion',\n '/eus',\n '/payapi',\n '/img',\n ],\n proxypath: 'http://cangdu.org:8001',\n // CSS Sourcemaps off by default because relative paths are \"buggy\"\n // with this option, according to the CSS-Loader README\n // (https://github.com/webpack/css-loader#sourcemaps)\n // In our experience, they generally work as expected,\n // just be aware of this issue when enabling this option.\n cssSourceMap: false\n }\n}" }, { "path": "index.html", "content": "\n\n \n \n \n \n \n \n \n \n \n \n elm\n \n \n
\n \t\n
\n \n\n" }, { "path": "package.json", "content": "{\n \"name\": \"elm\",\n \"version\": \"2.0.1\",\n \"description\": \"vue2-elm\",\n \"author\": \"cangdu <1264889788@qq.com>\",\n \"private\": true,\n \"license\": \"GPL\",\n \"scripts\": {\n \"dev\": \"cross-env NODE_ENV=online node build/dev-server.js\",\n \"local\": \"cross-env NODE_ENV=local node build/dev-server.js\",\n \"build\": \"node build/build.js\"\n },\n \"dependencies\": {\n \"better-scroll\": \"1.15.2\",\n \"fastclick\": \"^1.0.6\",\n \"iscroll\": \"^5.2.0\",\n \"showdown\": \"^1.6.4\",\n \"vue\": \"^2.1.0\",\n \"vue-router\": \"^2.1.1\",\n \"vuex\": \"^2.0.0\"\n },\n \"devDependencies\": {\n \"autoprefixer\": \"^6.4.0\",\n \"autoprefixer-loader\": \"^3.2.0\",\n \"babel-core\": \"^6.0.0\",\n \"babel-loader\": \"^6.0.0\",\n \"babel-plugin-transform-runtime\": \"^6.0.0\",\n \"babel-preset-es2015\": \"^6.0.0\",\n \"babel-preset-stage-2\": \"^6.0.0\",\n \"babel-register\": \"^6.0.0\",\n \"babel-runtime\": \"^6.23.0\",\n \"chalk\": \"^1.1.3\",\n \"connect-history-api-fallback\": \"^1.1.0\",\n \"cross-env\": \"^5.0.0\",\n \"css-loader\": \"^0.25.0\",\n \"eventsource-polyfill\": \"^0.9.6\",\n \"express\": \"^4.13.3\",\n \"extract-text-webpack-plugin\": \"^1.0.1\",\n \"file-loader\": \"^0.9.0\",\n \"function-bind\": \"^1.0.2\",\n \"html-webpack-plugin\": \"^2.8.1\",\n \"http-proxy-middleware\": \"^0.17.2\",\n \"json-loader\": \"^0.5.4\",\n \"less\": \"^2.7.1\",\n \"less-loader\": \"^2.2.3\",\n \"node-gyp\": \"^3.4.0\",\n \"node-sass\": \"^4.9.2\",\n \"opn\": \"^4.0.2\",\n \"ora\": \"^0.3.0\",\n \"sass\": \"^0.5.0\",\n \"sass-loader\": \"^4.1.1\",\n \"scss\": \"^0.2.4\",\n \"scss-loader\": \"0.0.1\",\n \"semver\": \"^5.3.0\",\n \"shelljs\": \"^0.7.4\",\n \"style-loader\": \"^0.13.1\",\n \"url-loader\": \"^0.5.7\",\n \"vue-loader\": \"^10.0.0\",\n \"vue-style-loader\": \"^1.0.0\",\n \"vue-template-compiler\": \"^2.1.0\",\n \"webpack\": \"^1.13.2\",\n \"webpack-dev-middleware\": \"^1.8.3\",\n \"webpack-dev-server\": \"^1.16.2\",\n \"webpack-hot-middleware\": \"^2.12.2\",\n \"webpack-merge\": \"^0.14.1\"\n },\n \"engines\": {\n \"node\": \">= 4.0.0\",\n \"npm\": \">= 3.0.0\"\n }\n}\n" }, { "path": "src/App.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/common/alertTip.vue", "content": " \n\n\n\n\n" }, { "path": "src/components/common/buyCart.vue", "content": " \n\n\n\n\n\n" }, { "path": "src/components/common/computeTime.vue", "content": " \n\n\n\n\n" }, { "path": "src/components/common/loading.vue", "content": " \n\n\n\n\n" }, { "path": "src/components/common/mixin.js", "content": "import { getStyle } from '../../config/mUtils'\nimport { imgBaseUrl, localapi, proapi } from '../../config/env'\n\nexport const loadMore = {\n\tdirectives: {\n\t\t'load-more': {\n\t\t\tbind: (el, binding) => {\n\t\t\t\tlet windowHeight = window.screen.height;\n\t\t\t\tlet height;\n\t\t\t\tlet setTop;\n\t\t\t\tlet paddingBottom;\n\t\t\t\tlet marginBottom;\n\t\t\t\tlet requestFram;\n\t\t\t\tlet oldScrollTop;\n\t\t\t\tlet scrollEl;\n\t\t\t\tlet heightEl;\n\t\t\t\tlet scrollType = el.attributes.type && el.attributes.type.value;\n\t\t\t\tlet scrollReduce = 2;\n\t\t\t\tif (scrollType == 2) {\n\t\t\t\t\tscrollEl = el;\n\t\t\t\t\theightEl = el.children[0];\n\t\t\t\t} else {\n\t\t\t\t\tscrollEl = document.body;\n\t\t\t\t\theightEl = el;\n\t\t\t\t}\n\n\t\t\t\tel.addEventListener('touchstart', () => {\n\t\t\t\t\theight = heightEl.clientHeight;\n\t\t\t\t\tif (scrollType == 2) {\n\t\t\t\t\t\theight = height\n\t\t\t\t\t}\n\t\t\t\t\tsetTop = el.offsetTop;\n\t\t\t\t\tpaddingBottom = getStyle(el, 'paddingBottom');\n\t\t\t\t\tmarginBottom = getStyle(el, 'marginBottom');\n\t\t\t\t}, false)\n\n\t\t\t\tel.addEventListener('touchmove', () => {\n\t\t\t\t\tloadMore();\n\t\t\t\t}, false)\n\n\t\t\t\tel.addEventListener('touchend', () => {\n\t\t\t\t\toldScrollTop = scrollEl.scrollTop;\n\t\t\t\t\tmoveEnd();\n\t\t\t\t}, false)\n\n\t\t\t\tconst moveEnd = () => {\n\t\t\t\t\trequestFram = requestAnimationFrame(() => {\n\t\t\t\t\t\tif (scrollEl.scrollTop != oldScrollTop) {\n\t\t\t\t\t\t\toldScrollTop = scrollEl.scrollTop;\n\t\t\t\t\t\t\tmoveEnd()\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcancelAnimationFrame(requestFram);\n\t\t\t\t\t\t\theight = heightEl.clientHeight;\n\t\t\t\t\t\t\tloadMore();\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\tconst loadMore = () => {\n\t\t\t\t\tif (scrollEl.scrollTop + windowHeight >= height + setTop + paddingBottom + marginBottom - scrollReduce) {\n\t\t\t\t\t\tbinding.value();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const getImgPath = {\n\tmethods: {\n\t\t//传递过来的图片地址需要处理后才能正常使用\n\t\tgetImgPath(path) {\n\t\t\tlet suffix;\n\t\t\tif (!path) {\n\t\t\t\treturn '//elm.cangdu.org/img/default.jpg'\n\t\t\t}\n\t\t\tif (path.indexOf('jpeg') !== -1) {\n\t\t\t\tsuffix = '.jpeg'\n\t\t\t} else {\n\t\t\t\tsuffix = '.png'\n\t\t\t}\n\t\t\tlet url = '/' + path.substr(0, 1) + '/' + path.substr(1, 2) + '/' + path.substr(3) + suffix;\n\t\t\treturn 'https://fuss10.elemecdn.com' + url\n\t\t},\n\t}\n\n}" }, { "path": "src/components/common/ratingStar.vue", "content": " \n\n\n\n\n" }, { "path": "src/components/common/shoplist.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/common/svg.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/footer/footGuide.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/header/head.vue", "content": "\n\n\n\n\n" }, { "path": "src/config/env.js", "content": "/**\n * 配置编译环境和线上环境之间的切换\n * \n * baseUrl: 域名地址\n * routerMode: 路由模式\n * imgBaseUrl: 图片所在域名地址\n * \n */\n\nlet baseUrl = ''; \nlet routerMode = 'hash';\nlet imgBaseUrl = '';\n\n\nif (process.env.NODE_ENV == 'development') {\n imgBaseUrl = '/img/';\n\n}else if(process.env.NODE_ENV == 'production'){\n\tbaseUrl = '//elm.cangdu.org';\n imgBaseUrl = '//elm.cangdu.org/img/';\n}\n\nexport {\n\tbaseUrl,\n\trouterMode,\n\timgBaseUrl,\n}" }, { "path": "src/config/fetch.js", "content": "import {\n\tbaseUrl\n} from './env'\n\nexport default async(url = '', data = {}, type = 'GET', method = 'fetch') => {\n\ttype = type.toUpperCase();\n\turl = baseUrl + url;\n\n\tif (type == 'GET') {\n\t\tlet dataStr = ''; //数据拼接字符串\n\t\tObject.keys(data).forEach(key => {\n\t\t\tdataStr += key + '=' + data[key] + '&';\n\t\t})\n\n\t\tif (dataStr !== '') {\n\t\t\tdataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));\n\t\t\turl = url + '?' + dataStr;\n\t\t}\n\t}\n\n\tif (window.fetch && method == 'fetch') {\n\t\tlet requestConfig = {\n\t\t\tcredentials: 'include',\n\t\t\tmethod: type,\n\t\t\theaders: {\n\t\t\t\t'Accept': 'application/json',\n\t\t\t\t'Content-Type': 'application/json'\n\t\t\t},\n\t\t\tmode: \"cors\",\n\t\t\tcache: \"force-cache\"\n\t\t}\n\n\t\tif (type == 'POST') {\n\t\t\tObject.defineProperty(requestConfig, 'body', {\n\t\t\t\tvalue: JSON.stringify(data)\n\t\t\t})\n\t\t}\n\t\t\n\t\ttry {\n\t\t\tconst response = await fetch(url, requestConfig);\n\t\t\tconst responseJson = await response.json();\n\t\t\treturn responseJson\n\t\t} catch (error) {\n\t\t\tthrow new Error(error)\n\t\t}\n\t} else {\n\t\treturn new Promise((resolve, reject) => {\n\t\t\tlet requestObj;\n\t\t\tif (window.XMLHttpRequest) {\n\t\t\t\trequestObj = new XMLHttpRequest();\n\t\t\t} else {\n\t\t\t\trequestObj = new ActiveXObject;\n\t\t\t}\n\n\t\t\tlet sendData = '';\n\t\t\tif (type == 'POST') {\n\t\t\t\tsendData = JSON.stringify(data);\n\t\t\t}\n\n\t\t\trequestObj.open(type, url, true);\n\t\t\trequestObj.setRequestHeader(\"Content-type\", \"application/x-www-form-urlencoded\");\n\t\t\trequestObj.send(sendData);\n\n\t\t\trequestObj.onreadystatechange = () => {\n\t\t\t\tif (requestObj.readyState == 4) {\n\t\t\t\t\tif (requestObj.status == 200) {\n\t\t\t\t\t\tlet obj = requestObj.response\n\t\t\t\t\t\tif (typeof obj !== 'object') {\n\t\t\t\t\t\t\tobj = JSON.parse(obj);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tresolve(obj)\n\t\t\t\t\t} else {\n\t\t\t\t\t\treject(requestObj)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n}" }, { "path": "src/config/mUtils.js", "content": "/**\n * 存储localStorage\n */\nexport const setStore = (name, content) => {\n\tif (!name) return;\n\tif (typeof content !== 'string') {\n\t\tcontent = JSON.stringify(content);\n\t}\n\twindow.localStorage.setItem(name, content);\n}\n\n/**\n * 获取localStorage\n */\nexport const getStore = name => {\n\tif (!name) return;\n\treturn window.localStorage.getItem(name);\n}\n\n/**\n * 删除localStorage\n */\nexport const removeStore = name => {\n\tif (!name) return;\n\twindow.localStorage.removeItem(name);\n}\n\n/**\n * 获取style样式\n */\nexport const getStyle = (element, attr, NumberMode = 'int') => {\n let target;\n // scrollTop 获取方式不同，没有它不属于style，而且只有document.body才能用\n if (attr === 'scrollTop') { \n target = element.scrollTop;\n }else if(element.currentStyle){\n target = element.currentStyle[attr]; \n }else{ \n target = document.defaultView.getComputedStyle(element,null)[attr]; \n }\n //在获取 opactiy 时需要获取小数 parseFloat\n return NumberMode == 'float'? parseFloat(target) : parseInt(target);\n} \n\n/**\n * 页面到达底部，加载更多\n */\nexport const loadMore = (element, callback) => {\n\tlet windowHeight = window.screen.height;\n\tlet height;\n\tlet setTop;\n\tlet paddingBottom;\n\tlet marginBottom;\n let requestFram;\n let oldScrollTop;\n\n document.body.addEventListener('scroll',() => {\n loadMore();\n }, false)\n //运动开始时获取元素 高度 和 offseTop, pading, margin\n\telement.addEventListener('touchstart',() => {\n height = element.offsetHeight;\n setTop = element.offsetTop;\n paddingBottom = getStyle(element,'paddingBottom');\n marginBottom = getStyle(element,'marginBottom');\n },{passive: true})\n\n //运动过程中保持监听 scrollTop 的值判断是否到达底部\n element.addEventListener('touchmove',() => {\n loadMore();\n },{passive: true})\n\n //运动结束时判断是否有惯性运动，惯性运动结束判断是非到达底部\n element.addEventListener('touchend',() => {\n \toldScrollTop = document.body.scrollTop;\n \tmoveEnd();\n },{passive: true})\n \n const moveEnd = () => {\n requestFram = requestAnimationFrame(() => {\n if (document.body.scrollTop != oldScrollTop) {\n oldScrollTop = document.body.scrollTop;\n loadMore();\n moveEnd();\n }else{\n \tcancelAnimationFrame(requestFram);\n \t//为了防止鼠标抬起时已经渲染好数据从而导致重获取数据，应该重新获取dom高度\n \theight = element.offsetHeight;\n loadMore();\n }\n })\n }\n\n const loadMore = () => {\n if (document.body.scrollTop + windowHeight >= height + setTop + paddingBottom + marginBottom) {\n callback();\n }\n }\n}\n\n/**\n * 显示返回顶部按钮，开始、结束、运动 三个过程中调用函数判断是否达到目标点\n */\nexport const showBack = callback => {\n let requestFram;\n let oldScrollTop;\n\n document.addEventListener('scroll',() => {\n showBackFun();\n }, false)\n document.addEventListener('touchstart',() => {\n showBackFun();\n },{passive: true})\n\n document.addEventListener('touchmove',() => {\n showBackFun();\n },{passive: true})\n\n document.addEventListener('touchend',() => {\n oldScrollTop = document.body.scrollTop;\n moveEnd();\n },{passive: true})\n \n const moveEnd = () => {\n requestFram = requestAnimationFrame(() => {\n if (document.body.scrollTop != oldScrollTop) {\n oldScrollTop = document.body.scrollTop;\n moveEnd();\n }else{\n cancelAnimationFrame(requestFram);\n }\n showBackFun();\n })\n }\n\n //判断是否达到目标点\n const showBackFun = () => {\n if (document.body.scrollTop > 500) {\n callback(true);\n }else{\n callback(false);\n }\n }\n}\n\n\n/**\n * 运动效果\n * @param {HTMLElement} element 运动对象，必选\n * @param {JSON} target 属性：目标值，必选\n * @param {number} duration 运动时间，可选\n * @param {string} mode 运动模式，可选\n * @param {function} callback 可选，回调函数，链式动画\n */\nexport const animate = (element, target, duration = 400, mode = 'ease-out', callback) => {\n clearInterval(element.timer);\n\n //判断不同参数的情况\n if (duration instanceof Function) {\n callback = duration;\n duration = 400;\n }else if(duration instanceof String){\n mode = duration;\n duration = 400;\n }\n\n //判断不同参数的情况\n if (mode instanceof Function) {\n callback = mode;\n mode = 'ease-out';\n }\n\n //获取dom样式\n const attrStyle = attr => {\n if (attr === \"opacity\") { \n return Math.round(getStyle(element, attr, 'float') * 100);\n } else {\n return getStyle(element, attr);\n }\n }\n //根字体大小，需要从此将 rem 改成 px 进行运算\n const rootSize = parseFloat(document.documentElement.style.fontSize);\n\n const unit = {};\n const initState = {};\n\n //获取目标属性单位和初始样式值\n Object.keys(target).forEach(attr => {\n if (/[^\\d^\\.]+/gi.test(target[attr])) {\n unit[attr] = target[attr].match(/[^\\d^\\.]+/gi)[0] || 'px';\n }else{\n unit[attr] = 'px';\n }\n initState[attr] = attrStyle(attr);\n });\n\n //去掉传入的后缀单位\n Object.keys(target).forEach(attr => {\n if (unit[attr] == 'rem') {\n target[attr] = Math.ceil(parseInt(target[attr])*rootSize);\n }else{\n target[attr] = parseInt(target[attr]);\n }\n });\n\n\n let flag = true; //假设所有运动到达终点\n const remberSpeed = {};//记录上一个速度值,在ease-in模式下需要用到\n element.timer = setInterval(() => {\n Object.keys(target).forEach(attr => {\n let iSpeed = 0; //步长\n let status = false; //是否仍需运动\n let iCurrent = attrStyle(attr) || 0; //当前元素属性址\n let speedBase = 0; //目标点需要减去的基础值，三种运动状态的值都不同\n let intervalTime; //将目标值分为多少步执行，数值越大，步长越小，运动时间越长\n switch(mode){\n case 'ease-out': \n speedBase = iCurrent;\n intervalTime = duration*5/400;\n break;\n case 'linear':\n speedBase = initState[attr];\n intervalTime = duration*20/400;\n break;\n case 'ease-in':\n let oldspeed = remberSpeed[attr] || 0;\n iSpeed = oldspeed + (target[attr] - initState[attr])/duration;\n remberSpeed[attr] = iSpeed\n break;\n default:\n speedBase = iCurrent;\n intervalTime = duration*5/400; \n }\n if (mode !== 'ease-in') {\n iSpeed = (target[attr] - speedBase) / intervalTime;\n iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);\n }\n //判断是否达步长之内的误差距离，如果到达说明到达目标点\n switch(mode){\n case 'ease-out': \n status = iCurrent != target[attr]; \n break;\n case 'linear':\n status = Math.abs(Math.abs(iCurrent) - Math.abs(target[attr])) > Math.abs(iSpeed);\n break;\n case 'ease-in':\n status = Math.abs(Math.abs(iCurrent) - Math.abs(target[attr])) > Math.abs(iSpeed);\n break;\n default:\n status = iCurrent != target[attr]; \n }\n\n if (status) {\n flag = false; \n //opacity 和 scrollTop 需要特殊处理\n if (attr === \"opacity\") {\n element.style.filter = \"alpha(opacity:\" + (iCurrent + iSpeed) + \")\";\n element.style.opacity = (iCurrent + iSpeed) / 100;\n } else if (attr === 'scrollTop') {\n element.scrollTop = iCurrent + iSpeed;\n }else{\n element.style[attr] = iCurrent + iSpeed + 'px';\n }\n } else {\n flag = true;\n }\n\n if (flag) {\n clearInterval(element.timer);\n if (callback) {\n callback();\n }\n }\n })\n }, 20);\n}\n" }, { "path": "src/config/rem.js", "content": "(function(doc, win) {\r\n var docEl = doc.documentElement,\r\n resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',\r\n recalc = function() {\r\n var clientWidth = docEl.clientWidth;\r\n if (!clientWidth) return;\r\n docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';\r\n };\r\n if (!doc.addEventListener) return;\r\n win.addEventListener(resizeEvt, recalc, false);\r\n doc.addEventListener('DOMContentLoaded', recalc, false);\r\n})(document, window);" }, { "path": "src/main.js", "content": "import Vue from 'vue'\nimport VueRouter from 'vue-router'\nimport routes from './router/router'\nimport store from './store/'\nimport {routerMode} from './config/env'\nimport './config/rem'\n\nVue.use(VueRouter)\nconst router = new VueRouter({\n\troutes,\n\tmode: routerMode,\n\tstrict: process.env.NODE_ENV !== 'production',\n\tscrollBehavior (to, from, savedPosition) {\n\t if (savedPosition) {\n\t\t return savedPosition\n\t\t} else {\n\t\t\tif (from.meta.keepAlive) {\n\t\t\t\tfrom.meta.savedPosition = document.body.scrollTop;\n\t\t\t}\n\t\t return { x: 0, y: to.meta.savedPosition || 0 }\n\t\t}\n\t}\n})\n\nnew Vue({\n\trouter,\n\tstore,\n}).$mount('#app')\n\n" }, { "path": "src/page/balance/balance.vue", "content": " \r\n\r\n\r\n \r\n\r\n" }, { "path": "src/page/balance/children/detail.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/benefit/benefit.vue", "content": " \r\n\r\n\r\n \r\n\r\n" }, { "path": "src/page/benefit/children/commend.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/benefit/children/coupon.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/benefit/children/exchange.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/benefit/children/hbDescription.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/benefit/children/hbHistory.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/city/city.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/confirmOrder/children/children/addAddress.vue", "content": " \n\n\n\n\n" }, { "path": "src/page/confirmOrder/children/children/children/searchAddress.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/confirmOrder/children/chooseAddress.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/confirmOrder/children/invoice.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/confirmOrder/children/payment.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/confirmOrder/children/remark.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/confirmOrder/children/userValidation.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/confirmOrder/confirmOrder.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/download/download.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/find/find.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/food/food.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/forget/forget.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/home/home.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/login/login.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/msite/msite.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/order/children/orderDetail.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/order/order.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/points/children/detail.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/points/points.vue", "content": " \r\n\r\n\r\n \r\n\r\n" }, { "path": "src/page/profile/children/children/address.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/profile/children/children/children/add.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/profile/children/children/children/children/addDetail.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/profile/children/children/setusername.vue", "content": " \n\n\n\n\n" }, { "path": "src/page/profile/children/info.vue", "content": " \n\n\n\n\n" }, { "path": "src/page/profile/profile.vue", "content": "\r\n\r\n\r\n\r\n\r\n" }, { "path": "src/page/search/search.vue", "content": "\n\n\n\n\n" }, { "path": "src/page/service/children/questionDetail.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/service/service.vue", "content": " \r\n\r\n\r\n \r\n\r\n" }, { "path": "src/page/shop/children/children/shopSafe.vue", "content": " \n\n\n\t\n\n" }, { "path": "src/page/shop/children/foodDetail.vue", "content": " \n\n\n\t\n\n" }, { "path": "src/page/shop/children/shopDetail.vue", "content": " \n\n\n\t\n\n" }, { "path": "src/page/shop/shop.vue", "content": " \n\n\n\n\n" }, { "path": "src/page/vipcard/children/invoiceRecord.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/vipcard/children/useCart.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/vipcard/children/vipDescription.vue", "content": " \n\n\n \n\n" }, { "path": "src/page/vipcard/vipcard.vue", "content": " \n\n\n \n\n" }, { "path": "src/router/router.js", "content": "import App from '../App'\n\nconst home = r => require.ensure([], () => r(require('../page/home/home')), 'home')\nconst city = r => require.ensure([], () => r(require('../page/city/city')), 'city')\nconst msite = r => require.ensure([], () => r(require('../page/msite/msite')), 'msite')\nconst search = r => require.ensure([], () => r(require('../page/search/search')), 'search')\nconst shop = r => require.ensure([], () => r(require('../page/shop/shop')), 'shop')\nconst login = r => require.ensure([], () => r(require('../page/login/login')), 'login')\nconst profile = r => require.ensure([], () => r(require('../page/profile/profile')), 'profile')\nconst forget = r => require.ensure([], () => r(require('../page/forget/forget')), 'forget')\nconst order = r => require.ensure([], () => r(require('../page/order/order')), 'order')\nconst orderDetail = r => require.ensure([], () => r(require('../page/order/children/orderDetail')), 'orderDetail')\nconst vipcard = r => require.ensure([], () => r(require('../page/vipcard/vipcard')), 'vipcard')\nconst invoiceRecord = r => require.ensure([], () => r(require('../page/vipcard/children/invoiceRecord')), 'invoiceRecord')\nconst useCart = r => require.ensure([], () => r(require('../page/vipcard/children/useCart')), 'useCart')\nconst vipDescription = r => require.ensure([], () => r(require('../page/vipcard/children/vipDescription')), 'vipDescription')\nconst food = r => require.ensure([], () => r(require('../page/food/food')), 'food')\nconst confirmOrder = r => require.ensure([], () => r(require('../page/confirmOrder/confirmOrder')), 'confirmOrder')\nconst remark = r => require.ensure([], () => r(require('../page/confirmOrder/children/remark')), 'remark')\nconst payment = r => require.ensure([], () => r(require('../page/confirmOrder/children/payment')), 'payment')\nconst userValidation = r => require.ensure([], () => r(require('../page/confirmOrder/children/userValidation')), 'userValidation')\nconst invoice = r => require.ensure([], () => r(require('../page/confirmOrder/children/invoice')), 'invoice')\nconst chooseAddress = r => require.ensure([], () => r(require('../page/confirmOrder/children/chooseAddress')), 'chooseAddress')\nconst addAddress = r => require.ensure([], () => r(require('../page/confirmOrder/children/children/addAddress')), 'addAddress')\nconst searchAddress = r => require.ensure([], () => r(require('../page/confirmOrder/children/children/children/searchAddress')), 'searchAddress')\nconst foodDetail = r => require.ensure([], () => r(require('../page/shop/children/foodDetail')), 'foodDetail')\nconst shopDetail = r => require.ensure([], () => r(require('../page/shop/children/shopDetail')), 'shopDetail')\nconst shopSafe = r => require.ensure([], () => r(require('../page/shop/children/children/shopSafe')), 'shopSafe')\nconst info = r => require.ensure([], () => r(require('../page/profile/children/info')), 'info')\nconst setusername = r => require.ensure([], () => r(require('../page/profile/children/children/setusername')), 'setusername')\nconst address = r => require.ensure([], () => r(require('../page/profile/children/children/address')), 'address')\nconst add = r => require.ensure([], () => r(require('../page/profile/children/children/children/add')), 'add')\nconst addDetail = r => require.ensure([], () => r(require('../page/profile/children/children/children/children/addDetail')), 'addDetail')\nconst balance = r => require.ensure([], () => r(require('../page/balance/balance')), 'balance')\nconst balanceDetail = r => require.ensure([], () => r(require('../page/balance/children/detail')), 'balanceDetail')\nconst benefit = r => require.ensure([], () => r(require('../page/benefit/benefit')), 'benefit')\nconst coupon = r => require.ensure([], () => r(require('../page/benefit/children/coupon')), 'coupon')\nconst hbDescription = r => require.ensure([], () => r(require('../page/benefit/children/hbDescription')), 'hbDescription')\nconst hbHistory = r => require.ensure([], () => r(require('../page/benefit/children/hbHistory')), 'hbHistory')\nconst exchange = r => require.ensure([], () => r(require('../page/benefit/children/exchange')), 'exchange')\nconst commend = r => require.ensure([], () => r(require('../page/benefit/children/commend')), 'commend')\nconst points = r => require.ensure([], () => r(require('../page/points/points')), 'points')\nconst pointsDetail = r => require.ensure([], () => r(require('../page/points/children/detail')), 'pointsDetail')\nconst service = r => require.ensure([], () => r(require('../page/service/service')), 'service')\nconst questionDetail = r => require.ensure([], () => r(require('../page/service/children/questionDetail')), 'questionDetail')\nconst find = r => require.ensure([], () => r(require('../page/find/find')), 'find')\nconst download = r => require.ensure([], () => r(require('../page/download/download')), 'download')\n\n\n\n\nexport default [{\n path: '/',\n component: App, //顶层路由，对应index.html\n children: [ //二级路由。对应App.vue\n //地址为空时跳转home页面\n {\n path: '',\n redirect: '/home'\n },\n //首页城市列表页\n {\n path: '/home',\n component: home\n },\n //当前选择城市页\n {\n path: '/city/:cityid',\n component: city\n },\n //所有商铺列表页\n {\n path: '/msite',\n component: msite,\n meta: { keepAlive: true },\n },\n //特色商铺列表页\n {\n path: '/food',\n component: food\n },\n //搜索页\n {\n path: '/search/:geohash',\n component: search\n },\n //商铺详情页\n {\n path: '/shop',\n component: shop,\n children: [{\n path: 'foodDetail', //食品详情页\n component: foodDetail,\n }, {\n path: 'shopDetail', //商铺详情页\n component: shopDetail,\n children: [{\n path: 'shopSafe', //商铺安全认证页\n component: shopSafe,\n }, ]\n }]\n },\n //确认订单页\n {\n path: '/confirmOrder',\n component: confirmOrder,\n children: [{\n path: 'remark', //订单备注\n component: remark,\n }, {\n path: 'invoice', //发票抬头\n component: invoice,\n }, {\n path: 'payment', //付款页面\n component: payment,\n }, {\n path: 'userValidation', //用户验证\n component: userValidation,\n }, {\n path: 'chooseAddress', //选择地址\n component: chooseAddress,\n children: [{\n path: 'addAddress', //添加地址\n component: addAddress,\n children: [{\n path: 'searchAddress', //搜索地址\n component: searchAddress,\n }]\n }, ]\n }, ]\n },\n //登录注册页\n {\n path: '/login',\n component: login\n },\n //个人信息页\n {\n path: '/profile',\n component: profile,\n children: [{\n path: 'info', //个人信息详情页\n component: info,\n children: [{\n path: 'setusername',\n component: setusername,\n },{\n path: 'address',\n component: address, //编辑地址\n children:[{\n path:'add',\n component:add,\n children:[{\n path:'addDetail',\n component:addDetail\n }]\n }]\n }]\n },\n {\n path: 'service', //服务中心\n component: service,\n },]\n },\n //修改密码页\n {\n path: '/forget',\n component: forget\n },\n //订单列表页\n {\n path: '/order',\n component: order,\n children: [{\n path: 'orderDetail', //订单详情页\n component: orderDetail,\n }, ]\n },\n //vip卡页\n {\n path: '/vipcard',\n component: vipcard,\n children: [{\n path: 'invoiceRecord', //开发票\n component: invoiceRecord,\n }, {\n path: 'useCart', //购买会员卡\n component: useCart,\n }, {\n path: 'vipDescription', //会员说明\n component: vipDescription,\n },]\n },\n //发现页\n {\n path: '/find',\n component: find\n },\n //下载页\n {\n path: '/download',\n component: download\n },\n //服务中心\n {\n path: '/service',\n component: service,\n children: [{\n path: 'questionDetail', //订单详情页\n component: questionDetail,\n }, ]\n },\n //余额\n {\n path: 'balance',\n component: balance,\n children: [{\n path: 'detail', //余额说明\n component: balanceDetail,\n }, ]\n },\n //我的优惠页\n {\n path: 'benefit',\n component: benefit,\n children: [{\n path: 'coupon', //代金券说明\n component: coupon,\n }, {\n path: 'hbDescription', //红包说明\n component: hbDescription,\n }, {\n path: 'hbHistory', //历史红包\n component: hbHistory,\n }, {\n path: 'exchange', //兑换红包\n component: exchange,\n }, {\n path: 'commend', //推荐有奖\n component: commend,\n },]\n },\n //我的积分页\n {\n path: 'points',\n component: points,\n children: [{\n path: 'detail', //积分说明\n component: pointsDetail,\n }, ]\n },\n ]\n}]\n" }, { "path": "src/service/getData.js", "content": "import fetch from '../config/fetch'\nimport {getStore} from '../config/mUtils'\n\n/**\n * 获取首页默认地址\n */\n\nexport const cityGuess = () => fetch('/v1/cities', {\n\ttype: 'guess'\n});\n\n\n/**\n * 获取首页热门城市\n */\n\nexport const hotcity = () => fetch('/v1/cities', {\n\ttype: 'hot'\n});\n\n\n/**\n * 获取首页所有城市\n */\n\nexport const groupcity = () => fetch('/v1/cities', {\n\ttype: 'group'\n});\n\n\n/**\n * 获取当前所在城市\n */\n\nexport const currentcity = number => fetch('/v1/cities/' + number);\n\n\n/**\n * 获取搜索地址\n */\n\nexport const searchplace = (cityid, value) => fetch('/v1/pois', {\n\ttype: 'search',\n\tcity_id: cityid,\n\tkeyword: value\n});\n\n\n/**\n * 获取msite页面地址信息\n */\n\nexport const msiteAddress = geohash => fetch('/v2/pois/' + geohash);\n\n\n/**\n * 获取msite页面食品分类列表\n */\n\nexport const msiteFoodTypes = geohash => fetch('/v2/index_entry', {\n\tgeohash,\n\tgroup_type: '1',\n\t'flags[]': 'F'\n});\n\n\n/**\n * 获取msite商铺列表\n */\n\nexport const shopList = (latitude, longitude, offset, restaurant_category_id = '', restaurant_category_ids = '', order_by = '', delivery_mode = '', support_ids = []) => {\n\tlet supportStr = '';\n\tsupport_ids.forEach(item => {\n\t\tif (item.status) {\n\t\t\tsupportStr += '&support_ids[]=' + item.id;\n\t\t}\n\t});\n\tlet data = {\n\t\tlatitude,\n\t\tlongitude,\n\t\toffset,\n\t\tlimit: '20',\n\t\t'extras[]': 'activities',\n\t\tkeyword: '',\n\t\trestaurant_category_id,\n\t\t'restaurant_category_ids[]': restaurant_category_ids,\n\t\torder_by,\n\t\t'delivery_mode[]': delivery_mode + supportStr\n\t};\n\treturn fetch('/shopping/restaurants', data);\n};\n\n\n/**\n * 获取search页面搜索结果\n */\n\nexport const searchRestaurant = (geohash, keyword) => fetch('/v4/restaurants', {\n\t'extras[]': 'restaurant_activity',\n\tgeohash,\n\tkeyword,\n\ttype: 'search'\n});\n\n\n/**\n * 获取food页面的 category 种类列表\n */\n\nexport const foodCategory = (latitude, longitude) => fetch('/shopping/v2/restaurant/category', {\n\tlatitude,\n\tlongitude\n});\n\n\n/**\n * 获取food页面的配送方式\n */\n\nexport const foodDelivery = (latitude, longitude) => fetch('/shopping/v1/restaurants/delivery_modes', {\n\tlatitude,\n\tlongitude,\n\tkw: ''\n});\n\n\n/**\n * 获取food页面的商家属性活动列表\n */\n\nexport const foodActivity = (latitude, longitude) => fetch('/shopping/v1/restaurants/activity_attributes', {\n\tlatitude,\n\tlongitude,\n\tkw: ''\n});\n\n\n/**\n * 获取shop页面商铺详情\n */\n\nexport const shopDetails = (shopid, latitude, longitude) => fetch('/shopping/restaurant/' + shopid, {\n\tlatitude,\n\tlongitude: longitude + '&extras[]=activities&extras[]=album&extras[]=license&extras[]=identification&extras[]=statistics'\n});\n\n\n\n/**\n * 获取shop页面菜单列表\n */\n\nexport const foodMenu = restaurant_id => fetch('/shopping/v2/menu', {\n\trestaurant_id\n});\n\n\n/**\n * 获取商铺评价列表\n */\n\nexport const getRatingList = (shopid, offset, tag_name = '') => fetch('/ugc/v2/restaurants/' + shopid + '/ratings', {\n\thas_content: true,\n\toffset,\n\tlimit: 10,\n\ttag_name\n});\n\n\n/**\n * 获取商铺评价分数\n */\n\nexport const ratingScores = shopid => fetch('/ugc/v2/restaurants/' + shopid + '/ratings/scores');\n\n\n/**\n * 获取商铺评价分类\n */\n\nexport const ratingTags = shopid => fetch('/ugc/v2/restaurants/' + shopid + '/ratings/tags');\n\n\n/**\n * 获取短信验证码\n */\n\nexport const mobileCode = phone => fetch('/v4/mobile/verify_code/send', {\n\tmobile: phone,\n\tscene: 'login',\n\ttype: 'sms'\n}, 'POST');\n\n\n/**\n * 获取图片验证码\n */\n\nexport const getcaptchas = () => fetch('/v1/captchas', {},'POST');\n\n\n/**\n * 检测帐号是否存在\n */\n\nexport const checkExsis = (checkNumber, type) => fetch('/v1/users/exists', {\n\t[type]: checkNumber,\n\ttype\n});\n\n\n/**\n * 发送帐号\n */\n\nexport const sendMobile = (sendData, captcha_code, type, password) => fetch('/v1/mobile/verify_code/send', {\n\taction: \"send\",\n\tcaptcha_code,\n\t[type]: sendData,\n\ttype: \"sms\",\n\tway: type,\n\tpassword,\n}, 'POST');\n\n\n/**\n * 确认订单\n */\n\nexport const checkout = (geohash, entities, shopid) => fetch('/v1/carts/checkout', {\n\tcome_from: \"web\",\n\tgeohash,\n\tentities,\n\trestaurant_id: shopid,\n}, 'POST');\n\n\n/**\n * 获取快速备注列表\n */\n\nexport const getRemark = (id, sig) => fetch('/v1/carts/' + id + '/remarks', {\n\tsig\n});\n\n\n/**\n * 获取地址列表\n */\n\nexport const getAddress = (id, sig) => fetch('/v1/carts/' + id + '/addresses', {\n\tsig\n});\n\n\n/**\n * 搜索地址\n */\n\nexport const searchNearby = keyword => fetch('/v1/pois', {\n\ttype: 'nearby',\n\tkeyword\n});\n\n\n/**\n * 添加地址\n */\n\nexport const postAddAddress = (userId, address, address_detail, geohash, name, phone, phone_bk, poi_type, sex, tag, tag_type) => fetch('/v1/users/' + userId + '/addresses', {\n\taddress,\n\taddress_detail,\n\tgeohash,\n\tname,\n\tphone,\n\tphone_bk,\n\tpoi_type,\n\tsex,\n\ttag,\n\ttag_type,\n}, 'POST');\n\n\n/**\n * 下订单\n */\n\nexport const placeOrders = (user_id, cart_id, address_id, description, entities, geohash, sig) => fetch('/v1/users/' + user_id + '/carts/' + cart_id + '/orders', {\n\taddress_id,\n\tcome_from: \"mobile_web\",\n\tdeliver_time: \"\",\n\tdescription,\n\tentities,\n\tgeohash,\n\tpaymethod_id: 1,\n\tsig,\n}, 'POST');\n\n\n/**\n * 重新发送订单验证码\n */\n\nexport const rePostVerify = (cart_id, sig, type) => fetch('/v1/carts/' + cart_id + '/verify_code', {\n\tsig,\n\ttype,\n}, 'POST');\n\n\n\n/**\n * 下订单\n */\n\nexport const validateOrders = ({\n\tuser_id,\n\tcart_id,\n\taddress_id,\n\tdescription,\n\tentities,\n\tgeohash,\n\tsig,\n\tvalidation_code,\n\tvalidation_token\n}) => fetch('/v1/users/' + user_id + '/carts/' + cart_id + '/orders', {\n\taddress_id,\n\tcome_from: \"mobile_web\",\n\tdeliver_time: \"\",\n\tdescription,\n\tentities,\n\tgeohash,\n\tpaymethod_id: 1,\n\tsig,\n\tvalidation_code,\n\tvalidation_token,\n}, 'POST');\n\n\n/**\n * 重新发送订单验证码\n */\n\nexport const payRequest = (merchantOrderNo, userId) => fetch('/payapi/payment/queryOrder', {\n\tmerchantId: 5,\n\tmerchantOrderNo,\n\tsource: 'MOBILE_WAP',\n\tuserId,\n\tversion: '1.0.0',\n});\n\n\n\n/**\n * 获取服务中心信息\n */\n\nexport const getService = () => fetch('/v3/profile/explain');\n\n\n\n/**\n*兑换会员卡\n*/\n\nexport const vipCart = (id, number, password) => fetch('/member/v1/users/' + id + '/delivery_card/physical_card/bind',{\n\tnumber,\n\tpassword\n}, 'POST')\n\n\n\n/**\n * 获取红包\n*/\n\nexport const getHongbaoNum = id => fetch('/promotion/v2/users/' + id + '/hongbaos?limit=20&offset=0');\n\n\n\n/**\n * 获取过期红包\n*/\n\n\nexport const getExpired = id => fetch('/promotion/v2/users/' + id + '/expired_hongbaos?limit=20&offset=0');\n\n\n/**\n * 兑换红包\n*/\n\nexport const exChangeHongbao = (id, exchange_code, captcha_code) => fetch('/v1/users/' + id + '/hongbao/exchange',{\n\texchange_code,\n\tcaptcha_code,\n}, 'POST');\n\n\n/**\n * 获取用户信息\n */\n\nexport const getUser = () => fetch('/v1/user', {user_id: getStore('user_id')});\n\n\n/**\n * 手机号登录\n */\n\nvar sendLogin = (code, mobile, validate_token) => fetch('/v1/login/app_mobile', {\n\tcode,\n\tmobile,\n\tvalidate_token\n}, 'POST');\n\n\n/**\n * 获取订单列表\n */\n\nexport const getOrderList = (user_id, offset) => fetch('/bos/v2/users/' + user_id + '/orders', {\n\tlimit: 10,\n\toffset,\n});\n\n\n/**\n * 获取订单详情\n */\n\nexport const getOrderDetail = (user_id, orderid) => fetch('/bos/v1/users/' + user_id + '/orders/' + orderid + '/snapshot');\n\n\n/**\n*个人中心里编辑地址\n*/\n\nexport const getAddressList = (user_id) => fetch('/v1/users/'+user_id+'/addresses')\n\n/**\n*个人中心里搜索地址\n*/\n\nexport const getSearchAddress = (keyword) => fetch('v1/pois',{\n\tkeyword:keyword,\n\ttype:'nearby'\n})\n\n/**\n* 删除地址\n*/\n\nexport const deleteAddress = (userid, addressid) => fetch( '/v1/users/' + userid + '/addresses/' + addressid, {}, 'DELETE')\n\n\n\n/**\n * 账号密码登录\n */\nexport const accountLogin = (username, password, captcha_code) => fetch('/v2/login', {username, password, captcha_code}, 'POST');\n\n\n/**\n * 退出登录\n */\nexport const signout = () => fetch('/v2/signout');\n\n\n/**\n * 改密码\n */\nexport const changePassword = (username, oldpassWord, newpassword, confirmpassword, captcha_code) => fetch('/v2/changepassword', {username, oldpassWord, newpassword, confirmpassword, captcha_code}, 'POST');\n" }, { "path": "src/store/action.js", "content": "import {\n\tgetUser,\n\tgetAddressList\n} from '../service/getData'\nimport {\n\tGET_USERINFO,\n\tSAVE_ADDRESS\n} from './mutation-types.js'\n\nexport default {\n\n\tasync getUserInfo({\n\t\tcommit,\n\t\tstate\n\t}) {\n\t\tlet res = await getUser();\n\t\tcommit(GET_USERINFO, res)\n\t},\n\tasync saveAddress({\n\t\tcommit,\n\t\tstate\n\t}) {\n\n\t\tif(state.removeAddress.length > 0) return;\n\n\t\tlet addres = await getAddressList(state.userInfo.user_id);\n\t\tcommit(SAVE_ADDRESS, addres);\t\n\t},\n}" }, { "path": "src/store/getters.js", "content": "export default {\n\t\n}" }, { "path": "src/store/index.js", "content": "import Vue from 'vue'\nimport Vuex from 'vuex'\nimport mutations from './mutations'\nimport actions from './action'\nimport getters from './getters'\n\nVue.use(Vuex)\n\nconst state = {\n\tlatitude: '', // 当前位置纬度\n\tlongitude: '', // 当前位置经度\n\tcartList: {}, // 加入购物车的商品列表\n\tshopDetail: null, //商家详情信息\n\tuserInfo: null, //用户信息\n\tshopid: null,//商铺id\n\tremarkText: null,//可选备注内容\n\tinputText: '',//输入备注内容\n\tinvoice: false,//开发票\n\tnewAddress: [], //确认订单页新的地址\n\tsearchAddress: null,//搜索并选择的地址\n\tgeohash: '31.22299,121.36025',//地址geohash值\n\tchoosedAddress: null,//选择地址\n\taddressIndex: null,//选择地址的索引值\n\tneedValidation: null,//确认订单时是否需要验证\n\tcartId: null, //购物车id\n\tsig: null,//购物车sig\n\torderParam: null,//订单的参数\n\torderMessage: null, //订单返回的信息\n\torderDetail: null, //订单详情\n\tlogin: true,//是否登录\n\timgPath:null,//头像地址\n\tremoveAddress:[],//移除地址\n\taddAddress:'',\t\t//新增地址\n\tquestion: null,//问题详情\n\tcartPrice: null, //会员卡价格\n}\n\nexport default new Vuex.Store({\n\tstate,\n\tgetters,\n\tactions,\n\tmutations,\n})" }, { "path": "src/store/mutation-types.js", "content": "export const RECORD_ADDRESS = 'RECORD_ADDRESS'\nexport const ADD_CART = 'ADD_CART'\nexport const REDUCE_CART = 'REDUCE_CART'\nexport const INIT_BUYCART = 'INIT_BUYCART'\nexport const CLEAR_CART = 'CLEAR_CART'\nexport const RECORD_SHOPDETAIL = 'RECORD_SHOPDETAIL'\nexport const RECORD_USERINFO = 'RECORD_USERINFO'\nexport const GET_USERINFO = 'GET_USERINFO'\nexport const CONFIRM_REMARK = 'CONFIRM_REMARK'\nexport const CONFIRM_INVOICE = 'CONFIRM_INVOICE'\nexport const CHOOSE_SEARCH_ADDRESS = 'CHOOSE_SEARCH_ADDRESS'\nexport const SAVE_GEOHASH = 'SAVE_GEOHASH'\nexport const CONFIRM_ADDRESS = 'CONFIRM_ADDRESS'\nexport const CHOOSE_ADDRESS = 'CHOOSE_ADDRESS'\nexport const NEED_VALIDATION = 'NEED_VALIDATION'\nexport const SAVE_CART_ID_SIG = 'SAVE_CART_ID_SIG'\nexport const SAVE_ORDER_PARAM = 'SAVE_ORDER_PARAM'\nexport const CHANGE_ORDER_PARAM = 'CHANGE_ORDER_PARAM'\nexport const ORDER_SUCCESS = 'ORDER_SUCCESS'\nexport const SAVE_SHOPID = 'SAVE_SHOPID'\nexport const SAVE_ORDER = 'SAVE_ORDER'\nexport const OUT_LOGIN = 'OUT_LOGIN'\nexport const RETSET_NAME = 'RETSET_NAME'\nexport const SAVE_AVANDER = 'SAVE_AVANDER'\nexport const SAVE_ADDDETAIL = 'SAVE_ADDDETAIL'\nexport const SAVE_ADDRESS = 'SAVE_ADDRESS'\nexport const SAVE_QUESTION = 'SAVE_QUESTION'\nexport const ADD_ADDRESS = 'ADD_ADDRESS'\nexport const BUY_CART = 'BUY_CART'\n" }, { "path": "src/store/mutations.js", "content": "import {\n\tRECORD_ADDRESS,\n\tADD_CART,\n\tREDUCE_CART,\n\tINIT_BUYCART,\n\tCLEAR_CART,\n\tRECORD_SHOPDETAIL,\n\tRECORD_USERINFO,\n\tGET_USERINFO,\n\tCONFIRM_REMARK,\n\tCONFIRM_INVOICE,\n\tCHOOSE_SEARCH_ADDRESS,\n\tSAVE_GEOHASH,\n\tCONFIRM_ADDRESS,\n\tCHOOSE_ADDRESS,\n\tNEED_VALIDATION,\n\tSAVE_CART_ID_SIG,\n\tSAVE_ORDER_PARAM,\n\tCHANGE_ORDER_PARAM,\n\tORDER_SUCCESS,\n\tSAVE_SHOPID,\n\tSAVE_ORDER,\n\tOUT_LOGIN,\n\tRETSET_NAME,\n\tSAVE_AVANDER,\n\tSAVE_ADDRESS,\n\tSAVE_ADDDETAIL,\n\tSAVE_QUESTION,\n\tADD_ADDRESS,\n\tBUY_CART,\n} from './mutation-types.js'\n\nimport {setStore, getStore} from '../config/mUtils'\n\nimport {localapi, proapi} from 'src/config/env'\n\nexport default {\n\t// 记录当前经度纬度\n\t[RECORD_ADDRESS](state, {\n\t\tlatitude,\n\t\tlongitude\n\t}) {\n\t\tstate.latitude = latitude;\n\t\tstate.longitude = longitude;\n\t},\n\n\t[RECORD_SHOPDETAIL](state, detail) {\n\t\tstate.shopDetail = detail;\n\t},\n\t// 加入购物车\n\t[ADD_CART](state, {\n\t\tshopid,\n\t\tcategory_id,\n\t\titem_id,\n\t\tfood_id,\n\t\tname,\n\t\tprice,\n\t\tspecs,\n\t\tpacking_fee,\n\t\tsku_id,\n\t\tstock\n\t}) {\n\t\tlet cart = state.cartList;\n\t\tlet shop = cart[shopid] = (cart[shopid] || {});\n\t\tlet category = shop[category_id] = (shop[category_id] || {});\n\t\tlet item = category[item_id] = (category[item_id] || {});\n\t\tif (item[food_id]) {\n\t\t\titem[food_id]['num']++;\n\t\t} else {\n\t\t\titem[food_id] = {\n\t\t\t\t\t\"num\" : 1,\n\t\t\t\t\t\"id\" : food_id,\n\t\t\t\t\t\"name\" : name,\n\t\t\t\t\t\"price\" : price,\n\t\t\t\t\t\"specs\" : specs,\n\t\t\t\t\t\"packing_fee\" : packing_fee,\n\t\t\t\t\t\"sku_id\" : sku_id,\n\t\t\t\t\t\"stock\" : stock\n\t\t\t};\n\t\t}\n\t\tstate.cartList = {...cart};\n\t\t//存入localStorage\n\t\tsetStore('buyCart', state.cartList);\n\t},\n\t// 移出购物车\n\t[REDUCE_CART](state, {\n\t\tshopid,\n\t\tcategory_id,\n\t\titem_id,\n\t\tfood_id,\n\t\tname,\n\t\tprice,\n\t\tspecs,\n\t}) {\n\t\tlet cart = state.cartList;\n\t\tlet shop = (cart[shopid] || {});\n\t\tlet category = (shop[category_id] || {});\n\t\tlet item = (category[item_id] || {});\n\t\tif (item && item[food_id]) {\n\t\t\tif (item[food_id]['num'] > 0) {\n\t\t\t\titem[food_id]['num']--;\n\t\t\t\tstate.cartList = {...cart};\n\t\t\t\t//存入localStorage\n\t\t\t\tsetStore('buyCart', state.cartList);\n\t\t\t} else {\n\t\t\t\t//商品数量为0，则清空当前商品的信息\n\t\t\t\titem[food_id] = null;\n\t\t\t}\n\t\t}\n\t},\n\t//网页初始化时从本地缓存获取购物车数据\n\t[INIT_BUYCART](state) {\n\t\tlet initCart = getStore('buyCart');\n\t\tif (initCart) {\n\t\t\tstate.cartList = JSON.parse(initCart);\n\t\t}\n\t},\n\t//清空当前商品的购物车信息\n\t[CLEAR_CART](state, shopid) {\n\t\tstate.cartList[shopid] = null;\n\t\tstate.cartList = {...state.cartList};\n\t\tsetStore('buyCart', state.cartList);\n\t},\n\t// 记录用户信息\n\t[RECORD_USERINFO](state, info) {\n\t\tstate.userInfo = info;\n\t\tstate.login = true;\n\t\tsetStore('user_id', info.user_id);\n\t},\n\t//获取用户信息存入vuex\n\t[GET_USERINFO](state, info) {\n\t\tif (state.userInfo && (state.userInfo.username !== info.username)) {\n\t\t\treturn;\n\t\t};\n\t\tif (!state.login) {\n\t\t\treturn\n\t\t}\n\t\tif (!info.message) {\n\t\t\tstate.userInfo = {...info};\n\t\t} else {\n\t\t\tstate.userInfo = null;\n\t\t}\n\t},\n\t//修改用户名\n\t[RETSET_NAME](state,username) {\n\t\tstate.userInfo = Object.assign({}, state.userInfo,{username})\n\t},\n\t//保存商铺id\n\t[SAVE_SHOPID](state, shopid) {\n\t\tstate.shopid = shopid;\n\t},\n\t//记录订单页面用户选择的备注, 传递给订单确认页面\n\t[CONFIRM_REMARK](state, {\n\t\tremarkText,\n\t\tinputText\n\t}) {\n\t\tstate.remarkText = remarkText;\n\t\tstate.inputText = inputText;\n\t},\n\t//是否开发票\n\t[CONFIRM_INVOICE](state, invoice) {\n\t\tstate.invoice = invoice;\n\t},\n\t//选择搜索的地址\n\t[CHOOSE_SEARCH_ADDRESS](state, place) {\n\t\tstate.searchAddress = place;\n\t},\n\t//保存geohash\n\t[SAVE_GEOHASH](state, geohash) {\n\t\tstate.geohash = geohash;\n\t\t\n\t},\n\t//确认订单页添加新的的地址\n\t[CONFIRM_ADDRESS](state, newAddress) {\n\t\tstate.newAddress.push(newAddress);\n\t},\n\t//选择的地址\n\t[CHOOSE_ADDRESS](state, {\n\t\taddress,\n\t\tindex\n\t}) {\n\t\tstate.choosedAddress = address;\n\t\tstate.addressIndex = index;\n\t},\n\t//保存下单需要验证的返回值\n\t[NEED_VALIDATION](state, needValidation) {\n\t\tstate.needValidation = needValidation;\n\t},\n\t//保存下单后购物id 和 sig\n\t[SAVE_CART_ID_SIG](state, {\n\t\tcart_id,\n\t\tsig\n\t}) {\n\t\tstate.cart_id = cart_id;\n\t\tstate.sig = sig;\n\t},\n\t//保存下单参数，用户验证页面调用\n\t[SAVE_ORDER_PARAM](state, orderParam) {\n\t\tstate.orderParam = orderParam;\n\t},\n\t//修改下单参数\n\t[CHANGE_ORDER_PARAM](state, newParam) {\n\t\tstate.orderParam = Object.assign({}, state.orderParam, newParam);\n\t},\n\t//下单成功，保存订单返回信息\n\t[ORDER_SUCCESS](state, order) {\n\t\tstate.cartPrice = null;\n\t\tstate.orderMessage = order;\n\t},\n\t//进入订单详情页前保存该订单信息\n\t[SAVE_ORDER](state, orderDetail) {\n\t\tstate.orderDetail = orderDetail;\n\t},\n\t//退出登录\n\t[OUT_LOGIN](state) {\n\t\tstate.userInfo = {};\n\t\tstate.login = false;\n\t},\n\t//保存图片\n\t[SAVE_AVANDER](state, imgPath) {\n\t\tstate.imgPath = imgPath;\n\t},\n\t//删除地址列表\n\t[SAVE_ADDRESS](state, newAdress) {\n\t\tstate.removeAddress = newAdress\n\t},\n\t//添加地址name\n\t[SAVE_ADDDETAIL](state, addAddress){\n\t\tstate.addAddress=addAddress;\n\t},\n\t//保存所选问题标题和详情\n\t[SAVE_QUESTION](state, question) {\n\t\tstate.question = {...question};\n\t},\n\t//增加地址\n\t[ADD_ADDRESS](state, obj) {\n\t\tstate.removeAddress = [obj, ...state.removeAddress];\n\t},\n\t//会员卡价格纪录\n\t[BUY_CART](state, price) {\n\t\tstate.cartPrice = price;\n\t},\n\n}\n" }, { "path": "src/style/common.scss", "content": "body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption, {\n padding: 0;\n margin: 0;\n list-style: none;\n font-style: normal;\n text-decoration: none;\n border: none;\n color: #333;\n font-weight: normal;\n font-family: \"Microsoft Yahei\";\n box-sizing: border-box;\n -webkit-tap-highlight-color:transparent;\n -webkit-font-smoothing: antialiased;\n &:hover{\n outline: none;\n }\n}\n\n/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ \n::-webkit-scrollbar \n{ \n width: 0px; \n height: 0px; \n background-color: #F5F5F5; \n} \n \n/*定义滚动条轨道 内阴影+圆角*/ \n::-webkit-scrollbar-track \n{ \n -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0); \n border-radius: 10px; \n background-color: #F5F5F5; \n} \n \n/*定义滑块 内阴影+圆角*/ \n::-webkit-scrollbar-thumb \n{ \n border-radius: 10px; \n -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); \n background-color: #555; \n} \n\ninput[type=\"button\"], input[type=\"submit\"], input[type=\"search\"], input[type=\"reset\"] {\n -webkit-appearance: none;\n}\n\ntextarea { -webkit-appearance: none;} \n\nhtml,body{\n height: 100%;\n width: 100%;\n background-color: #F5F5F5;\n}\n\n\n.clear:after{\n content: '';\n display: block;\n clear: both;\n}\n\n.clear{\n zoom:1;\n}\n\n.back_img{\n background-repeat: no-repeat;\n background-size: 100% 100%;\n}\n\n.margin{\n margin: 0 auto;\n}\n\n.left{\n float: left;\n}\n\n.right{\n float: right;\n}\n\n.hide{\n display: none;\n}\n\n.show{\n display: block;\n}\n\n.ellipsis{\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.paddingTop{\n padding-top: 1.95rem;\n}\n\n@keyframes backOpacity{\n 0% { opacity: 1 }\n 25% { opacity: .5 }\n 50% { opacity: 1 }\n 75% { opacity: .5 }\n 100% { opacity: 1 }\n}\n\n.animation_opactiy{\n animation: backOpacity 2s ease-in-out infinite;\n}" }, { "path": "src/style/mixin.scss", "content": "$blue: #3190e8; \n$bc: #e4e4e4;\n$fc:#fff;\n\n// 背景图片地址和大小\n@mixin bis($url) { \n\tbackground-image: url($url);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% 100%;\n}\n\n@mixin borderRadius($radius) {\n -webkit-border-radius: $radius;\n -moz-border-radius: $radius;\n -ms-border-radius: $radius;\n -o-border-radius: $radius;\n border-radius: $radius;\n}\n//定位全屏\n@mixin allcover{\n\tposition:absolute;\n\ttop:0;\n\tright:0;\n}\n\n//定位上下左右居中\n@mixin center { \n\tposition: absolute;\n\ttop: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n//定位上下居中\n@mixin ct { \n\tposition: absolute;\n\ttop: 50%;\n transform: translateY(-50%);\n}\n\n//定位左右居中\n@mixin cl { \n\tposition: absolute;\n\tleft: 50%;\n transform: translateX(-50%);\n}\n\n//宽高\n@mixin wh($width, $height){\n\twidth: $width;\n\theight: $height;\n}\n\n//字体大小、行高、字体\n@mixin font($size, $line-height, $family: 'Microsoft YaHei') { \n\tfont: #{$size}/#{$line-height} $family;\n}\n\n//字体大小，颜色\n@mixin sc($size, $color){\n\tfont-size: $size;\n\tcolor: $color;\n}\n\n//flex 布局和 子元素 对其方式\n@mixin fj($type: space-between){\n\tdisplay: flex;\n\tjustify-content: $type;\n\n}" } ]