外观
表格
演示代码
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
属性名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
name | String | "" | 左侧单元格名称 |
插槽
名称 | 说明 |
---|---|
default | 默认右侧单元格内容 |
name | 自定义左侧单元格内容 |
上次更新: