wxmp-wodeshebao/page/home/pages/strategy-a/strategy-a.wxml

<import src="../../public/page/strategy.wxml" />

<scroll-view scroll-x="{{bgScrollView.scroll}}" scroll-left="{{bgScrollView.left}}" scroll-with-animation class="across-scroll-view">

<!-- 公积金权益 -->
<scroll-view scroll-y class="bg-scroll-view">
<template is="strategy-tab-placeholder" />

<view class="introduction">
  <text>住房公积金简介</text>
  <text>住房公积金是指国家机关，国有企业，城镇集体企业，外商投资企业，城镇私营企业及其他城镇企业，事业单位及其在职职工缴存的长期住房储金。</text>
</view>

<view class="advantage">
  <text>缴公积金的好处</text>
  <view>
    <text>公积金贷款买房省钱必备</text>
    <text>缴存公积金后，买房时可以申请公积金贷款，贷款成数高利率优惠、首付比例低，所以公积金是买房必备省钱神器。</text>
    <text>申请公积金贷款前，必须连续缴存公积金满一定的年限。</text>
    <text>以北上广深杭五个城市为例：</text>
  </view>

  <view class="choose-view">
    <view wx:for="{{citys.t}}" wx:key="" id="{{index}}" bindtap="changeCity" class="{{citys.s == index ? 'choose-view-item-s' : 'choose-view-item'}}">{{item}}</view>
  </view>
  <view animation="{{citys.a}}">
    <view></view>
  </view>

  <!-- 五城为例 -->
  <view>
    <view>
      <image src="../../../../icon/home/trategy_h.png"></image>
      <text>{{citys.t[citys.s]}}买房</text>
    </view>
    <view wx:if="{{citys.s!='2'}}">
      <text wx:for="{{citys.c[citys.s]}}" wx:key="" style="{{index == 1 ? 'color:#FF801A;font-family: PingFangSC-Semibold;' : ''}}">{{citys.c[citys.s][index]}}</text>
    </view>
    <view wx:else>
      <text wx:for="{{citys.c[citys.s]}}" wx:key="" style="{{tools.getStyle(index)}}">{{citys.c[citys.s][index]}}</text>
    </view>
  </view>

  <view>
    <text>缴存公积金后，累计的公积金相当于你的小金库，平时不能用，但在购房时可以提取，关键是可以进行公积金贷款！</text>
    <text>举个例子</text>
    <text>公积金货款额度计算公式为（以下数据会随政策更新可能稍有调整）：</text>
    <text>账户余额 * 8倍 + 月缴存额 *
    距退休年龄月数</text>
    <text>以月缴存额为500元，连续缴满4年，距离退休年龄以30年为例，那么可贷款金额为：</text>
    <view>
      <text>(500*4*12)*8 + 500* (30*12)
  =</text>
      <text> 372000元</text>
    </view>
    <text>那么，最终这37.2万元可以享受公积金低息贷款哦。</text>

    <view class='to-calculate' bindtap="goToPurchase">立即缴公积金</view>
    
  </view>

</view>

<template is="strategy-bottom" />
</scroll-view>

<!-- 公积金缴存 -->
<scroll-view scroll-y class="bg-scroll-view">
<template is="strategy-tab-placeholder" />

