Skip to content

S
self-support
Commit b773d305 authored by linwenqing's avatar linwenqing
Browse files
Options

update:视频详情ui修改

parent e10552c2
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 31 deletions
src/pages/learn/section.vue
View file @ b773d305
...@@ -33,17 +33,14 @@ ...@@ -33,17 +33,14 @@
</view> </view>
</view> </view>
<u-line color="#F4F5F7" margin="30rpx 0 0 0" /> <u-line color="#F4F5F7" margin="30rpx 0 0 0" />
<view class="learn-view-title">目录</view> <view class="learn-view-title u-margin-bottom-0">目录</view>
<view class="scroll_box"> <view class="scroll_box u-padding-bottom-50">
<scroll-view scroll-x @scroll="scroll" :scroll-left="scrollValue"> <view class="item_list" :class="{'item_list_active': item.isActive,
<view class="item_list" :class="{'item_list_active': item.isActive}" 'u-margin-left-30':(index%2==1), 'is-learned': item.isLearned && !item.isActive}"
v-for="(item, index) in sectionList" :key="index" @click="goNext(item)"> v-for="(item, index) in sectionList" :key="index" @click="goNext(item)">
<view class="" style="font-size: 24rpx;">{{ item.title }}</view> <view class="item-title-1">{{ item.title }}</view>
<view class="" style="font-size: 26rpx;margin-top: 16rpx;"> <view class="item-title-2">{{ item.intro }}</view>
{{ item.intro }} </view>
</view>
</view>
</scroll-view>
</view> </view>
</view> </view>
</view> </view>
...@@ -399,7 +396,7 @@ ...@@ -399,7 +396,7 @@
// margin-bottom: 20rpx; // margin-bottom: 20rpx;
font-size: 32rpx; font-size: 32rpx;
color: #333333; color: #333333;
height: 820rpx; // height: 820rpx;
padding: 0 30rpx; padding: 0 30rpx;
.learn-view-title { .learn-view-title {
...@@ -478,30 +475,27 @@ ...@@ -478,30 +475,27 @@
background-color: blue; background-color: blue;
} }
} }
.scroll_box {
width: 100%;
height: 150rpx;
overflow: hidden;
background: #fff;
margin-top: 30rpx;
white-space: nowrap;
}
.scroll_box scroll-view {
height: 100%;
width: auto;
overflow: hidden;
}
.item_list { .item_list {
width: 280rpx; width: 330rpx;
height: 150rpx; height: 150rpx;
margin-right: 23rpx;
display: inline-block; display: inline-block;
background-color: #F4F5F7;
border-radius: 12rpx; border-radius: 12rpx;
padding: 20rpx; padding: 20rpx;
margin-top: 30rpx;
border: 1px solid #999999;
color: #666666;
.item-title-1 {
font-size: 24rpx;
color: #333333;
}
.item-title-2 {
font-size: 26rpx;
margin-top: 16rpx;
color: #666666;
}
} }
.item_list_active { .item_list_active {
...@@ -509,6 +503,31 @@ ...@@ -509,6 +503,31 @@
color: #2272FF; color: #2272FF;
border: 2rpx solid #2272FF; border: 2rpx solid #2272FF;
box-sizing: border-box; box-sizing: border-box;
.item-title-1 {
font-size: 24rpx;
color: #2272FF;
}
.item-title-2 {
font-size: 26rpx;
margin-top: 16rpx;
color: #2272FF;
}
}
.is-learned {
border: 1px solid #EEEEEE;
.item-title-1 {
font-size: 24rpx;
color: #999999;
}
.item-title-2 {
font-size: 26rpx;
margin-top: 16rpx;
color: #999999;
}
} }
.teacher-intro { .teacher-intro {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment