123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- <template>
- <!-- 操作板块 -->
- <div class="commonTitle">操作</div>
- <div class="body">
- <div class="operateBox">
- <span class="opeateText">物料流转</span>
- <el-icon :size="30">
- <CirclePlus />
- </el-icon>
- </div>
- <div class="operateBox">
- <span class="opeateText">物料流转</span>
- <el-icon :size="30">
- <CirclePlus />
- </el-icon>
- </div>
- <div class="operateBox">
- <span class="opeateText">物料流转</span>
- <el-icon :size="30">
- <CirclePlus />
- </el-icon>
- </div>
- </div>
- </template>
- <script lang="ts" setup>
- import { reactive, ref } from "vue";
- </script>
- <style lang="scss" scoped>
- .body {
- width: 100%;
- height: 250px;
- .operateBox {
- height: 76px;
- width: 100%;
- margin-bottom: 10px;
- background-color: white;
- border-radius: 16px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 20px;
- .opeateText {
- font-size: $f24;
- }
- }
- }
- </style>
|