树展示形式修改
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user