Skip to content
本页目录

表格

演示代码

vue
<template>
  <view>
    <page-cell name="订单号">WX315872234585</page-cell>
    <page-cell name="订单名称">门诊缴费</page-cell>
    <page-cell name="应付金额">¥454.05</page-cell>
    <page-cell name="还需支付">¥31.60</page-cell>
    <!-- 自定义内容及样式 -->
    <page-cell @click="onCheckPay('wx')">
      <view slot="name" class="color-wx flex items-center">
        <u-icon
          name="weixin-circle-fill"
          color="#00CD1D"
          size="60"
        ></u-icon>
        <text class="color-333 fz-30 pl-20">微信支付</text>
      </view>
      <u-radio shape="circle" activeColor="#00CD1D" name="wx"> </u-radio>
    </page-cell>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    onCheckPay() {}
  }
}
</script>

Attributes

属性名称类型默认值说明
nameString""左侧单元格名称

插槽

名称说明
default默认右侧单元格内容
name自定义左侧单元格内容
表格已经加载完毕