微信小程序---tabBar&页面跳转

1、tabBar

在appjson文件中添加tabBar节点。tabBar是小程序客户端底部或顶部tab栏的实现。
（1）tabBar相关属性

color：tab上的文字默认颜色，仅支持十六进制颜色。

selectedColor：tab上的文字选中时的颜色，仅支持十六进制颜色。

backgroundColor：tab的背景色，仅支持十六进制颜色。

borderStyle：tabbar上边框的颜色， 仅支持 black / white。

position：tabBar的位置，默认值是: bottom，仅支持 bottom / top。当 position 为 top 时，不显示 icon。

custom：自定义tabBar。

"tabBar": {

    "color": "#000000",

    "selectedColor": "#336699",

    "backgroundColor": "#ffffff",

    "borderStyle": "black",

    "position": "bottom"

  }

（2）list

list：tab的列表。

list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。

pagePath：页面路径，必须在pages 中先定义。

text：tab 上按钮文字。

iconPath：路径，icon 大小限制为 40kb，建议尺寸为 81px 81px，不支持网络。selectedIconPath：选中时的路径，icon 大小限制为 40kb，建议尺寸为 81px 81px，不支持网络。

    "list": [

      {

        "text": "首页",

        "pagePath": "pages/index/index",

        "iconPath": "assets/icon/homepng",

        "selectedIconPath": "assets/icon/home2png"

      },

      {

        "text": "列表",

        "pagePath": "pages/list/list",

        "iconPath": "assets/icon/listpng",

        "selectedIconPath": "assets/icon/list2png"

      }

]

2、页面跳转

（1）跳转普通页面

方法① navigator组件

 <!-- 跳转到普通页，可以通过返回按钮返回 -->

 <navigator url="/detail/detail">到详情页</navigator>

方法② navigateTo()方法

navigateTo()方法，用于跳转普通页面。

<view bindtap="gotoDetail">到详情页</view>
gotoDetail(){

    //使用全局api跳转，navigateTo()方法，用于跳转普通页面

    wxnavigateTo({

      url: '/detail/detail',

    })

   }

（2）跳转tabBar页面

方法① navigator组件

如果要使用navigator组件跳转tabBar页面，需要设置open-type="switchTab"。

 <!-- 跳转到tabBar页面，不可以通过返回按钮返回。因为跳转到指定的tabBar页面后，会关闭其他所有页面 -->

<navigator url="/list/list" open-type="switchTab">到列表页</navigator>                                                                                      

方法② switchTab()方法

switchTab()方法，用于跳转tabBar页面。
  <view bindtap="gotoList">到列表页</view>

gotoList(){

    wxswitchTab({

      url: '/list/list',

    })

  }

一个新零售商城小程序都有什么功能？是很多商家在刚接触小程序开发前都会有的一个问题。小程序的功能配置是否齐全，是否可以有效贴合店铺运营，今天带大家来看看都有哪些功能可以实现。
一、店铺管理
包含店铺装修、微官网、店铺信息等功能，有几十种店铺插件和风格多样的店铺模板可供商家随意选择。商家可以随心装修自己的商城小程序的页面显示，如果商家对品牌个性化设计有更高的追求，也可以开发定制独一无二的小程序店铺。
二、订单管理
包括了订单管理、订单分类、预约管理、评价管理等功能，商家可以在这里查看各种状态的订单信息，可以做到实时接收订单并掌握订单状态，及时安排打包发货等事宜，提高门店工作效率。
三、门店管理
可配置智能多门店管理系统，商家可通过手机端随时查看个门店的商品订单、库存情况、支付单独管理、多端智能收银等具体情况，适用于连锁或加盟零售模式，对于有多门店管理需求的商家来说能够一步整合所有门店资源，使管理变得统一而高效。
四、商品管理
具有商品管理、商品分类、商品规格等常规功能，在这里商家可 *** 作日常商品上下架，改变商品销售状态，包含了实物、虚拟、服务、预约等商品形态，同时支持商品一物一码、商品封面主图视频、多规格等设置，让商家轻松实现线上线下商品同步管理。
五、客户管理
可设置客户管理、会员等级、会员标签、会员分组、会员积分等功能，商家可多渠道打通管理会员体系、自行设置发放会员卡、多种开卡形式、会员等级与折扣、消费有积分、积分抵现、会员优惠券等会员功能，达到对会员精准营销，同时也能维护会员群体。
六、营销中心
各种营销功能可是商城小程序的一大利器，包括了秒杀、砍价、直播、社区团购、拼团、优惠券、限时抢购、积分商城、分销、礼品卡，满减等工具，微信商城小程序搭载微信生态发展，自带天然流量优势，相信能把营销工具使用好的商家更容易实现用户自身推广。
七、数据统计
可使用数据概况、客流分析、交易分析、商品分析、客户分析、业绩报表等数据功能，不仅能帮助商家精准掌握门店运营情况，还可以帮助商家促进门店数字化转型。
以上就是新零售商城小程序的主要功能，还有一些比如员工管理、在线客服等延伸功能就不一一举例了。

