树展示形式修改

This commit is contained in:
@fawn-nine
2024-06-28 16:14:34 +08:00
parent 8488a10f77
commit bf13ad1868
2 changed files with 23 additions and 15 deletions

View File

@@ -28,12 +28,14 @@
v-for="(item2, index2) in item1.children" :key="index2"
@click.stop="clickCourseInfo(item2)">
<text class="textss">{{item2.title}}</text>
<view class="sub3List" v-if="item2.children">
<view :class="['item', 'leve4']"
v-for="(item3, index3) in item2.children" :key="index3"
@click.stop="clickCourseInfo(item3)">
<text class="textss">{{item3.title}}</text>
</view>
<view class="sub3List" v-if="item2.children && item2.children.length > 0">
<!-- <view :class="['item', 'leve4']" -->
<!-- <template> -->
<text class="textss" v-for="(item3, index3) in item2.children"
:key="index3"
@click.stop="clickCourseInfo(item3)">{{item3.title}}</text>
<!-- </view> -->
<!-- </template> -->
</view>
</view>
</view>
@@ -122,8 +124,8 @@
.item {
background-color: #fff;
line-height: 80rpx;
font-size: 26rpx;
color: #497387;
font-size: 28rpx;
color: #1b2a32;
// border-bottom: 1px solid #dae8f0;
text {
@@ -142,7 +144,7 @@
}
.textss {
display: inline-block;
display: inline-block;
width: 100%;
border-bottom: 1px solid #ebeef5;
}
@@ -160,8 +162,13 @@
}
.leve3 {
.textss {
padding-left: 60rpx;
.sub3List{
border-bottom: 1px solid #ebeef5; padding-left: 60rpx;
.textss{background-color: #ebeef5; border-radius: 20rpx; padding: 10rpx 14rpx !important;}
}
.textss {
padding-left: 60rpx; display: inline; margin-right: 20rpx; border:none !important;
}
}
@@ -170,14 +177,15 @@
padding-left: 80rpx;
}
}
}
.proTitle {
text-align: center;
padding: 20rpx 0;
margin-top: 60rpx;
// margin-bottom: 20rpx;
color: #666;
font-size: 26rpx;
color: #888;
font-size: 28rpx;
}
.close {
display: flex;