修改类名
This commit is contained in:
parent
54250730ce
commit
9cbde62fd9
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<view style="padding-bottom: 160rpx;">
|
<view style="padding-bottom: 160rpx;">
|
||||||
<view class="padding">
|
<view class="padding">
|
||||||
<view class="money">
|
<view class="MWXwdwbxts">
|
||||||
<view class="money-top">
|
<view class="money-top">
|
||||||
<image src="../../static/images/me/moneyBanner.png" mode=""></image>
|
<image src="../../static/images/me/moneyBanner.png" mode=""></image>
|
||||||
<view class="money-top-title">
|
<view class="money-top-title">
|
||||||
|
|
@ -97,8 +97,8 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="sumbit flex align-center justify-center">
|
<view class="gwdwbjUBRe flex align-center justify-center">
|
||||||
<view class="sumbit-box flex align-center justify-center">
|
<view class="gwdwbjUBRe-box flex align-center justify-center">
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<button v-if="osName!='ios'"
|
<button v-if="osName!='ios'"
|
||||||
style="background: #ff7581;color: #FFFFFF;width: 100%;height: 100%;border-radius: 44rpx;"
|
style="background: #ff7581;color: #FFFFFF;width: 100%;height: 100%;border-radius: 44rpx;"
|
||||||
|
|
@ -1216,7 +1216,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.sumbit {
|
.gwdwbjUBRe {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 140rpx;
|
height: 140rpx;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
|
|
@ -1224,7 +1224,7 @@
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
.sumbit-box {
|
.gwdwbjUBRe-box {
|
||||||
width: 686rpx;
|
width: 686rpx;
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
background: #6696FF;
|
background: #6696FF;
|
||||||
|
|
@ -1234,7 +1234,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.money {
|
.MWXwdwbxts {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 32rpx;
|
border-radius: 32rpx;
|
||||||
|
|
@ -1,20 +1,20 @@
|
||||||
<template>
|
<template>
|
||||||
<view style="padding-bottom: 20rpx;">
|
<view style="padding-bottom: 20rpx;">
|
||||||
<view v-for="(item,index) in list" :key="index" class="list flex align-center justify-center">
|
<view v-for="(item,index) in list" :key="index" class="list flex align-center justify-center">
|
||||||
<view class="list-box">
|
<view class="zdwbUQKCny">
|
||||||
<view class="list-box-title">
|
<view class="zdwbUQKCny-title">
|
||||||
{{item.title}}
|
{{item.title}}
|
||||||
</view>
|
</view>
|
||||||
<view class="list-box-content">
|
<view class="zdwbUQKCny-content">
|
||||||
{{item.content}}
|
{{item.content}}
|
||||||
</view>
|
</view>
|
||||||
<view class="list-box-time flex align-center justify-between">
|
<view class="zdwbUQKCny-time flex align-center justify-between">
|
||||||
{{item.createTime}}
|
{{item.createTime}}
|
||||||
<text>{{item.type===1?'+':'-'}}{{item.money}}</text>
|
<text>{{item.type===1?'+':'-'}}{{item.money}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="list.length > 3" class="loadMore">
|
<view v-if="list.length > 3" class="jwdSnCdwbd">
|
||||||
<u-loadmore :status="status" />
|
<u-loadmore :status="status" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
@ -91,7 +91,7 @@
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
|
|
||||||
.list-box {
|
.zdwbUQKCny {
|
||||||
width: 686rpx;
|
width: 686rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
|
|
@ -99,18 +99,18 @@
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-box-title {
|
.zdwbUQKCny-title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-box-content {
|
.zdwbUQKCny-content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-box-time {
|
.zdwbUQKCny-time {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
|
|
@ -123,7 +123,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.loadMore {
|
.jwdSnCdwbd {
|
||||||
margin: 20rpx 0;
|
margin: 20rpx 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -2,16 +2,16 @@
|
||||||
<view style="padding-bottom: 160rpx;">
|
<view style="padding-bottom: 160rpx;">
|
||||||
<view class="padding">
|
<view class="padding">
|
||||||
<view class="money">
|
<view class="money">
|
||||||
<view class="money-top">
|
<view class="qCLEJdwbZctop">
|
||||||
<image src="../../static/images/me/moneyBanner.png" mode=""></image>
|
<image src="../../static/images/me/moneyBanner.png" mode=""></image>
|
||||||
<view class="money-top-title">
|
<view class="qCLEJdwbZctitle">
|
||||||
当前剩余金币
|
当前剩余金币
|
||||||
</view>
|
</view>
|
||||||
<view class="money-top-money">
|
<view class="qCLEJdwbZc">
|
||||||
{{formatNumber(moneyNum)}}
|
{{formatNumber(moneyNum)}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view @click="goNav('/me/wallet/mingxi')" class="money-bto flex align-center justify-between">
|
<view @click="goNav('/me/wallet/mingxi')" class="qCLEJdwbZcbto flex align-center justify-between">
|
||||||
金币明细
|
金币明细
|
||||||
<u-icon name="arrow-right" color="#6696ff" size="40"></u-icon>
|
<u-icon name="arrow-right" color="#6696ff" size="40"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1200,7 +1200,7 @@
|
||||||
border-radius: 32rpx;
|
border-radius: 32rpx;
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
|
|
||||||
.money-top {
|
.qCLEJdwbZctop {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 240rpx;
|
height: 240rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1211,7 +1211,7 @@
|
||||||
border-radius: 32rpx 32rpx 0 0;
|
border-radius: 32rpx 32rpx 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.money-top-title {
|
.qCLEJdwbZctitle {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: hsla(0, 0%, 100%, .9);
|
color: hsla(0, 0%, 100%, .9);
|
||||||
|
|
@ -1220,7 +1220,7 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.money-top-money {
|
.qCLEJdwbZc {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 64rpx;
|
font-size: 64rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
@ -1230,7 +1230,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.money-bto {
|
.qCLEJdwbZcbto {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 108rpx;
|
height: 108rpx;
|
||||||
border-radius: 0 0 32rpx 32rpx;
|
border-radius: 0 0 32rpx 32rpx;
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<view>
|
<view>
|
||||||
<view class="videoImg flex align-center justify-center">
|
<view class="mFYpdwbMdk flex align-center justify-center">
|
||||||
<view class="videoImg-box flex justify-between align-center flex-wrap">
|
<view class="mFYpdwbMdk-box flex justify-between align-center flex-wrap">
|
||||||
<view class="videoImg-box-item" v-for="(item,index) in wallpaperList" :key="index">
|
<view class="mFYpdwbMdk-box-item" v-for="(item,index) in wallpaperList" :key="index">
|
||||||
<image @click="priveImg(item.imageUrl)" :src="item.imageUrl" mode="aspectFill"></image>
|
<image @click="priveImg(item.imageUrl)" :src="item.imageUrl" mode="aspectFill"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -85,17 +85,17 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.videoImg {
|
.mFYpdwbMdk {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 20rpx;
|
padding-top: 20rpx;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
.videoImg-box {
|
.mFYpdwbMdk-box {
|
||||||
width: 686rpx;
|
width: 686rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.videoImg-box-item {
|
.mFYpdwbMdk-box-item {
|
||||||
width: 49%;
|
width: 49%;
|
||||||
height: 500rpx;
|
height: 500rpx;
|
||||||
border-radius: 18rpx;
|
border-radius: 18rpx;
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="FdwbsxoKnh">
|
||||||
<view class="cu-form-group"
|
<view class="cu-form-group"
|
||||||
style="margin: 30upx;border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
|
style="margin: 30upx;border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
|
||||||
<view class="title">手机号</view>
|
<view class="title">手机号</view>
|
||||||
|
|
@ -11,10 +11,10 @@
|
||||||
<text class="title">验证码</text>
|
<text class="title">验证码</text>
|
||||||
<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code" @input="inputChange"
|
<input type="number" :value="code" placeholder="请输入验证码" maxlength="6" data-key="code" @input="inputChange"
|
||||||
@confirm="toLogin" />
|
@confirm="toLogin" />
|
||||||
<button class="send-msg" @click="sendMsg" :disabled="sending">{{ sendTime }}</button>
|
<button class="dwbCkbEBqX" @click="sendMsg" :disabled="sending">{{ sendTime }}</button>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<button class="confirm-btn" @click="toLogin" :disabled="logining">立即换绑
|
<button class="qKdwbBRntC" @click="toLogin" :disabled="logining">立即换绑
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -157,7 +157,7 @@
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.send-msg {
|
.dwbCkbEBqX {
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
color: white;
|
color: white;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
|
@ -166,7 +166,7 @@
|
||||||
background: #ff7581;
|
background: #ff7581;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.FdwbsxoKnh {
|
||||||
top: 0;
|
top: 0;
|
||||||
padding-top: 32upx;
|
padding-top: 32upx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -175,17 +175,11 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
|
||||||
position: relative;
|
|
||||||
z-index: 90;
|
|
||||||
background: #ffffff;
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.confirm-btn {
|
.qKdwbBRntC {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
62
pages.json
62
pages.json
|
|
@ -10,7 +10,7 @@
|
||||||
"navigationBarTitleText": "任务",
|
"navigationBarTitleText": "任务",
|
||||||
"enablePullDownRefresh": true,
|
"enablePullDownRefresh": true,
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -21,13 +21,13 @@
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"path": "pages/task/prizeList",
|
"path": "pages/task/prizeList",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "任务",
|
"navigationBarTitleText": "任务",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -35,7 +35,7 @@
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "任务",
|
"navigationBarTitleText": "任务",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
@ -203,7 +203,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
"path": "pages/chasingDrama/chasingDrama",
|
"path": "pages/yodwbsHlmJ/yodwbsHlmJ",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "追剧",
|
"navigationBarTitleText": "追剧",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
|
|
@ -268,7 +268,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/first/first",
|
"path": "pages/BdwbOqUuVz/BdwbOqUuVz",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "开屏广告",
|
"navigationBarTitleText": "开屏广告",
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
|
|
@ -461,7 +461,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "setting/bind",
|
"path": "setting/FdwbsxoKnh",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "换绑手机号",
|
"navigationBarTitleText": "换绑手机号",
|
||||||
"h5": {
|
"h5": {
|
||||||
|
|
@ -559,14 +559,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
"path": "wallet/wallet",
|
"path": "FrdwbsihPr/FrdwbsihPr",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "金币充值",
|
"navigationBarTitleText": "金币充值",
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
"path": "wallet/wallet_detail",
|
"path": "FrdwbsihPr/RSKjJIdwbH",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "金币明细",
|
"navigationBarTitleText": "金币明细",
|
||||||
"enablePullDownRefresh": true
|
"enablePullDownRefresh": true
|
||||||
|
|
@ -636,7 +636,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}, {
|
}, {
|
||||||
"path": "wallpaper/wallpaper",
|
"path": "mFYpdwbMdk/mFYpdwbMdk",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "壁纸",
|
"navigationBarTitleText": "壁纸",
|
||||||
"enablePullDownRefresh": true
|
"enablePullDownRefresh": true
|
||||||
|
|
@ -664,7 +664,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path": "wallet/wallets",
|
"path": "FrdwbsihPr/vkRFXBdwbe",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "充值",
|
"navigationBarTitleText": "充值",
|
||||||
"enablePullDownRefresh": false,
|
"enablePullDownRefresh": false,
|
||||||
|
|
@ -746,41 +746,36 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path" : "blogger/blogger",
|
"path": "blogger/blogger",
|
||||||
"style" :
|
"style": {
|
||||||
{
|
"navigationBarTitleText": "",
|
||||||
"navigationBarTitleText" : "",
|
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path" : "blogger/details",
|
"path": "blogger/details",
|
||||||
"style" :
|
"style": {
|
||||||
{
|
"navigationBarTitleText": "",
|
||||||
"navigationBarTitleText" : "",
|
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path" : "topic/topic",
|
"path": "topic/topic",
|
||||||
"style" :
|
"style": {
|
||||||
{
|
"navigationBarTitleText": "话题"
|
||||||
"navigationBarTitleText" : "话题"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path" : "topic/reserve",
|
"path": "topic/reserve",
|
||||||
"style" :
|
"style": {
|
||||||
{
|
"navigationBarTitleText": "",
|
||||||
"navigationBarTitleText" : "",
|
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"path" : "tools/tools",
|
"path": "tools/tools",
|
||||||
"style" :
|
"style": {
|
||||||
{
|
"navigationBarTitleText": "",
|
||||||
"navigationBarTitleText" : "",
|
|
||||||
"navigationStyle": "custom"
|
"navigationStyle": "custom"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -802,8 +797,7 @@
|
||||||
"backgroundColor": "#FFFFFF",
|
"backgroundColor": "#FFFFFF",
|
||||||
"borderStyle": "black",
|
"borderStyle": "black",
|
||||||
|
|
||||||
"list": [
|
"list": [{
|
||||||
{
|
|
||||||
"pagePath": "pages/task/index",
|
"pagePath": "pages/task/index",
|
||||||
"iconPath": "static/tabbar/task@2x.png",
|
"iconPath": "static/tabbar/task@2x.png",
|
||||||
"selectedIconPath": "static/tabbar/task_@2x.png",
|
"selectedIconPath": "static/tabbar/task_@2x.png",
|
||||||
|
|
@ -828,7 +822,7 @@
|
||||||
// "selectedIconPath": "static/tabbar/learn_@2x.png",
|
// "selectedIconPath": "static/tabbar/learn_@2x.png",
|
||||||
// "text": "推荐"
|
// "text": "推荐"
|
||||||
// },
|
// },
|
||||||
|
|
||||||
// {
|
// {
|
||||||
// "pagePath": "pages/chasingDrama/chasingDrama",
|
// "pagePath": "pages/chasingDrama/chasingDrama",
|
||||||
// "iconPath": "static/tabbar/zhuiju.png",
|
// "iconPath": "static/tabbar/zhuiju.png",
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="u-relative bg-gray fixed position-all">
|
<view class="u-relative bg-gray fixed yodwbsHlmJ-all">
|
||||||
<view class="time btn" v-if="time<=0" @click="enter"><text>进入</text></view>
|
<view class="jdwbHJCFxl ydwbzNqTbj" v-if="time<=0" @click="enter"><text>进入</text></view>
|
||||||
<view class="time" v-else ><text>{{time}}</text></view>
|
<view class="jdwbHJCFxl" v-else ><text>{{time}}</text></view>
|
||||||
<view class="w-full box">
|
<view class="w-full dumdwbwauP">
|
||||||
<image src="/static/images/share_bg2.png" class="img"></image>
|
<image src="/static/images/share_bg2.png" class="img"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -37,10 +37,10 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.position-all{
|
.yodwbsHlmJ-all{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
.time{
|
.jdwbHJCFxl{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
width: 50rpx;
|
width: 50rpx;
|
||||||
|
|
@ -57,14 +57,14 @@
|
||||||
border: 1px solid rgba(255, 255, 255, .8);
|
border: 1px solid rgba(255, 255, 255, .8);
|
||||||
top: calc(var(--status-bar-height) + 20rpx );
|
top: calc(var(--status-bar-height) + 20rpx );
|
||||||
}
|
}
|
||||||
.btn{
|
.ydwbzNqTbj{
|
||||||
border-radius: 100rpx;
|
border-radius: 100rpx;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 4rpx 20rpx;
|
padding: 4rpx 20rpx;
|
||||||
}
|
}
|
||||||
.box{
|
.dumdwbwauP{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
.img{
|
.img{
|
||||||
|
|
@ -46,7 +46,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</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 flex align-center justify-between">
|
||||||
<view class="itemTitle-box-l">
|
<view class="itemTitle-box-l">
|
||||||
最近观看
|
最近观看
|
||||||
|
|
@ -57,27 +57,27 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="list.length>0" class="zuijin flex align-center justify-center">
|
<view v-if="list.length>0" class="zuijin flex align-center justify-center">
|
||||||
<view class="zuijin-box flex justify-between">
|
<view class="GpkmladwbU flex justify-between">
|
||||||
<view class="zuijin-box-item" @click="goCourse(item.courseId,item.courseDetailsId)"
|
<view class="kjFVivdwbz" @click="goCourse(item.courseId,item.courseDetailsId)"
|
||||||
v-for="(item,index) in list" :key="index">
|
v-for="(item,index) in list" :key="index">
|
||||||
<view class="zuijin-box-item-img">
|
<view class="MXdwbIHrMo">
|
||||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
<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}}
|
{{item.courseDetailsName}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="zuijin-box-item-txt flex align-center flex-wrap">
|
<view class="gSSSCWdwbD flex align-center flex-wrap">
|
||||||
<view class="zuijin-box-item-txt-t">
|
<view class="dwbkFoLNxI">
|
||||||
{{item.title}}
|
{{item.title}}
|
||||||
</view>
|
</view>
|
||||||
<view class="zuijin-box-item-txt-l" v-if="item.courseLabel">
|
<view class="kemrdwbYSM" v-if="item.courseLabel">
|
||||||
{{item.courseLabel}}
|
{{item.courseLabel}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</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 flex align-center justify-between">
|
||||||
<view class="itemTitle-box-l">
|
<view class="itemTitle-box-l">
|
||||||
我的追剧
|
我的追剧
|
||||||
|
|
@ -88,20 +88,20 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="zhuiju.length>0" class="zuijin flex align-center justify-center">
|
<view v-if="zhuiju.length>0" class="zuijin flex align-center justify-center">
|
||||||
<view class="zuijin-box flex justify-between">
|
<view class="GpkmladwbU flex justify-between">
|
||||||
<view @click="goCourse(item.courseId,item.courseDetailsId)" class="zuijin-box-item"
|
<view @click="goCourse(item.courseId,item.courseDetailsId)" class="kjFVivdwbz"
|
||||||
v-for="(item,index) in zhuiju" :key="index">
|
v-for="(item,index) in zhuiju" :key="index">
|
||||||
<view class="zuijin-box-item-img">
|
<view class="MXdwbIHrMo">
|
||||||
<image :src="item.titleImg" mode="aspectFill"></image>
|
<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}}
|
{{item.courseDetailsName}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="zuijin-box-item-txt flex align-center flex-wrap">
|
<view class="gSSSCWdwbD flex align-center flex-wrap">
|
||||||
<view class="zuijin-box-item-txt-t">
|
<view class="dwbkFoLNxI">
|
||||||
{{item.title}}
|
{{item.title}}
|
||||||
</view>
|
</view>
|
||||||
<view class="zuijin-box-item-txt-l" v-if="item.courseLabel">
|
<view class="kemrdwbYSM" v-if="item.courseLabel">
|
||||||
{{item.courseLabel}}
|
{{item.courseLabel}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -298,7 +298,7 @@
|
||||||
background-color: #F5F7FF;
|
background-color: #F5F7FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemTitle {
|
.dwbSSEfVRz {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin-top: 46rpx;
|
margin-top: 46rpx;
|
||||||
|
|
@ -321,30 +321,30 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.zuijin-box.justify-between{
|
.GpkmladwbU.justify-between{
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.zuijin {
|
.zuijin {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 26rpx;
|
margin-top: 26rpx;
|
||||||
|
|
||||||
.zuijin-box {
|
.GpkmladwbU {
|
||||||
width: 700rpx;
|
width: 700rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zuijin-box-item {
|
.kjFVivdwbz {
|
||||||
width: calc((700rpx - 40rpx) / 3);
|
width: calc((700rpx - 40rpx) / 3);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
margin-right: calc(40rpx / 2);
|
margin-right: calc(40rpx / 2);
|
||||||
}
|
}
|
||||||
.zuijin-box-item:nth-of-type(3n){
|
.kjFVivdwbz:nth-of-type(3n){
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zuijin-box-item-img {
|
.MXdwbIHrMo {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 204rpx;
|
// height: 204rpx;
|
||||||
height: 204rpx;
|
height: 204rpx;
|
||||||
|
|
@ -357,7 +357,7 @@
|
||||||
border-radius: 24rpx 24rpx 0 0;
|
border-radius: 24rpx 24rpx 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zuijin-box-item-img-t {
|
.kpdwbbDLKT {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 10rpx;
|
bottom: 10rpx;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
|
@ -374,7 +374,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.zuijin-box-item-txt {
|
.gSSSCWdwbD {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
|
@ -382,7 +382,7 @@
|
||||||
align-content: center;
|
align-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zuijin-box-item-txt-t {
|
.dwbkFoLNxI {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 20rpx;
|
padding: 0 20rpx;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
@ -394,7 +394,7 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.zuijin-box-item-txt-l {
|
.kemrdwbYSM {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0 20rpx;
|
padding: 0 20rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
|
|
@ -402,83 +402,74 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
// .title {
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
padding-top: 30rpx;
|
// padding-top: 30rpx;
|
||||||
|
|
||||||
.title-box {
|
// .title-box {
|
||||||
width: 686rpx;
|
// width: 686rpx;
|
||||||
background-color: rgba(255, 117, 129, 0.1);
|
// background-color: rgba(255, 117, 129, 0.1);
|
||||||
border-radius: 24rpx;
|
// border-radius: 24rpx;
|
||||||
padding: 20rpx;
|
// padding: 20rpx;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.title-box-title {
|
// .title-box-title {
|
||||||
font-size: 36rpx;
|
// font-size: 36rpx;
|
||||||
font-weight: 700;
|
// font-weight: 700;
|
||||||
color: #333;
|
// color: #333;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.title-box-title-r {
|
// .title-box-title-r {
|
||||||
background-color: #ff7581;
|
// background-color: #ff7581;
|
||||||
font-size: 26rpx;
|
// font-size: 26rpx;
|
||||||
color: #ffffff;
|
// color: #ffffff;
|
||||||
font-weight: 500;
|
// font-weight: 500;
|
||||||
border-radius: 40rpx;
|
// border-radius: 40rpx;
|
||||||
padding: 20rpx 0;
|
// padding: 20rpx 0;
|
||||||
width: 166rpx;
|
// width: 166rpx;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.title-box-tishi {
|
// .title-box-tishi {
|
||||||
font-size: 24rpx;
|
// font-size: 24rpx;
|
||||||
margin-top: 20rpx;
|
// margin-top: 20rpx;
|
||||||
color: #999999;
|
// color: #999999;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.title-box-day {
|
// .title-box-day {
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
margin-top: 30rpx;
|
// margin-top: 30rpx;
|
||||||
|
|
||||||
.title-box-day-item-lin {
|
// .title-box-day-item-lin {
|
||||||
width: 30rpx;
|
// width: 30rpx;
|
||||||
height: 4rpx;
|
// height: 4rpx;
|
||||||
background: #bfbfbf;
|
// background: #bfbfbf;
|
||||||
margin: 0 4rpx;
|
// margin: 0 4rpx;
|
||||||
margin-top: 30rpx;
|
// margin-top: 30rpx;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.title-box-day-item-num {
|
// .title-box-day-item-num {
|
||||||
width: 60rpx;
|
// width: 60rpx;
|
||||||
height: 60rpx;
|
// height: 60rpx;
|
||||||
border-radius: 50%;
|
// border-radius: 50%;
|
||||||
// border: 1px solid #999999;
|
// // border: 1px solid #999999;
|
||||||
color: #999999;
|
// color: #999999;
|
||||||
|
|
||||||
image {
|
// image {
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
height: 100%;
|
// height: 100%;
|
||||||
border-radius: 50%;
|
// border-radius: 50%;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
.title-box-day-item-day {
|
// .title-box-day-item-day {
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
text-align: center;
|
// text-align: center;
|
||||||
font-size: 24rpx;
|
// font-size: 24rpx;
|
||||||
margin-top: 20rpx;
|
// 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>
|
</style>
|
||||||
Loading…
Reference in New Issue