微信版本升级后，打开微信，点击底部的“发现”这个菜单项，就会发现升级后的“发现”菜单里，增加了“小程序”这样一个功能。
点击打开小程序后，可以看到有附近的小程序和我的小程序，附近的小程序是所在定位周边的小程序。
下面的小程序列表可以看到的是我们之前打开过的一些小程序，如果有自己觉得很好用的小程序就可以点击左上角，添加到我的小程序里面。
微信小程序还有具有搜索功能，打开搜索页面可以输入想要找的小程序。

小程序是由微信之父张小龙在2017年1月9日正式发布的轻应用，它不需要下载安装专门的APP，只需要通过微信的载体，就可以轻松实现APP的功能。

1、打开手机，点击微信APP图标，登陆自己的微信号即可。

2、进入微信首页，点击发现进入页面即可。

3、进入页面之后，页面往下拉，会看到小程序三个字，点击即可进入小程序。

4、之后就可以返回首页，页面下拉，入下图画圈部分就是小程序。

5、点击最近使用，进入页面，点击画圈部分也可以搜索小程序。

点击小程序的home键就可以切换聊天界面了。在微信661更新日志中提到，新版本微信主界面新增任务栏，下拉可以找到用过的小程序，按照使用先后反向排列。任务栏中的小程序支持左右滑动查看，想要进入哪个小程序，点击即可。如果想把常用的显示在前面，只需要把无用的小程序长按删掉即可。小程序的星标功能并不能在首页入口展现位置优势。如果想要查找更多曾经使用过的小程序，可以把列表滑到最右，点击三个点的图标，直接进入发现里的小程序入口。更新之后的小程序，关闭按钮由×变成了圆，由左边换到了右边。功能也由完全关闭变成了暂时关闭。变成圆之后的小程序，如果中途退出，只要不在后台关闭微信，你之前打开的小程序页面，再点进去还会在。以跳一跳为例，当你在玩的中途点击了原点暂时退出，再重新打开，依旧可以继续之前的游戏。点击原点不仅能在小程序与聊天界面中切换，也可以在多个小程序中进行切换。具体 *** 作就是长按圆形的键，然后在跳出的显示框中选择想要切换的小程序，点击即可。不得不说，在进行不断地改版之后微信小程序的 *** 作体验是越来越方便，加上微信官方的赋能，小程序的将来还是值得期待的。如果你不远错过这一波市场红利，那么就快去申请一个小程序，分享一波关于小程序的流量红利吧

品牌型号：vivoY73s
系统：Funtouch OS_105
软件版本:微信8016 以微信8016为例，微信小程序可以进入发现界面进入小程序添加到我的小程序。分为3步，具体步骤如下： 1 进入微信小程序 <!-- 1第1步 进入微信小程序 -->

打开手机微信APP，点击底部发现，选择小程序。

2 添加小程序 <!-- 2第2步 添加小程序 -->

进入页面，长按小程序，点击添加到我的小程序。

3 微信主界面查看小程序 <!-- 3第3步 微信主界面查看小程序 -->

返回微信主界面，从顶部下滑，可以看到添加的小程序。

1、首先打开微信页面设置点开通用设置。
2、找到“发现页面管理”打开，再点击小程序开关设置即可关闭。
3、还可以打开使用过的小程序列表点击设置，在d出的小程序菜单中找到设置项把“使用我的地理位置”和“使用我的用户信息”关闭即可。
在Android开发时，我们可以使用finish()或者结束进程等手段达到退出app的效果，但是，微信小程序则没有提供退出小程序的api，必须用户点击系统返回键或者点击顶部小程序固定的的退出按钮…

---