# 【页面】示例

页面包括操作区和主内容,按钮区域默认支持【返回】、【取消】和【提交】按钮的配置,也可以在操作区域自定义按钮,还可以设置页面背景颜色。如下图:

# 实战开发

刷新订单 模块一 模块二

页面示例

<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>
显示代码