food_wechat/components/process/process.vue
air f1406d6c42 【类 型】:feat
【原  因】:订单详情里面的 时间线组件
【过  程】:
【影  响】:

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
2025-01-20 18:32:00 +08:00

50 lines
1.1 KiB
Vue

<template>
<view class="processBox">
<!-- 背景 线 -->
<view class="flex mac"
style="height:0rpx; position: relative;top:50%;left:50%;transform: translate(-50%, -50%);width:66%">
<view class="bg-m flex1 processLine"></view>
<view class="bg-mg flex1 processLine"></view>
</view>
<!-- 背景 -->
<view class="flex mac"
style="height:36rpx; position: relative;top:50%;left:50%;transform: translate(-50%, -50%);width:66%">
<view class="flex1">
<view class="bg-m rad-c" style="width:18rpx;height:18rpx;"></view>
</view>
<view class="flex1 flex mse">
<view class="bg-m rad-c" style="width:18rpx;height:18rpx;"></view>
</view>
<view class="flex1 flex mr">
<view class="bg-m rad-c" style="width:38rpx;height:38rpx;"></view>
</view>
</view>
</view>
</template>
<script>
export default {
name: "process",
data() {
return {
}
},
props: {
processList: {
type: Array,
deep: true
}
},
}
</script>
<style lang="scss" scoped>
.processBox {
height: 60rpx;
}
.processLine {
height: 2rpx;
}
</style>