czg_team/video_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改类名

Browse Source
This commit is contained in:
duan
2024-12-23 16:59:35 +08:00
parent 54250730ce
commit 9cbde62fd9
11 changed files with 158 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
pages/BdwbOqUuVz/12ss.html Normal file
View File

16
pages/first/first.vue → pages/BdwbOqUuVz/BdwbOqUuVz.vue
View File

@@ -1,8 +1,8 @@
<template>
<view class="u-relative bg-gray fixed position-all">
<view class="time btn" v-if="time<=0" @click="enter"><text>进入</text></view>
<view class="time" v-else ><text>{{time}}</text></view>
<view class="w-full box">
<view class="u-relative bg-gray fixed yodwbsHlmJ-all">
<view class="jdwbHJCFxl ydwbzNqTbj" v-if="time<=0" @click="enter"><text>进入</text></view>
<view class="jdwbHJCFxl" v-else ><text>{{time}}</text></view>
<view class="w-full dumdwbwauP">
<image src="/static/images/share_bg2.png" class="img"></image>
</view>
</view>
@@ -37,10 +37,10 @@
</script>
<style lang="scss" scoped>
.position-all{
.yodwbsHlmJ-all{
position: fixed;
inset: 0;
.time{
.jdwbHJCFxl{
position: absolute;
z-index: 10;
width: 50rpx;
@@ -57,14 +57,14 @@
border: 1px solid rgba(255, 255, 255, .8);
top: calc(var(--status-bar-height) + 20rpx );
}
.btn{
.ydwbzNqTbj{
border-radius: 100rpx;
white-space: nowrap;
width: auto;
height: auto;
padding: 4rpx 20rpx;
}
.box{
.dumdwbwauP{
position: absolute;
inset: 0;
.img{

0
pages/yodwbsHlmJ/asdaxx.html Normal file
View File

179
pages/chasingDrama/chasingDrama.vue → pages/yodwbsHlmJ/yodwbsHlmJ.vue
View File

@@ -46,7 +46,7 @@
</view>
</view>
</view> -->
<view v-if="list.length>0" class="itemTitle flex align-center justify-center">
<view v-if="list.length>0" class="dwbSSEfVRz flex align-center justify-center">
<view class="itemTitle-box flex align-center justify-between">
<view class="itemTitle-box-l">
最近观看
@@ -57,27 +57,27 @@
</view>
</view>
<view v-if="list.length>0" class="zuijin flex align-center justify-center">
<view class="zuijin-box flex justify-between">
<view class="zuijin-box-item" @click="goCourse(item.courseId,item.courseDetailsId)"
<view class="GpkmladwbU flex justify-between">
<view class="kjFVivdwbz" @click="goCourse(item.courseId,item.courseDetailsId)"
v-for="(item,index) in list" :key="index">
<view class="zuijin-box-item-img">
<view class="MXdwbIHrMo">
<image :src="item.titleImg" mode="aspectFill"></image>
<view class="zuijin-box-item-img-t" v-if="item.courseDetailsName">
<view class="kpdwbbDLKT" v-if="item.courseDetailsName">
{{item.courseDetailsName}}
</view>
</view>
<view class="zuijin-box-item-txt flex align-center flex-wrap">
<view class="zuijin-box-item-txt-t">
<view class="gSSSCWdwbD flex align-center flex-wrap">
<view class="dwbkFoLNxI">
{{item.title}}
</view>
<view class="zuijin-box-item-txt-l" v-if="item.courseLabel">
<view class="kemrdwbYSM" v-if="item.courseLabel">
{{item.courseLabel}}
</view>
</view>
</view>
</view>
</view>
<view v-if="zhuiju.length>0" class="itemTitle flex align-center justify-center">
<view v-if="zhuiju.length>0" class="dwbSSEfVRz flex align-center justify-center">
<view class="itemTitle-box flex align-center justify-between">
<view class="itemTitle-box-l">
我的追剧
@@ -88,20 +88,20 @@
</view>
</view>
<view v-if="zhuiju.length>0" class="zuijin flex align-center justify-center">
<view class="zuijin-box flex justify-between">
<view @click="goCourse(item.courseId,item.courseDetailsId)" class="zuijin-box-item"
<view class="GpkmladwbU flex justify-between">
<view @click="goCourse(item.courseId,item.courseDetailsId)" class="kjFVivdwbz"
v-for="(item,index) in zhuiju" :key="index">
<view class="zuijin-box-item-img">
<view class="MXdwbIHrMo">
<image :src="item.titleImg" mode="aspectFill"></image>
<view class="zuijin-box-item-img-t" v-if="item.courseDetailsName">
<view class="kpdwbbDLKT" v-if="item.courseDetailsName">
{{item.courseDetailsName}}
</view>
</view>
<view class="zuijin-box-item-txt flex align-center flex-wrap">
<view class="zuijin-box-item-txt-t">
<view class="gSSSCWdwbD flex align-center flex-wrap">
<view class="dwbkFoLNxI">
{{item.title}}
</view>
<view class="zuijin-box-item-txt-l" v-if="item.courseLabel">
<view class="kemrdwbYSM" v-if="item.courseLabel">
{{item.courseLabel}}
</view>
</view>
@@ -298,7 +298,7 @@
background-color: #F5F7FF;
}
.itemTitle {
.dwbSSEfVRz {
width: 100%;
height: auto;
margin-top: 46rpx;
@@ -321,30 +321,30 @@
}
}
.zuijin-box.justify-between{
.GpkmladwbU.justify-between{
justify-content: flex-start;
}
.zuijin {
width: 100%;
margin-top: 26rpx;
.zuijin-box {
.GpkmladwbU {
width: 700rpx;
height: 100%;
flex-wrap: wrap;
}
.zuijin-box-item {
.kjFVivdwbz {
width: calc((700rpx - 40rpx) / 3);
height: 100%;
margin-bottom: 30rpx;
margin-right: calc(40rpx / 2);
}
.zuijin-box-item:nth-of-type(3n){
.kjFVivdwbz:nth-of-type(3n){
margin-right: 0;
}
.zuijin-box-item-img {
.MXdwbIHrMo {
width: 100%;
// height: 204rpx;
height: 204rpx;
@@ -357,7 +357,7 @@
border-radius: 24rpx 24rpx 0 0;
}
.zuijin-box-item-img-t {
.kpdwbbDLKT {
position: absolute;
bottom: 10rpx;
right: 0;
@@ -374,7 +374,7 @@
}
}
.zuijin-box-item-txt {
.gSSSCWdwbD {
width: 100%;
height: 100rpx;
background-color: #ffffff;
@@ -382,7 +382,7 @@
align-content: center;
}
.zuijin-box-item-txt-t {
.dwbkFoLNxI {
width: 100%;
padding: 0 20rpx;
color: #333333;
@@ -394,7 +394,7 @@
}
.zuijin-box-item-txt-l {
.kemrdwbYSM {
width: 100%;
padding: 0 20rpx;
color: #999999;
@@ -402,83 +402,74 @@
}
}
.title {
width: 100%;
padding-top: 30rpx;
// .title {
// width: 100%;
// padding-top: 30rpx;
.title-box {
width: 686rpx;
background-color: rgba(255, 117, 129, 0.1);
border-radius: 24rpx;
padding: 20rpx;
}
// .title-box {
// width: 686rpx;
// background-color: rgba(255, 117, 129, 0.1);
// border-radius: 24rpx;
// padding: 20rpx;
// }
.title-box-title {
font-size: 36rpx;
font-weight: 700;
color: #333;
}
// .title-box-title {
// font-size: 36rpx;
// font-weight: 700;
// color: #333;
// }
.title-box-title-r {
background-color: #ff7581;
font-size: 26rpx;
color: #ffffff;
font-weight: 500;
border-radius: 40rpx;
padding: 20rpx 0;
width: 166rpx;
}
// .title-box-title-r {
// background-color: #ff7581;
// font-size: 26rpx;
// color: #ffffff;
// font-weight: 500;
// border-radius: 40rpx;
// padding: 20rpx 0;
// width: 166rpx;
// }
.title-box-tishi {
font-size: 24rpx;
margin-top: 20rpx;
color: #999999;
}
// .title-box-tishi {
// font-size: 24rpx;
// margin-top: 20rpx;
// color: #999999;
// }
.title-box-day {
width: 100%;
margin-top: 30rpx;
// .title-box-day {
// width: 100%;
// margin-top: 30rpx;
.title-box-day-item-lin {
width: 30rpx;
height: 4rpx;
background: #bfbfbf;
margin: 0 4rpx;
margin-top: 30rpx;
}
// .title-box-day-item-lin {
// width: 30rpx;
// height: 4rpx;
// background: #bfbfbf;
// margin: 0 4rpx;
// margin-top: 30rpx;
// }
.title-box-day-item-num {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
// border: 1px solid #999999;
color: #999999;
// .title-box-day-item-num {
// width: 60rpx;
// height: 60rpx;
// border-radius: 50%;
// // border: 1px solid #999999;
// color: #999999;
image {
width: 100%;
height: 100%;
border-radius: 50%;
}
}
// image {
// width: 100%;
// height: 100%;
// border-radius: 50%;
// }
// }
.title-box-day-item-day {
width: 100%;
text-align: center;
font-size: 24rpx;
margin-top: 20rpx;
}
// .title-box-day-item-day {
// width: 100%;
// text-align: center;
// font-size: 24rpx;
// margin-top: 20rpx;
// }
}
// }
.title-box-btn {
margin-top: 30rpx;
width: 100%;
border-radius: 44rpx;
background-color: #ff7581;
color: #ffffff;
text-align: center;
padding: 22rpx 0;
font-size: 32rpx;
}
}
// }
</style>