<view class="payment">
  <view style="width:100%;height:60rpx;"></view>
  <text class="content-title">情景1：有工作单位的</text>
  <view class="content-view"  style="margin-bottom:50rpx;">
    <text class="content-0">在正规单位工作，根据法律规定，单位会给员工缴存公积金，企业和个人按照一定比例缴存到员工的公积金账户。</text>
  </view>
  <text class="content-title">情景2：离职换新工作</text>
  <view class="content-view"  style="margin-bottom:54rpx;">
    <text class="content-0">离职换工作，先找好下家单位，并跟前单位和下家单位协商好公积金购买事宜，不要因为换工作，两家单位没接上而造成停缴。</text>
  </view>
  <text class="content-title">情景3：没有工作单位的</text>
  <view class="content-view">
    <text class="content-0">若没有工作单位，或离职时还没有找好下家就职单位的</text>
    <text class="content-1">，可以使用代缴服务，如“</text>
    <text class="content-2">我的社保</text>
    <text class="content-1">”代缴服务商，自助缴纳社保公积金</text>
    <text class="content-0">的大品牌值得信赖。</text>
  </view>

  <image src="../../../../icon/home/trategy_payment_0.png"></image>

  <view class="content-view">
    <text class="content-0">可以</text>
    <text class="content-1">在</text>
    <text class="content-2">“我的社保”小程序</text>
    <text class="content-1">或者下载</text>
    <text class="content-2">“我的社保”APP</text>
    <text class="content-0">根据页面提示流程，填写个人信息即可参保，方便省心快捷。</text>
  </view>
  <view class="content-view">
    <text class="content-1">因每个城市的公积金购买截止时间不一样，需提前下单购买，错过会容易导致断缴。</text>
  </view>

  <image src="../../../../icon/home/trategy_payment_1.png"></image>

  <text class="content-title">群体1：买房刚需人群</text>
  <view class="content-view"  style="margin-bottom:54rpx;">
    <text class="content-0">准备买房的刚需人群，可以使用代缴服务，缴存公积金。</text>
  </view>

  <text class="content-title">群体2：没有工作单位的人群</text>
  <view class="content-view">
    <text class="content-0">针对</text>
    <text class="content-1">离职换新工作期间的，或自由工作者、个体工商户</text>
    <text class="content-0">等，没有单位可以缴存公积金的人群，可以使用代缴服务，缴存公积金。</text>
  </view>

  <view bindtap="goToPurchase">立即缴公积金</view>

</view>

<template is="strategy-bottom" />
</scroll-view>

<!-- 公积金查询 -->
<scroll-view scroll-y class="bg-scroll-view">
<template is="strategy-tab-placeholder" />

<view class="query">
  <view style="width:100%;height:60rpx;"></view>
  <text class="content-title">方式1：公积金中心前台／自助机查询</text>
  <view class="content-view"  style="margin-bottom:50rpx;">
    <text class="content-0">可以去当地的公积金管理中心服务前台查询或自助机查询，无需账号和密码凭证即可查询，也可以设置和修改查询账号和密码。</text>
  </view>
  <text class="content-title">方式2：公积金官网或热线查询</text>
  <view class="content-view">
    <text class="content-0">登录当地公积金管理中心官方网站，输入社保的帐号和密码即可查看缴存明细。</text>
  </view>
  <view class="content-view" style="margin-bottom:50rpx;">
    <text class="content-0">可拨打</text>
    <text class="content-1">公积金管理中心官方热线</text>
    <text class="content-2">12329</text>
    <text class="content-0">，提供你的身份证号码即可查询。</text>
  </view>
  <text class="content-title">方式3：“我的社保”APP查询</text>
  <view class="content-view">
    <text class="content-0">可以下载【我的社保】APP自助查询，点击“查询”菜单 → 政府官方明细查询 → 选择查询城市 → 公积金查询 → 登录你的公积金账号即可查询缴费明细。</text>
  </view>


  <image src="../../../../icon/home/trategy_payment_0.png"></image>

  <text class="content-title">方式4：城市服务／公众号查询</text>
  <view class="content-view">
    <text class="content-0">支持部分城市：</text>
  </view>
  <view class="content-view">
    <text class="content-0">➤    微信 → 钱包 → 城市服务 → 公积金查询</text>
  </view>
  <view class="content-view">
    <text class="content-0">➤    支付宝 → 城市服务 → 公积金查询</text>
  </view>
  <view class="content-view" style="margin-bottom:140rpx;">
    <text class="content-0">➤    添加当地公积金管理中心公众号，即可自助查询</text>
  </view>
</view>

<template is="strategy-bottom" />
</scroll-view>


</scroll-view>

<template is="strategy-tab" data="{{...tab}}"/>


<wxs module="tools">
  var getStyle = function(i) {
    var r = i % 4
    if (r == 0) {
      return 'color: #666666;font-family: PingFangSC-Semibold;'
    } else if (r == 2) {
      return 'color: #FF801A;font-family: PingFangSC-Semibold;'
    } else {
      return ''
    }
  }

  module.exports.getStyle = getStyle
</wxs>