汇算清缴部分页面添加和编辑

@@ -24,6 +24,7 @@
     "pages/main/finalpay/home",
     "pages/main/finalpay/incomeDetail/incomeDetail",
     "pages/main/finalpay/incomeAddition/incomeAddition",
+    "pages/main/finalpay/addUnitInfo/addUnitInfo",
 
     "pages/login/login",
     "pages/main/advancepayment/adPayDetails/adPayDetails",

+// pages/main/finalpay/addUnitInfo/addUnitInfo.js
+Page({
+
+
+  data: {
+
+  },
+
+
+  onLoad: function(options) {
+
+  },
+
+
+  onReady: function() {
+
+  },
+
+
+  onShow: function() {
+
+  },
+
+  formSubmit: function(e) {//提交
+    console.log("formSubmit", e);
+    var formdata = e.detail.value
+  },
+
+  onHide: function() {
+
+  },
+
+
+  onUnload: function() {
+
+  },
+
+
+  onPullDownRefresh: function() {
+
+  },
+
+
+  onReachBottom: function() {
+
+  },
+
+
+  onShareAppMessage: function() {
+
+  }
+})
\ No newline at end of file

+{
+"navigationBarTitleText": "添加其他单位收入"
+}
\ No newline at end of file

+<!--pages/main/finalpay/addUnitInfo/addUnitInfo.wxml-->
+
+<view class="page">
+  <form bindsubmit='formSubmit'>
+    <view class="swiper-box page" style="height:100%;" bindchange="bindChange">
+      <!-- 境内收入 -->
+      <view style="background:#fff;margin-top:20rpx">
+        <view style="margin-bottom:20rpx;margin-left:30rpx">
+          <text class="text_black3_34">境内收入</text>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">工资薪金收入</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='total_salary'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">劳务报酬收入</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='remuneration_labor'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">稿酬收入</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='author_payment'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">特许经营权</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='special_manage_cost'></input>
+        </view>
+      </view>
+      <!-- 免税收入 -->
+      <view style="background:#fff;margin-top:20rpx">
+        <view style="margin-bottom:20rpx;margin-left:30rpx">
+          <text class="text_black3_34">免税收入</text>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">其他免税收入</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='other_free_income'></input>
+        </view>
+      </view>
+      <!-- 专项扣除 -->
+      <view style="background:#fff;margin-top:20rpx">
+        <view style="margin-bottom:20rpx;margin-left:30rpx">
+          <text class="text_black3_34">专项扣除</text>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">养老保险</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='personal_endowment'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">医疗保险</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='personal_medical'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">失业保险</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='personal_unemployment'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">住房公积金</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='personal_house_fund'></input>
+        </view>
+      </view>
+      <!-- 专项附加扣除 -->
+      <view style="background:#fff;margin-top:20rpx">
+        <view style="margin-bottom:20rpx;margin-left:30rpx">
+          <text class="text_black3_34">专项附加扣除</text>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">子女教育</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='childrens_education'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">继续教育</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='continuing_education'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">住房贷款利息</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='housing_loan_interest'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">住房租金</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='housing_rent'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">赡养老人</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='caring_old_people'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">大病医疗</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='serious_illness_medical'></input>
+        </view>
+      </view>
+      <!-- 其他扣除 -->
+      <view style="background:#fff;margin-top:20rpx">
+        <view style="margin-bottom:20rpx;margin-left:30rpx">
+          <text class="text_black3_34">其他扣除</text>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">年金</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='annuity'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">商业健康保险</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='commercial_insurance'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">税延养老保险</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='tax_extension'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">其他</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='other_fee'></input>
+        </view>
+      </view>
+      <!-- 捐赠扣除 -->
+      <view style="background:#fff;margin-top:20rpx">
+        <view style="margin-bottom:20rpx;margin-left:30rpx">
+          <text class="text_black3_34">捐赠扣除</text>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">准予扣除的捐赠额</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='donation_deducted'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">全年一次性奖金</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='years_bouns'></input>
+        </view>
+      </view>
+      <!-- 减免/已缴纳税额 -->
+      <view style="background:#fff;margin-top:20rpx">
+        <view style="margin-bottom:20rpx;margin-left:30rpx">
+          <text class="text_black3_34">减免/已缴纳税额</text>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">减免税额</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='tax_savings'></input>
+        </view>
+        <view class='divide_line_30'></view>
+        <view style="height:104rpx;padding:0 30rpx">
+          <text class="text_gray7_34" style="line-height:104rpx">已缴税额</text>
+          <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='accumulated_withholding_tax'></input>
+        </view>
+      </view>
+    </view>
+  <view style='width:100%;height:180rpx;background:#f5f5f5'></view>
+    <view class="btn_bottom" >
+      <button class="btn_bottom" formType="submit">提交</button>
+    </view>
+  </form>
+</view>
\ No newline at end of file

