|
@ -6,18 +6,18 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="title">我的LWBS</view> |
|
|
<view class="title">我的LWBS</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="p-2 task" v-for="(task, index) in tasks" :key="index"> |
|
|
<view v-for="(task, index) in tasks" :key="index"> |
|
|
<view> |
|
|
<view> |
|
|
<!-- 有子项目 --> |
|
|
<!-- 有子项目 --> |
|
|
<view class="flex items-center justify-between" v-if="index <= 2"> |
|
|
<view class="Item flex items-center justify-between" v-if="index <= 2"> |
|
|
<view class="flex items-center"> |
|
|
<view class="flex items-center"> |
|
|
<view class="firstTask ml-1 mr-2 rounded-full text-white" v-if="index === 0"> |
|
|
<view class="firstTask rounded-full text-white" v-if="index === 0"> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="sencondTask ml-1 mr-2 rounded-full text-white" v-else-if="index === 1"> |
|
|
<view class="sencondTask rounded-full text-white" v-else-if="index === 1"> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="thirdTask ml-1 mr-2 rounded-full text-white" v-else-if="index === 2"> |
|
|
<view class="thirdTask rounded-full text-white" v-else-if="index === 2"> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view> |
|
|
<view> |
|
@ -34,9 +34,9 @@ |
|
|
<u-icon name="arrow-right" size="28" @click="openProjectItem(index)"></u-icon> |
|
|
<u-icon name="arrow-right" size="28" @click="openProjectItem(index)"></u-icon> |
|
|
</view> |
|
|
</view> |
|
|
<!-- 没有子项目 --> |
|
|
<!-- 没有子项目 --> |
|
|
<view v-else> |
|
|
<view class="Item" v-else> |
|
|
<view class="flex items-center"> |
|
|
<view class="flex items-center"> |
|
|
<view class="routine w-8 h-8 ml-1 mr-2 bg-white border rounded-full"> |
|
|
<view class="routine w-8 h-8 bg-white border rounded-full"> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
<view class="flex items-center justify-center">{{ index + 1 }}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view> |
|
|
<view> |
|
@ -173,4 +173,9 @@ export default { |
|
|
font-size: 10px; |
|
|
font-size: 10px; |
|
|
margin: 2px; |
|
|
margin: 2px; |
|
|
} |
|
|
} |
|
|
|
|
|
.Item { |
|
|
|
|
|
border-bottom: 1px solid #fafafa; |
|
|
|
|
|
height: 60px; |
|
|
|
|
|
padding: 10px 16px; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|