strategy-a.swan 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <import src="../../public/page/strategy.swan" />
  2. <scroll-view scroll-x="{{bgScrollView.scroll}}" scroll-left="{{bgScrollView.left}}" scroll-with-animation="{{bgScrollView.a}}" class="across-scroll-view" style="height:{{adapter.bgHeight}}px;">
  3. <!-- 公积金权益 -->
  4. <scroll-view scroll-y class="bg-scroll-view" style="height:{{adapter.bgHeight}}px;">
  5. <template is="strategy-tab-placeholder" />
  6. <view class="introduction">
  7. <text>住房公积金简介</text>
  8. <text>住房公积金是指国家机关,国有企业,城镇集体企业,外商投资企业,城镇私营企业及其他城镇企业,事业单位及其在职职工缴存的长期住房储金。</text>
  9. </view>
  10. <view class="advantage">
  11. <text>缴公积金的好处</text>
  12. <view>
  13. <text>公积金贷款买房省钱必备</text>
  14. <text>缴存公积金后,买房时可以申请公积金贷款,贷款成数高利率优惠、首付比例低,所以公积金是买房必备省钱神器。</text>
  15. <text>申请公积金贷款前,必须连续缴存公积金满一定的年限。</text>
  16. <text>以北上广深杭五个城市为例:</text>
  17. </view>
  18. <view class="choose-view">
  19. <view s-for="{{citys.t}}" id="{{index}}" bindtap="changeCity" class="{{citys.s == index ? 'choose-view-item-s' : 'choose-view-item'}}">{{item}}</view>
  20. </view>
  21. <view animation="{{citys.a}}">
  22. <view></view>
  23. </view>
  24. <!-- 五城为例 -->
  25. <view>
  26. <view>
  27. <image src="../../../../icon/home/trategy_h.png"></image>
  28. <text>{{citys.t[citys.s]}}买房</text>
  29. </view>
  30. <view s-if="{{citys.s!='2'}}">
  31. <text s-for="{{citys.c[citys.s]}}" a:key="" style="{{index == 1 ? 'color:#FF801A;font-family: PingFangSC-Semibold;' : ''}}">{{citys.c[citys.s][index]}}</text>
  32. </view>
  33. <view s-else>
  34. <text s-for="{{citys.c[citys.s]}}" a:key="" style="{{tools.getStyle(index)}}">{{citys.c[citys.s][index]}}</text>
  35. </view>
  36. </view>
  37. <view>
  38. <text>缴存公积金后,累计的公积金相当于你的小金库,平时不能用,但在购房时可以提取,关键是可以进行公积金贷款!</text>
  39. <text>举个例子</text>
  40. <text>公积金货款额度计算公式为(以下数据会随政策更新可能稍有调整):</text>
  41. <text>账户余额 * 8倍 + 月缴存额 *
  42. 距退休年龄月数</text>
  43. <text>以月缴存额为500元,连续缴满4年,距离退休年龄以30年为例,那么可贷款金额为:</text>
  44. <view>
  45. <text>(500*4*12)*8 + 500* (30*12)
  46. =</text>
  47. <text> 372000元</text>
  48. </view>
  49. <text>那么,最终这37.2万元可以享受公积金低息贷款哦。</text>
  50. </view>
  51. </view>
  52. <template is="strategy-bottom" />
  53. <view class="button-placeholder{{adapter.suffix}}"></view>
  54. </scroll-view>
  55. <!-- 公积金缴存 -->
  56. <scroll-view scroll-y class="bg-scroll-view" style="height:{{adapter.bgHeight}}px;">
  57. <template is="strategy-tab-placeholder" />
  58. <view class="payment">
  59. <view style="width:100%;height:60rpx;"></view>
  60. <text class="content-title">情景1:有工作单位的</text>
  61. <view class="content-view" style="margin-bottom:50rpx;">
  62. <text class="content-0">在正规单位工作,根据法律规定,单位会给员工缴存公积金,企业和个人按照一定比例缴存到员工的公积金账户。</text>
  63. </view>
  64. <text class="content-title">情景2:离职换新工作</text>
  65. <view class="content-view" style="margin-bottom:54rpx;">
  66. <text class="content-0">离职换工作,先找好下家单位,并跟前单位和下家单位协商好公积金购买事宜,不要因为换工作,两家单位没接上而造成停缴。</text>
  67. </view>
  68. <text class="content-title">情景3:没有工作单位的</text>
  69. <view class="content-view">
  70. <text class="content-0">若没有工作单位,或离职时按新工作,还没有找好下家就职单位的</text>
  71. <text class="content-1">,可以使用代缴服务,如“</text>
  72. <text class="content-2">我的社保</text>
  73. <text class="content-1">”代缴服务商,自助缴纳社保公积金</text>
  74. <text class="content-0">的大品牌值得信赖。</text>
  75. </view>
  76. <image src="../../../../icon/home/trategy_payment_0.png"></image>
  77. <view class="content-view">
  78. <text class="content-0">可以</text>
  79. <text class="content-1">在</text>
  80. <text class="content-2">“我的社保”小程序</text>
  81. <!-- <text class="content-1">或者关注页面上方的</text>
  82. <text class="content-2">“社保公积金代缴”生活号</text> -->
  83. <text class="content-0">,点击缴公积金,然后根据页面提示流程,填写个人信息即可参保,方便省心快捷。</text>
  84. </view>
  85. <view class="content-view">
  86. <text class="content-1">因每个城市的公积金购买截止时间不一样,需提前下单购买,错过会容易导致断缴。</text>
  87. </view>
  88. <image src="../../../../icon/home/trategy_payment_1.png"></image>
  89. <text class="content-title">群体1:买房刚需人群</text>
  90. <view class="content-view" style="margin-bottom:54rpx;">
  91. <text class="content-0">准备买房的刚需人群,可以使用代缴服务,缴存公积金。</text>
  92. </view>
  93. <text class="content-title">群体2:没有工作单位的人群</text>
  94. <view class="content-view" style="margin-bottom:140rpx;">
  95. <text class="content-0">针对</text>
  96. <text class="content-1">离职换新工作期间的,或自由工作者、个体工商户</text>
  97. <text class="content-0">等,没有单位可以缴存公积金的人群,可以使用代缴服务,缴存公积金。</text>
  98. </view>
  99. </view>
  100. <template is="strategy-bottom" />
  101. <view class="button-placeholder{{adapter.suffix}}"></view>
  102. </scroll-view>
  103. <!-- 公积金查询 -->
  104. <scroll-view scroll-y class="bg-scroll-view" style="height:{{adapter.bgHeight}}px;">
  105. <template is="strategy-tab-placeholder" />
  106. <view class="query">
  107. <view style="width:100%;height:60rpx;"></view>
  108. <text class="content-title">方式1:公积金中心前台/自助机查询</text>
  109. <view class="content-view" style="margin-bottom:50rpx;">
  110. <text class="content-0">可以去当地的公积金管理中心服务前台查询或自助机查询,无需账号和密码凭证即可查询,也可以设置和修改查询账号和密码。</text>
  111. </view>
  112. <text class="content-title">方式2:公积金官网或热线查询</text>
  113. <view class="content-view">
  114. <text class="content-0">登录当地公积金管理中心官方网站,输入社保的帐号和密码即可查看缴存明细。</text>
  115. </view>
  116. <view class="content-view" style="margin-bottom:50rpx;">
  117. <text class="content-0">可拨打</text>
  118. <text class="content-1">公积金管理中心官方热线</text>
  119. <text class="content-2">12329</text>
  120. <text class="content-0">,提供你的身份证号码即可查询。</text>
  121. </view>
  122. <text class="content-title">方式3:“社保公积金代缴”生活号查询
  123. </text>
  124. <view class="content-view">
  125. <text class="content-0">注并查看页面顶部“社保公积金代缴”生活号,点击“查公积金”进行查询(更多城市持续开放中)</text>
  126. </view>
  127. <image src="../../../../icon/home/trategy_payment_0.png"></image>
  128. <text class="content-title">方式4:城市服务查询</text>
  129. <view class="content-view">
  130. <text class="content-0">支持部分城市:</text>
  131. </view>
  132. <view class="content-view" style="margin-bottom:140rpx;">
  133. <text class="content-0">☛ 支付宝 → 城市服务 → 公积金查询</text>
  134. </view>
  135. </view>
  136. <template is="strategy-bottom" />
  137. <view class="button-placeholder{{adapter.suffix}}"></view>
  138. </scroll-view>
  139. </scroll-view>
  140. <template is="strategy-tab" data="{{tab}}"/>
  141. <view class="purchase-button-bg{{adapter.suffix}}" bindtap="goToPurchase">
  142. <view class="purchase-button">立即缴公积金</view>
  143. </view>