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>
|