+/* pages/main/finalpay/addUnitInfo/addUnitInfo.wxss */
+.page {
+  background-color: #f5f5f5;
+}
+
+.text_translate_34 {
+  font-family:PingFangSC-Regular,PingFang SC;
+  font-size: 34rpx;
+  color: #80000000;
+  line-height: 24px;
+}
+
+.text_black6_32 {
+  font-family:PingFangSC-Regular,PingFang SC;
+  font-size: 32rpx;
+  color: #666666;
+  text-align: center;
+  line-height: 32px;
+}
+
+.text_black3_34 {
+  font-family:PingFangSC-Medium,PingFang SC;
+  font-size: 34rpx;
+  color: #333333;
+  text-align: center;
+  line-height: 24px;
+}
+
+.text_gray7_34 {
+  font-family:PingFangSC-Regular,PingFang SC;
+  font-size: 34rpx;
+  color:rgba(119,119,119,1);
+  line-height: 24px;
+}
+
+.input_wrap {
+  max-width: 500rpx;
+  height: 104rpx;
+  font-size: 34rpx;
+  color: #333;
+  text-align: right;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  float: right
+}
\ No newline at end of file

@@ -10,14 +10,16 @@ Page({
     pay_status: "",//补税状态
     payinfo:{},
     unitInfo: [{
-      "declaring_unit": "申报单位",
+      "declaring_unit": "bjxa",
       "declaring_unit_id": "申报单位id",
     },
       {
-        "declaring_unit": "申报单位",
+        "declaring_unit": "albb",
         "declaring_unit_id": "申报单位id",
       }],
     showUnit:false,
+    declaring_unit_id:"",
+    showModal_selfDeclare:false,
   },
 
 
@@ -126,6 +128,43 @@ Page({
     })
   },
 
+  unitPick:function(e){//选择申报单位
+    console.log("unitPick",e)
+    this.setData({
+      declaring_unit_id:"",
+      showUnit: false
+    })
+
+  },
+
+  selfdeclare_close(){//关闭自行申报弹窗
+    this.setData({
+      showModal_selfDeclare: false
+    })
+  },
+
+  declareBySelf:function(){//查看自行申报方式
+    this.setData({
+      showModal_selfDeclare: true
+    })
+  },
+
+  godeclareHistory:function(){
+    wx.redirectTo({
+      url: '../advancepayment/adPayHome',
+    })
+  },
+
+  noOtherUnitInfo:function(){//没有其他单位个税申报
+
+  },
+
+  otherUnitInfo: function () {//有其他单位个税申报
+    wx.navigateTo({
+      url: 'addUnitInfo/addUnitInfo',
+    })
+  },
+
   onHide: function() {
 
   },

@@ -9,7 +9,7 @@
       </view>
     </view>
 
-    <view style="background:#fff;padding:30rpx 30rpx 60rpx 30rpx;margin-top:20rpx">
+    <view style="background:#fff;padding:30rpx 30rpx 50rpx 30rpx;margin-top:20rpx">
       <text class="text_gray3_26">了解汇算清缴具体内容，请阅读 </text>
       <text class="text_blue_26" bindtap="skipH5_01"> 《2019年度汇算清缴事项公告》 </text>
       <text class="text_blue_26" bindtap="skipH5_02"> 《国家税务总局办理2019年度个人所得税综合所得汇算清缴事项的公告 》</text>
@@ -28,16 +28,45 @@
       <view hidden="true">
         <text class="text_gray6_28">您将在 北京小爱智能科技有限公司 完成2019年度的个人综合所得汇算清缴。 </text>
       </view>
+      <view hidden="true">
+        <text class="text_gray6_28">您已选择自行申报，可继续查看在本单位的个税申报记录 </text>
+      </view>
     </view>
 
