
【原 因】:订单详情里面的 时间线组件 【过 程】: 【影 响】: # 类型 包含: # feat:新功能(feature) # fix:修补bug # docs:文档(documentation) # style: 格式(不影响代码运行的变动) # refactor:重构(即不是新增功能,也不是修改bug的代码变动) # test:增加测试 # chore:构建过程或辅助工具的变动
50 lines
1.1 KiB
Vue
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> |