微信小程序支付流程=＞实现按年支付和按月支付

钟Bubble

于 2021-05-17 09:58:36 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/BubbleABC/article/details/116914899

本文介绍了微信小程序中如何实现物业费的按年和按月支付功能，包括HTML、JavaScript和CSS三个关键部分的代码实现。通过阅读，读者可以了解到具体的前端交互逻辑和样式设计。欢迎对相关内容提出疑问，进行讨论。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是一个物业费缴费的前端代码部分
HTML部分

<!--pages/wuye/wuye.wxml-->
<view class='wuye'>
  <view class="wuye-header">
    <view class="wuye-title word_in_center">物业费明细</view>
    <view class="kfp" bindtap="kfp">
      需要开发票
    </view>
  </view>
  <view class="container newFlex rich_space_center">
    <view class="table">
      <view class="tr">
        <view class="th">业主</view>
        <view class="th house">房号</view>
        <view class="th">物业费(月)</view>
        <view class="th">物业费(年)</view>
        <view class="th month">月份</view>
        <view class="th">月支付</view>
        <view class="th">年支付</view>
      </view>
      <view class="{
   
   {'item.out_trade_no==undefind'?'tr11':'tr'}}" wx:for="{
   
   {info}}">
        <view class="td">{
   
   {
   
   item.AI}}</view>
        <view class="td house">{
   
   {
   
   item.hn}}</view>
        <view class="td">{
   
   {
   
   item.wy_fee_m}}</view>
        <view class="td">{
   
   {
   
   item.wy_fee_y}}</view>
        <view class="td month">{
   
   {
   
   item.dt}