123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!--
- * @Description:
- * @Version: 1.0
- * @Autor: zhuyijun
- * @Date: 2021-11-29 22:13:51
- * @LastEditTime: 2021-11-29 23:03:29
- -->
- <template>
- <div>
- <!-- 面包屑导航区 -->
- <el-breadcrumb separator-class="el-icon-arrow-right">
- <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
- <el-breadcrumb-item>商品管理</el-breadcrumb-item>
- <el-breadcrumb-item :to="{path:'/goods'}">商品列表</el-breadcrumb-item>
- <el-breadcrumb-item>添加商品</el-breadcrumb-item>
- </el-breadcrumb>
- <!-- 卡片区 -->
- <el-card>
- <!-- 提示区域 -->
- <el-alert title="添加商品信息"
- center
- show-icon
- :closable="false"
- type="info">
- </el-alert>
- <!-- 步骤条 -->
- <el-steps :space="200"
- :active="activeIndex"
- finish-status="success"
- align-center>
- <el-step title="基本信息">
- </el-step>
- <el-step title="商品参数"></el-step>
- <el-step title="商品属性"></el-step>
- <el-step title="商品图片"></el-step>
- <el-step title="商品内容"></el-step>
- <el-step title="完成"></el-step>
- </el-steps>
- <!-- tab栏区域 -->
- <el-tabs :tab-position="tabPosition"
- style="height: 200px;">
- <el-tab-pane label="基本信息">基本信息</el-tab-pane>
- <el-tab-pane label="商品参数">商品参数</el-tab-pane>
- <el-tab-pane label="商品属性">商品属性</el-tab-pane>
- <el-tab-pane label="商品图片">商品图片</el-tab-pane>
- <el-tab-pane label="商品内容">商品内容</el-tab-pane>
- </el-tabs>
- </el-card>
- </div>
- </template>
- <script>
- export default {
- data () {
- return {
- activeIndex: 0,
- tabPosition: 'left'
- }
- },
- created () {
- },
- methods: {
- },
- computed: {
- }
- }
- </script>
- <style lang="less" scoped>
- </style>
|