页面包括操作区和主内容,按钮区域默认支持【返回】、【取消】和【提交】按钮的配置,也可以在操作区域自定义按钮,还可以设置页面背景颜色。如下图:
页面示例
<template> <div style="height:500px"> <bst-page padding backgroundColor="#edeff4" showReturnButton showCancelButton showSubmitButton returnButtonText="返回列表" @back="()=>{onClickAction('back')}" @cancel="()=>{onClickAction('cancel')}" @submit="()=>{onClickAction('submit')}" > <bst-action> <bst-button type="primary" @click="()=>{onClickAction('refresh')}">刷新订单</bst-button> </bst-action> <bst-module>模块一</bst-module> <bst-module>模块二</bst-module> </bst-page> </div> </template> <script> export default { name: "index", methods: { onClickAction(type) { console.log('onClickAction:', {type}) }, } } </script>
← 开发指南 查询场景 →