antshop/backend/views/express-template/create.php

<?php

use yii\bootstrap4\Html;
use yii\bootstrap4\ActiveForm;
use kartik\tabs\TabsX;

/* @var $this yii\web\View */
/* @var $model backend\models\ars\ExpressTemplate */

$this->title = '创建运费模板';
$this->params['breadcrumbs'][] = ['label' => 'Express Templates', 'url' => ['index']];
$this->params['breadcrumbs'][] = $this->title;
Yii::$app->params['bsVersion'] = '4.x';
?>
<div class="express-template-create">
    <div class="express-template-form">

        <?php
        $form = ActiveForm::begin(['options' => ['class' => 'container-fluid']]);

        echo TabsX::widget([
            'bordered' => true,
            'items' => [
                [
                    'label' => '<i class="fas fa-user"></i> 基本信息',
                    'content' => $this->render('_form', [
                        'model' => $model,
                        'form' => $form,
                    ]),
                ],
                [
                    'label' => '<i class="fas fa-globe"></i> 选择配送区域',
                    'content' => $this->render('area', ['data' => $data, 'form' => $form, 'cities' => []
                    ]),
                ],
            ],
            'position' => TabsX::POS_ABOVE,
            'encodeLabels' => false
        ]);
        ?>

        <div class="form-group">
            <?= Html::submitButton('保存', ['class' => 'btn btn-success']) ?>
            <?= Html::a('返回', ['index'], ['class' => 'btn btn-info']) ?>
        </div>

        <?php ActiveForm::end(); ?>

    </div>
</div>