本篇文章要介绍微信小程序商城最重要的内容——我的主页，“我的”这个页面内容包含了太多的东西，比如用户的个人信息，订单内容，地址管理，客服电话等等。所以它成为了整个功能模块中最为重要的部门，本篇文章将只会介绍页面的设计和功能模块的规划，其他内容将会在后续文章中一一介绍。效果图如下所示：“我的”页面主要包括三个模块：个人积分及优惠券模块、订单内容模块、地址管理和客服联系等模块。三个模块基本包含了“我的

上一篇文章介绍了商城主页的内容，商城主页也是默认的小程序进入的首页，主要介绍商品的类型和商品展示。本篇文章将会介绍商家一些信息，具体的内容还没有完善，只是对商家不同的类别进行分类展示，没有对商家做具体的内容介绍，后续会逐渐完善，然后再更新本章内容效果图如下所示：具体的代码如下：<template><view class="shopContent"><view clas

做关于微信上的小程序或者公众号，最重要的是——授权登录。微信公众号不同于小程序，公众号是基于H5开发的网页版“程序”，而小程序则更像是一个微型的“APP程序”。微信公众号更得是为了营销。小程序则是为了和用户交互。废话不多说，我们直接来看，如何开始做一个微信公众号（1）申请公众号，开发者基本配置这里就不做重复的叙述了。微信开发者文档上，写的很清楚#微信开发者文档https://developers.

基于Vue语法，使用uni-app框架来实现微信小程序中的购物车功能。实现购物车的全选，多选，计算总价，删除商品等功能。结合使用VantWeapp微信小程序前端框架来搭建购物车页面。效果图如下：效果视频如下：微信小程序购物车录屏百度云视频，链接：https://pan.baidu.com/s/1QQHIIT58woini-ggPmrzIA提取码：xzs8其中单个的商品可以使用左滑进行删除，视频没有

前面两篇文章介绍了uni-app项目的创建和整体架构的搭建，还有如何使用分包加载和第三方组件等等，从这篇文章开始，我们就要进一步介绍具体的开发过程，做一个简单的微信小程序商城项目。首先在pages下创建一个index文件夹，再创建一个index.vue文件，用来写主页内容。创建index.vue文件可以选择简单模板，会出现三个模块，如下所示：<template></templat

当然在一个类似商城的公众号中，自然也少不了用户地址的添加，下面我们就写一个收货地址的页面，页面中，可以简单的自动识别地址信息，设置默认地址，设置地址标签等功能，先来看看效果截图。（1）地址管理页面（1.1）页面代码其实HTML页面代码就是一个简单循环遍历，先把填写的地址保存在vuex中，然后缓存到localStorage中，然后获取localStorage中的缓存，v-for循环显示出来。其中需要

我们上一篇文章中写到了商品详情页的设计和实施，本篇文章讲述了订单详情，订单详情无非就是对商品的几种状态进行分类，参考某宝，把商品分为待付款、待发货、待收货、已完成等几种状态，然后使用VantWeapp组件中的“Tab 标签页”对其状态进行分类，然后使用“Card 商品卡片”组件将商品展示到对应的标签页下。效果图如下：在“Card 商品卡片”中使用了一个tag插槽在右上角使用不用的颜色和文字来标明该

在我们讲完了最基础的四个tabBar栏之后，商城也算是初现模样，本篇文章将会介绍商品详情页面的制作，包括把商品加入购物车的功能、分享商品信息的功能等等，效果图如下：首先是做了是个三图轮播的样式来展示该商品，然后是商品信息的介绍，接着是分享商品和商品类型的挑选，最后使用VantWeapp中的GoodsAction ...

唔...因为这个公众号做的是关于一个墓园的公众号（~_~）,所以有很多东西，都涉及到一些“不太好”的东西，所以大家看的时候，还挺谅解~接下来做了一个商品展示，购物车展示，加入购物车等功能，如图所示（1）商铺展示页面商铺展示页，借鉴了uView组件中的垂直分类垂直分类uView UI，是uni-app生态最优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水https://www.uvie

在uni-app组件中并没有下拉多选框，在组件市场中找到了这个组件，整理了一下，以此记录 需要注意的是要使用scss