-    <view hidden="true" style="background:#fff;">
-      <view style="padding:30rpx;">
-        <text class="text_black_bold">汇算清缴</text>
-        <text class="text_blue_28 float_right" style="line-height:50rpx" bindtap="finalpay_detail">查看详情</text>
+    <view style="background:#fff;padding:0 30rpx">
+      <text class="text_black_bold" style="margin-top:30rpx">汇算清缴申报中…</text>
+      <view style="display: flex;margin:20rpx 0">
+        <image style="width:28rpx;height:28rpx;margin-right:12rpx;margin-top:4rpx" src="/images/warn_yellow.png"></image>
+        <text class="text_gray6_28">请等候申报结果 </text>
+      </view>
+      <view class="divide_line_f5f5f5"></view>
+      <view style="margin-top:20rpx">
+        <text class="text_gray6_28">收入总额：</text>
+        <text class="text_gray3_28 float_right" style="line-height:50rpx" >￥12939</text>
+      </view>
+      <view class="view_gray_bg" style="padding:16rpx 20rpx;flex-direction: column">  
+      <view class="text_gray9_26">其中本单位收入额：</view>
+      <text class="text_gray9_26">其中其他单位收入额：</text>
+      </view>
+      <view style="margin:20rpx 0">
+        <text class="text_gray6_28">累计应纳税额：</text>
+        <text class="text_gray3_28 float_right" style="line-height:50rpx" >￥12939</text>
+      </view>
+      <view class="divide_line_f5f5f5"></view>
+      <view style="margin:20rpx 0">
+        <text class="text_gray6_28">已缴费税额：</text>
+        <text class="text_gray3_28 float_right" style="line-height:50rpx" >￥12939</text>
+      </view>
+      <view class="divide_line_f5f5f5"></view>
+      <view style="margin:20rpx 0">
+        <text class="text_black_bold">应补退税额：</text>
+        <text class="text_gray3_28 float_right" style="line-height:50rpx" >￥12939</text>
       </view>
+      <view class="divide_line_f5f5f5"></view>
+      <text class="text_blue_28 float_right" style="line-height:50rpx" bindtap="finalpay_detail">查看详情</text>
     </view>
 
-    <view style="width:100%;height:300rpx;position: fixed;bottom: 0;">
+    <view wx:if="{{false}}" style="width:100%;height:300rpx;position: fixed;bottom: 0;">
       <view style="display: flex;justify-content: center;">
         <text class="text_gray6_28">距离确认是否在本单位进行汇算清缴时间还有  </text>
         <text class="text_yellow_28"> 28 </text>
@@ -50,10 +79,53 @@
         <view class="text_blue_34">在本单位申报</view>
       </view>
     </view>
+
+    <view wx:if="{{false}}" style="width:100%;height:260rpx;position: fixed;bottom: 0;">
+      <view bindtap="declareBySelf" class="btn_blue_radius" style="margin:20rpx 30rpx ">
+        <view class="text_white_34">查看自行申报方式</view>
+      </view>
+      <view bindtap="godeclareHistory" class="btn_white_radius" style="margin:0rpx 30rpx ">
+        <view class="text_blue_34">查看个税申报记录</view>
+      </view>
+    </view>
+
+    <view wx:if="{{false}}" style="width:100%;height:300rpx;position: fixed;bottom: 0;">
+      <view style="display: flex;justify-content: center;">
+        <text class="text_gray6_28">距离确认是否在本单位进行汇算清缴时间还有  </text>
+        <text class="text_yellow_28"> 28 </text>
+        <text class="text_gray6_28">天</text>
+      </view>
+      <view bindtap="noOtherUnitInfo" class="btn_blue_radius" style="margin:20rpx 30rpx ">
+        <view class="text_white_34">没有其他单位的收入个税</view>
+      </view>
+      <view bindtap="otherUnitInfo" class="btn_white_radius" style="margin:0rpx 30rpx ">
+        <view class="text_blue_34">有其他单位的收入个税</view>
+      </view>
+    </view>
+
+    <view class="mask" wx:if="{{showModal_selfDeclare}}"></view>
+    <view class='modal_lg' style='' wx:if="{{showModal_selfDeclare}}">
+      <text class='text_black_bold'>个人如何自行完成汇算清缴申报？</text>
+      <text class='text_gray6_28' style="margin-top:30rpx">为便利纳税人，税务机关为纳税人提供高效、快捷的网络办税渠道。纳税人可优先通过网上税务局(包括手机个人所得税app)办理年度汇算，税务机关将按规定为纳税人提供申报表预填服务；不方便通过上述方式办理的，也可以通过邮寄方式或到办税服务厅办理。</text>
+      <text class='text_gray6_28' style="margin-top:30rpx">选择邮寄申报的，纳税人需将申报表寄送至任职受雇单位(没有任职受雇单位的，为户籍或者经常居住地)所在省、自治区、直辖区、计划单列市税务局公告指定的税务机关。</text>
+      <view style="margin-top:30rpx">
+        <text class='text_gray6_28'> 更详细内容请查看</text>
+        <text class='text_blue_28' bindtap="skipH5_02">《国家税务局关于办理2019年度个人所得税综合所得汇算清缴事项的公告》</text>
+      </view>
+      <view class="btn_blue_radius" style="width:100%;margin-top:40rpx;text-align: center;" bindtap="selfdeclare_close">
+        <text class="text_white_34" style="text-align: center;">我知道了</text>
+      </view>
+
+    </view>
   </view>
