SmallRuralDog / Lyf Vue
这是一个基于vue2开发在线商城前端
Stars: ✭ 100
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Lyf Vue
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (+3%)
Mutual labels: shop, vue2
Quasar Sika Design
quasar-sika-design让世界没有难写的代码,Quasar Sika Design 是一个企业级中后台前端 / 设计解决方案,中后台管理模板,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板 / 业务组件 / 配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。
Stars: ✭ 93 (-7%)
Mutual labels: vue2
Ryal
🏵 An e-commerce library for elixir; just to save you some pain, we're still in construction, so star us instead or donate!
Stars: ✭ 87 (-13%)
Mutual labels: shop
One Vue
仿韩寒「ONE · 一个」,基于vue2.0+混合式开发的一款跨终端、高性能、用户体验高的移动端App! 学习Vue的同学可以看下,感谢 Star 和 Fork!!
Stars: ✭ 93 (-7%)
Mutual labels: vue2
Multiselect
Vue 3 multiselect component with single select, multiselect and tagging options.
Stars: ✭ 92 (-8%)
Mutual labels: vue2
Vue3 Sfc Loader
Vue3 Single File Component loader for Vue2 and Vue3. Load .vue files directly from your html/js. No node.js environment, no (webpack) build step.
Stars: ✭ 95 (-5%)
Mutual labels: vue2
Vue2 Vue Router2 Webpack2
《从零搭建 vue2 vue-router2 webpack4 工程》《从零搭建 vue2 vue-router2 webpack3 工程》《搭建 vue2 vue-router2 webpack3 多入口工程》
Stars: ✭ 90 (-10%)
Mutual labels: vue2
Vue Truncate Collapsed
A simple component that truncates your text and adds a 'Read More/Show Less' clickable.
Stars: ✭ 98 (-2%)
Mutual labels: vue2
Ios Print Sdk
iOS Print SDK. Easily add print on demand functionality to your app within minutes! Print Postcards, Magnets, Photo Prints, Posters, Stickers, T-Shirts, PhotoBooks, etc.
Stars: ✭ 99 (-1%)
Mutual labels: shop
Aimeos Slim
Slim PHP package for professional, ultra fast online shops
Stars: ✭ 98 (-2%)
Mutual labels: shop
lyf-vue
这是一个基于vue2开发在线商城,目前已完成大部分,先将其开源给感兴趣的同学学习参考!
目录结构
│ bus.js //组件通信
│ main.js //入口文件
│
├─api //公共方法等
│ filter.js
│ http.js
│ methods.js
│ sess.js
│
├─assets
│ ├─icon
│ └─images
│
├─components
│ │ Index.vue
│ │
│ ├─layout //布局
│ │ action-sheet.vue //sku弹窗
│ │ cart-data.vue //购物车有数据
│ │ cart-no-data.vue //购物车无数据
│ │ footnav.vue //底部
│ │ lyf-tab-bar.vue //tabbar
│ │ order-store-voucher-list.vue
│ │ scroll.vue
│ │ voucher-list.vue
│ │
│ └─page
│ │ auth.vue //登录授权回调页(仅作为测试用)
│ │ login.vue //登录页
│ │
│ ├─index (首页)
│ │ cart.vue //购物车
│ │ class_all.vue //分类
│ │ discovery.vue
│ │ home.vue //首页
│ │ user.vue //用户用心
│ │
│ ├─mall //商城
│ │ catgoods.vue //分类商品
│ │ comment-list.vue //评论列表
│ │ goods_detail.vue //产品详情
│ │ store_home.vue //店铺首页
│ │
│ ├─news //新闻(未完成)
│ │ news-detail.vue
│ │
│ ├─order //订单
│ │ buy-now.vue //订单确认页
│ │ order-detail.vue //订单详情
│ │ order-list.vue //订单列表
│ │ order-logistics.vue
│ │ order-pay-success.vue //订单支付成功
│ │ order-rate.vue
│ │ order-refund-list.vue //售后
│ │ order-refund-return.vue //售后
│ │ order-refund-start.vue //售后
│ │ order-refund.vue //售后
│ │
│ ├─user //用户
│ │ address-from.vue //收货地址编辑
│ │ addresses.vue //收货地址
│ │ favorite.vue //
│ │ friend-list.vue
│ │ message-detail.vue
│ │ message-list.vue
│ │ my-voucher.vue
│ │ question-detail.vue
│ │ question-list.vue
│ │ setting.vue
│ │
│ └─wallet //钱包
│ my-money.vue
│ transaction-list.vue
│ wallet.vue
│
└─store //vuex定义
│ index.js //主
└─modules
actionsheet.js
class_index.js
common.js
discovery.js
home.js
orderlist.js
page_load_state.js
项目如何运行
git clone https://github.com/SmallRuralDog/lyf-vue.git
cd lyf-vue
npm install
npm run dev
由于开源代码使用的接口是我这边的测试接口,如果需要加入自己的业务请自行开发接口,接口可具体查看源码,或可参考shopnc
,商城后端是查考shopnc
开发的,接口返回字段基本和shopnc
相同
项目使用的一些组件
- axios
- better-scroll
- lib-flexible
- mint-ui
- vue-awesome-swiper
- vue-lazyload
- vue-router
- vuex
项目是基于 vonic 2.0.0-beta.15
搭建,不建议直接做为线上项目,本源码只做为参考学习,大神勿喷!!喜欢的点一下 star
!蟹蟹--
另外我还开源了微信小程序,感兴趣的也可以去看看--
关注我的头条号
头条扫一扫 干货随便找
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].