H5_module/wallet/balanceDetailed/balanceDetailed.vue

<template>
<view>
<!--wallet/balanceDetailed/balanceDetailed.wxml-->
<view class="pinimgs">
  <!-- <image src="/wallet/images/buy.png" class="pinimg"></image> -->
  <!-- <image src="/wallet/images/etc.png" class="pinimg"></image> -->
  <image src="/wallet/static/wallet/images/brokerage.png" class="pinimg"></image>
</view>
<view class="type">余额充值-充100元送100元</view>
<view class="give">赠送：100</view>
<view class="money">
  -200.00
</view>
<!-- <view class="start">支付成功</view> -->
<!-- <view class="start">充值成功</view> -->
<view class="start">{{true?'实结':'未结'}}</view>
<view class="cont">
  <view class="dflex goods">
    <view class="labe">商品</view>
    <view class="goodsname">达克宁 硝酸咪康唑软膏乳膏脚气药20G...</view>
  </view>
  <view class="dflex time">
    <view class="labe">交易时间</view>
    <view class="goodsname">2020-12-21  10：51</view>
  </view>
  <view class="dflex time">
    <view class="labe">订单编号</view>
    <view class="goodsname">123122312312345678945679</view>
  </view>
</view>
</view>
</template>

<script>

export default {
  data() {
    return {};
  },

  components: {},
  props: {},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},
  methods: {}
};
</script>
<style>
@import "./balanceDetailed.css";
</style>