-  <view wx:elif="{{unitInfo.length>0}}" style="">
-    <view wx:for="{{unitInfo}}">
-      <text>{{item.declaring_unit}}</text>
+
+  <view wx:if="{{showUnit&&unitInfo.length>0}}" style="background-color:#fff">
+    <view class="text_gray3_34" style="padding:30rpx">选择申报单位</view>
+    <view class="divide_line"></view>
+    <view wx:for="{{unitInfo}}" style="margin-left:20rpx;padding:30rpx" bindtap="unitPick">
+      <text class="text_gray3_32" id="{{item.declaring_unit_id}}">{{item.declaring_unit}}</text>
+      <image class="icon_choosed" hidden="true" src="/images/icon_chat_choosed.png"></image>
+      <view class="divide_line" style="margin-top:30rpx"></view>
     </view>
   </view>
 </view>
\ No newline at end of file

 /* pages/main/finalpay/home.wxss */
 
 .page {
+  width: 100%;
+  height: 100%;
   background-color: #f5f5f5;
 }
 
@@ -9,7 +11,7 @@
   color: #000;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
-  line-height: 50rpx
+  line-height: 50rpx;
 }
 
 .arrow_wrap {
@@ -22,66 +24,135 @@
 
 .text_gray3_26 {
   font-size: 26rpx;
-  color: #333333;
-  font-family:PingFangSC-Regular,PingFang SC;
-  line-height: 36rpx
+  color: #333;
+  font-family: PingFangSC-Regular, PingFang SC;
+  line-height: 36rpx;
 }
 
 .text_gray6_28 {
   font-size: 28rpx;
-  color: #666666;
-  font-family:PingFangSC-Regular,PingFang SC;
-  line-height: 40rpx
+  color: #666;
+  font-family: PingFangSC-Regular, PingFang SC;
+  line-height: 40rpx;
 }
 
 .text_yellow_28 {
   font-size: 28rpx;
-  color: #ffaa00;
-  font-family:PingFangSC-Regular,PingFang SC;
-  line-height: 40rpx
+  color: #fa0;
+  font-family: PingFangSC-Regular, PingFang SC;
+  line-height: 40rpx;
 }
 
 .text_blue_26 {
   font-size: 26rpx;
   color: #3795ff;
-  font-family:PingFangSC-Regular,PingFang SC;
-  line-height: 36rpx
+  font-family: PingFangSC-Regular, PingFang SC;
+  line-height: 36rpx;
 }
 
 .text_blue_28 {
   font-size: 28rpx;
   color: #3795ff;
-  font-family:PingFangSC-Regular,PingFang SC;
-  line-height: 36rpx
+  font-family: PingFangSC-Regular, PingFang SC;
+  line-height: 36rpx;
 }
 
-.btn_blue_radius{
+.btn_blue_radius {
   margin: 26rpx 30rx;
-  background: #357AEB;
+  background: #357aeb;
   border-radius: 5px;
   height: 84rpx;
 }
 
-.btn_white_radius{
+.btn_white_radius {
   margin: 26rpx 30rx;
   background: #fff;
   border-radius: 5px;
-  border:1px solid rgba(228,231,240,1);
+  border: 1px solid rgba(228, 231, 240, 1);
   height: 84rpx;
 }
 
 .text_white_34 {
   font-family: PingFangSC-Regular;
-  font-size: 17px;
-  color: #FFFFFF;
+  font-size: 34rpx;
+  color: #fff;
   text-align: center;
   line-height: 42px;
 }
 
 .text_blue_34 {
   font-family: PingFangSC-Regular;
-  font-size: 17px;
+  font-size: 34rpx;
   color: #357aeb;
   text-align: center;
   line-height: 42px;
 }
+
+.text_gray3_34 {
+  font-family: PingFangSC-Regular;
+  font-size: 34rpx;
+  color: #333;
+}
+
+.text_gray3_32 {
+  font-family: PingFangSC-Regular;
+  font-size: 32rpx;
+  color: #333;
+}
+
+.text_gray3_28 {
+  font-family: PingFangSC-Regular;
+  font-size: 28rpx;
+  color: #333;
+}
+
+.icon_choosed {
+  width: 24rpx;
+  height: 26rpx;
+  margin-top: 10rpx;
+  margin-right: 20rpx;
+  float: right;
+}
+
+.view_gray_bg {
+  margin: 20rpx 0;
+  width: 100%;
+  background: rgba(247, 245, 246, 1);
+  opacity: 0.5;
+}
+
+.text_gray9_26 {
+  font-size: 26rpx;
+  color: #999;
+  font-family: PingFangSC-Regular, PingFang SC;
+  line-height: 40rpx;
+}
+
+/* 遮罩层 */
+
+.mask {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: #000;
+  opacity: 0.7;
+  z-index: 10;
+}
+
+.modal_lg {
+  width: 80%;
+  position: fixed;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  background-color: #fff;
+  border-radius: 7px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  top: 160rpx;
+  z-index: 10;
+  padding: 40rpx;
+}