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

Merge branch 'ios' of e.coding.net:g-cphe0354/duanju/video_app into gyq

This commit is contained in:
gyq 2024-12-23 18:19:05 +08:00
parent a78cc2ecf7 c8f7016f8d
commit ecc0549cfc
18 changed files with 517 additions and 321 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
common/config.js
View File

@ -1,10 +1,10 @@
const ROOTPATH1 = "https://dj-api.hnsiyao.cn/sqx_fast/"; // // const ROOTPATH1 = "https://dj-api.hnsiyao.cn/sqx_fast/"; //
const ROOTPATH = "https://dj-api.hnsiyao.cn/sqx_fast/"; //后台服务域名 // const ROOTPATH = "https://dj-api.hnsiyao.cn/sqx_fast/"; //后台服务域名
const ROOTPATH2 = "https://dj-h5.hnsiyao.cn"; //后台服务域名 // const ROOTPATH2 = "https://dj-h5.hnsiyao.cn"; //后台服务域名
// const ROOTPATH1 = "https://video.hnsiyao.cn/sqx_fast/"; // const ROOTPATH1 = "https://video.hnsiyao.cn/sqx_fast/"; //
// const ROOTPATH = "https://video.hnsiyao.cn/sqx_fast/"; //后台服务域名 const ROOTPATH = "https://video.hnsiyao.cn/sqx_fast/"; //后台服务域名
// const ROOTPATH2 = "https://video-h5.hnsiyao.cn"; //后台服务域名 const ROOTPATH2 = "https://video-h5.hnsiyao.cn"; //后台服务域名
// const ROOTPATH1 = "http://192.168.1.5:8100/sqx_fast/"; // // const ROOTPATH1 = "http://192.168.1.5:8100/sqx_fast/"; //
// const ROOTPATH = "http://192.168.1.5:8100/sqx_fast/"; //后台服务域名 // const ROOTPATH = "http://192.168.1.5:8100/sqx_fast/"; //后台服务域名

12
me/wallet/wallet.vue → me/FrdwbsihPr/FrdwbsihPr.vue
View File

@ -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;

20
me/wallet/wallet_detail.vue → me/FrdwbsihPr/RSKjJIdwbH.vue
View File

@ -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>

16
me/wallet/wallets.vue → me/FrdwbsihPr/vkRFXBdwbe.vue
View File

@ -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;

12
me/wallpaper/wallpaper.vue → me/mFYpdwbMdk/mFYpdwbMdk.vue
View File

@ -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;

0
me/mFYpdwbMdk/slkj.html Normal file
View File

20
me/setting/bind.vue → me/setting/FdwbsxoKnh.vue
View File

@ -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;

14
pages.json
View File

@ -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"
@ -477,7 +477,7 @@
} }
}, },
{ {
"path": "setting/bind", "path": "setting/FdwbsxoKnh",
"style": { "style": {
"navigationBarTitleText": "换绑手机号", "navigationBarTitleText": "换绑手机号",
"h5": { "h5": {
@ -575,14 +575,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
@ -652,7 +652,7 @@
} }
}, { }, {
"path": "wallpaper/wallpaper", "path": "mFYpdwbMdk/mFYpdwbMdk",
"style": { "style": {
"navigationBarTitleText": "壁纸", "navigationBarTitleText": "壁纸",
"enablePullDownRefresh": true "enablePullDownRefresh": true
@ -686,7 +686,7 @@
} }
}, },
{ {
"path": "wallet/wallets", "path": "FrdwbsihPr/vkRFXBdwbe",
"style": { "style": {
"navigationBarTitleText": "充值", "navigationBarTitleText": "充值",
"enablePullDownRefresh": false, "enablePullDownRefresh": false,

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

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

@ -1,8 +1,9 @@
<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"> <image src="./asz.JPG" v-if="false" mode=""></image>
<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 +38,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 +58,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{

BIN
pages/BdwbOqUuVz/asz.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 312 KiB

165
pages/index/course/courseList.vue
View File

@ -1,16 +1,16 @@
<template> <template>
<view class=""> <view class="">
<u-sticky :enable="enable"> <u-sticky :enable="enableIos">
<view class="search-box"> <view class="search-box-ios">
<u-search bg-color="#f2f2f2" style="width: 100%;" placeholder="搜索更多资源" v-model="keyword" <u-search bg-color="#f2f2f2" style="width: 100%;" placeholder="搜索更多资源" v-model="keywordIos"
:show-action="false" :animation="true" @search="getCourseList()"></u-search> :show-action="false" :animation="true" @search="getCourseListIos()"></u-search>
</view> </view>
</u-sticky> </u-sticky>
<view class="swiper flex align-center justify-center"> <view class="swiper flex align-center justify-center">
<view class="swiper-box"> <view class="swiper-box">
<swiper :indicator-dots="true" class="swiper " :autoplay="true" interval="5000" duration="500" <swiper :indicator-dots="true" class="swiper " :autoplay="true" interval="5000" duration="500"
:circular="true" style="width: 100%;height: 350rpx;"> :circular="true" style="width: 100%;height: 350rpx;">
<swiper-item v-for="(item,index) in swiperList" :key='index' @tap="goPage(item.url)"> <swiper-item v-for="(item,index) in swiperListIos" :key='index' @tap="goPageIos(item.url)">
<image :src="item.imageUrl" mode="scaleToFill" <image :src="item.imageUrl" mode="scaleToFill"
style="width: 100%;height: 100%;border-radius: 24rpx;"></image> style="width: 100%;height: 100%;border-radius: 24rpx;"></image>
</swiper-item> </swiper-item>
@ -18,24 +18,11 @@
</view> </view>
</view> </view>
<view class="padding-lr"> <view class="padding-lr">
<view class="" v-if="courseList.length"> <view class="" v-if="courseListIos.length">
<!-- <view class="vidoList flex align-center justify-between flex-wrap"> <videoList @success="posterSuccessIos" :list="courseListIos" />
<view class="vidoList-item" @click="goCourse(item.courseId,item.courseDetailsId)"
v-for="(item, index) in courseList" :key="index">
<view class="vidoList-item-img">
<image :src="item.titleImg" mode="aspectFill"></image>
</view>
<view class="vidoList-item-title">
{{item.title}}
</view>
</view>
<view class="vidoList-item" style="height: 0;"></view>
<view class="vidoList-item" style="height: 0;"></view>
</view> -->
<videoList @success="posterSuccess" :list="courseList" />
</view> </view>
<empty title="暂无视频" :isShow='false' v-else></empty> <empty title="暂无视频" :isShow='false' v-else></empty>
<u-loadmore v-if="courseList.length > 0" :status="status" /> <u-loadmore v-if="courseListIos.length > 0" :status="statusIos" />
</view> </view>
</view> </view>
@ -51,71 +38,58 @@
}, },
data() { data() {
return { return {
enable: true, enableIos: true,
status: 'loadmore', statusIos: 'loadmore',
swiperList: [], //轮播图列表 swiperListIos: [], //轮播图列表
courseList: [], //资源列表 courseListIos: [], //资源列表
page: 1, pageIos: 1,
limit: 10, limitIos: 10,
id: '', pagesIos: 0,
datalist: [{ sortIos: '',
id: 1, keywordIos: '',
name: '综合' isPriceIos: '', //是否免费 2:免费
}, {
id: 2,
name: '人气'
}, {
id: 3,
name: '价格',
label: '0'
}],
dataIndex: 0,
sort: '',
count: 0,
keyword: '',
isPrice: '', //是否免费 2:免费
} }
}, },
onShow() { onShow() {
this.enable = true this.enableIos = true
this.getCourseList() this.getCourseListIos()
}, },
onHide() { onHide() {
this.enable = false this.enableIos = false
}, },
onLoad(option) { onLoad(option) {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: option.title title: option.title
}) })
this.getBannerList() this.getBannerListIos()
if (option.sort) { if (option.sort) {
this.sort = option.sort this.sortIos = option.sort
} }
if (option.isPrice) { if (option.isPrice) {
this.isPrice = option.isPrice this.isPriceIos = option.isPrice
} }
}, },
methods: { methods: {
goPage(url) { goPageIos(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
}) })
}, },
//点击回调 //点击回调
posterSuccess(item) { posterSuccessIos(item) {
uni.navigateTo({ uni.navigateTo({
url: '/me/detail/detail?id=' + item.courseId + '&courseDetailsId=' + item.courseDetailsId url: '/me/detail/detail?id=' + item.courseId + '&courseDetailsId=' + item.courseDetailsId
}) })
}, },
//最新热播 //最新热播
getCourseList() { getCourseListIos() {
let data = { let data = {
limit: this.limit, limit: this.limitIos,
page: this.page, page: this.pageIos,
sort: this.sort ? this.sort : '', sort: this.sortIos ? this.sortIos : '',
title: this.keyword, title: this.keywordIos,
} }
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
data.wxShow = 1 data.wxShow = 1
@ -123,24 +97,24 @@
// #ifdef MP-TOUTIAO // #ifdef MP-TOUTIAO
data.dyShow = 1 data.dyShow = 1
// #endif // #endif
if (this.isPrice) { if (this.isPriceIos) {
data.isPrice = this.isPrice data.isPrice = this.isPriceIos
} }
this.$u.api.courseList(data).then(res => { this.$u.api.courseList(data).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.pages = res.data.totalPage this.pagesIos = res.data.totalPage
if (this.page < this.pages) { if (this.pageIos < this.pagesIos) {
this.status = 'loadmore' this.statusIos = 'loadmore'
} else { } else {
this.status = 'nomore' this.statusIos = 'nomore'
} }
// res.data.list.forEach(ret => { // res.data.list.forEach(ret => {
// ret.courseLabel = ret.courseLabel ? ret.courseLabel.split(',') : [] // ret.courseLabel = ret.courseLabel ? ret.courseLabel.split(',') : []
// }) // })
if (this.page == 1) { if (this.pageIos == 1) {
this.courseList = res.data.list this.courseListIos = res.data.list
} else { } else {
this.courseList = [...this.courseList, ...res.data.list] this.courseListIos = [...this.courseListIos, ...res.data.list]
} }
} else { } else {
uni.showToast({ uni.showToast({
@ -154,14 +128,14 @@
}) })
}, },
// 获取轮播图列表 // 获取轮播图列表
getBannerList() { getBannerListIos() {
this.$u.api.bannerList({ this.$u.api.bannerList({
classify: '1' classify: '1'
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
res.data.forEach(d => { res.data.forEach(d => {
if (d.state == 1) { if (d.state == 1) {
this.swiperList.push(d) this.swiperListIos.push(d)
} }
}) })
@ -177,25 +151,25 @@
}, },
onReachBottom: function() { onReachBottom: function() {
if (this.page < this.pages) { if (this.pageIos < this.pagesIos) {
this.page += 1 this.pageIos += 1
this.status = 'loading' this.statusIos = 'loading'
this.getCourseList() this.getCourseListIos()
} else { } else {
this.status = 'nomore' this.statusIos = 'nomore'
} }
}, },
onPullDownRefresh: function() { onPullDownRefresh: function() {
this.page = 1; this.pageIos = 1;
this.getCourseList() this.getCourseListIos()
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.search-box { .search-box-ios {
width: 100%; width: 100%;
padding: 15upx 2.5%; padding: 15upx 2.5%;
display: flex; display: flex;
@ -203,42 +177,7 @@
background-color: #ffffff; background-color: #ffffff;
} }
.vidoList {
width: 100%;
height: auto;
margin-bottom: 20rpx;
.vidoList-item {
width: calc((100% - 40rpx) / 3);
height: 356rpx;
background-color: #FFFFFF;
border-radius: 24rpx;
margin-bottom: 20rpx;
}
.vidoList-item-img {
width: 100%;
height: 280rpx;
border-radius: 24rpx 24rpx 0 0;
image {
width: 100%;
height: 100%;
border-radius: 24rpx 24rpx 0 0;
}
}
.vidoList-item-title {
width: 100%;
text-align: center;
background-color: #FFFFFF;
border-radius: 0 0 24rpx 24rpx;
padding: 20rpx;
overflow: hidden;
text-overflow: ellipsis; //溢出用省略号显示
white-space: nowrap; // 默认不换行；
}
}
.swiper { .swiper {
width: 100%; width: 100%;

92
pages/index/course/orderDet.vue
View File

@ -1,44 +1,44 @@
<template> <template>
<view> <view>
<view class="bg-white padding-sm margin flex" style="border-radius: 24rpx;"> <view class="bg-white padding-sm margin flex" style="border-radius: 24rpx;">
<u-image width="200rpx" height="200rpx" border-radius="10rpx" :src="courseList.titleImg"> <u-image width="200rpx" height="200rpx" border-radius="10rpx" :src="courseListIos.titleImg">
</u-image> </u-image>
<view class="flex flex-direction justify-between margin-left-sm" style="width:420rpx;"> <view class="flex flex-direction justify-between margin-left-sm" style="width:420rpx;">
<view class="text-bold text-black margin-top-xs u-line-1 text-lg">{{courseList.title}} <view class="text-bold text-black margin-top-xs u-line-1 text-lg">{{courseListIos.title}}
</view> </view>
<!-- <view class="text-gray text-26 margin-top">最近在学{{courseList.payNum}}</view> --> <!-- <view class="text-gray text-26 margin-top">最近在学{{courseListIos.payNum}}</view> -->
<view class="flex justify-between "> <view class="flex justify-between ">
<view class=" text-bold " style="color: #FF8211;">¥<text <view class=" text-bold " style="color: #FF8211;">¥<text
style="font-size: 42rpx;">{{courseList.price}}</text></view> style="font-size: 42rpx;">{{courseListIos.price}}</text></view>
</view> </view>
</view> </view>
</view> </view>
<view class="popup_pay"> <view class="popup_pay_ios">
<view class="text-lg text-bold">支付方式</view> <view class="text-lg text-bold">支付方式</view>
<view class="flex align-center justify-between" style="height: 100upx;" v-for="(item,index) in openLists" <view class="flex align-center justify-between" style="height: 100upx;" v-for="(item,index) in openListsIos"
:key='index'> :key='index'>
<image :src="item.image" style="width: 55upx;height: 55upx;border-radius: 50upx;"> <image :src="item.image" style="width: 55upx;height: 55upx;border-radius: 50upx;">
</image> </image>
<view style="font-size: 30upx;margin-left: 20upx;width: 70%;"> <view style="font-size: 30upx;margin-left: 20upx;width: 70%;">
{{item.text}} {{item.text}}
</view> </view>
<radio-group name="openWay" style="margin-left: 45upx;" @tap.stop='selectWay(item)'> <radio-group name="openWay" style="margin-left: 45upx;" @tap.stop='selectWayIos(item)'>
<label class="tui-radio"> <label >
<radio color="red" :checked="openWay === item.id ? true : false" /> <radio color="red" :checked="openWayIos === item.id ? true : false" />
</label> </label>
</radio-group> </radio-group>
</view> </view>
<!-- <view class="pay_btn" @click="pay()">确认支付</view> --> <!-- <view class="pay_btn" @click="payIos()">确认支付</view> -->
</view> </view>
<view class="taber"> <view class="taber_ios">
<view class="flex align-center" style="color: #FF8211;"> <view class="flex align-center" style="color: #FF8211;">
<text style="color: #333;">实付款：</text> <text style="color: #333;">实付款：</text>
<view class=" text-bold " style="color: #FF8211;">¥<text <view class=" text-bold " style="color: #FF8211;">¥<text
style="font-size: 42rpx;">{{courseList.price}}</text></view> style="font-size: 42rpx;">{{courseListIos.price}}</text></view>
</view> </view>
<view class="btn" @click="pay">确定并支付</view> <view class="btn_ios" @click="payIos">确定并支付</view>
</view> </view>
</view> </view>
</template> </template>
@ -47,17 +47,17 @@
export default { export default {
data() { data() {
return { return {
courseId: '', courseIdIos: '',
courseList: [], courseListIos: [],
openLists: [], openListsIos: [],
openWay: 1, openWayIos: 1,
flag: true flagIos: true
} }
}, },
onLoad(option) { onLoad(option) {
// #ifdef APP // #ifdef APP
this.openLists = [{ this.openListsIos = [{
image: '../../../static/images/index/weixin.png', image: '../../../static/images/index/weixin.png',
text: '微信支付', text: '微信支付',
id: 1 id: 1
@ -66,22 +66,22 @@
text: '支付宝', text: '支付宝',
id: 2 id: 2
}], }],
this.openWay = 1; this.openWayIos = 1;
// #endif // #endif
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
this.openLists = [{ this.openListsIos = [{
image: '../../../static/images/index/weixin.png', image: '../../../static/images/index/weixin.png',
text: '微信支付', text: '微信支付',
id: 1 id: 1
}], }],
this.openWay = 1; this.openWayIos = 1;
// #endif // #endif
// #ifdef H5 // #ifdef H5
let ua = navigator.userAgent.toLowerCase(); let ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('micromessenger') !== -1) { if (ua.indexOf('micromessenger') !== -1) {
this.openLists = [{ this.openListsIos = [{
image: '../../../static/images/index/weixin.png', image: '../../../static/images/index/weixin.png',
text: '微信支付', text: '微信支付',
id: 1 id: 1
@ -90,39 +90,39 @@
text: '支付宝', text: '支付宝',
id: 2 id: 2
}], }],
this.openWay = 1; this.openWayIos = 1;
} else { } else {
this.openLists = [{ this.openListsIos = [{
image: '../../../static/images/index/zhifubao.png', image: '../../../static/images/index/zhifubao.png',
text: '支付宝', text: '支付宝',
id: 2 id: 2
}], }],
this.openWay = 2; this.openWayIos = 2;
} }
// this.openLists = [{ // this.openListsIos = [{
// image: '../../../static/images/index/zhifubao.png', // image: '../../../static/images/index/zhifubao.png',
// text: '支付宝', // text: '支付宝',
// id: 2 // id: 2
// }], // }],
// this.openWay = 2; // this.openWayIos = 2;
// #endif // #endif
if (option.courseId) { if (option.courseId) {
this.courseId = option.courseId this.courseIdIos = option.courseId
this.getDataList(this.courseId) this.getDataListIos(this.courseIdIos)
} }
}, },
methods: { methods: {
selectWay(e) { selectWayIos(e) {
this.openWay = e.id; this.openWayIos = e.id;
}, },
// 资源详情 // 资源详情
getDataList(id) { getDataListIos(id) {
let data = { let data = {
id id
} }
this.$u.api.courseDet(data).then(res => { this.$u.api.courseDet(data).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.courseList = res.data this.courseListIos = res.data
} else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
@ -133,12 +133,12 @@
}) })
}, },
pay() { payIos() {
let that = this let that = this
if (that.flag) { if (that.flagIos) {
that.flag = false that.flagIos = false
let data = { let data = {
courseId: that.courseList.courseId courseId: that.courseListIos.courseId
} }
that.$u.api.courseOrder(data).then(res => { that.$u.api.courseOrder(data).then(res => {
if (res.code == 0 && res.data.flag == 1) { if (res.code == 0 && res.data.flag == 1) {
@ -146,12 +146,12 @@
title: '已获取资源', title: '已获取资源',
icon: 'success' icon: 'success'
}) })
that.getDataList(that.courseId); that.getDataListIos(that.courseIdIos);
} else if (res.code == 0 && res.data.flag == 2) { } else if (res.code == 0 && res.data.flag == 2) {
uni.showLoading({ uni.showLoading({
title: '支付中...' title: '支付中...'
}) })
if (that.openWay == 1) { if (that.openWayIos == 1) {
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
that.$u.post('app/wxPay/wxPayJsApiOrder?orderId=' + res.data.orders.ordersId, {}) that.$u.post('app/wxPay/wxPayJsApiOrder?orderId=' + res.data.orders.ordersId, {})
.then( .then(
@ -219,7 +219,7 @@
} }
}); });
// #endif // #endif
} else if (that.openWay == 2) { } else if (that.openWayIos == 2) {
// #ifdef H5 // #ifdef H5
that.$u.post('/app/aliPay/payOrder?orderId=' + res.data.orders.ordersId + that.$u.post('/app/aliPay/payOrder?orderId=' + res.data.orders.ordersId +
'&classify=2').then( '&classify=2').then(
@ -261,11 +261,11 @@
icon: 'none', icon: 'none',
// duration: 1500 // duration: 1500
}) })
// that.getDataList(that.courseId); // that.getDataListIos(that.courseId);
} }
}) })
setTimeout(() => { setTimeout(() => {
that.flag = true that.flagIos = true
}, 1500) }, 1500)
} }
@ -364,14 +364,14 @@
background: #F5F5F5; background: #F5F5F5;
} }
.popup_pay { .popup_pay_ios {
background: #FFFFFF; background: #FFFFFF;
border-radius: 24rpx; border-radius: 24rpx;
margin: 30rpx 30rpx; margin: 30rpx 30rpx;
padding: 30rpx 30rpx 20rpx 30rpx; padding: 30rpx 30rpx 20rpx 30rpx;
} }
.taber { .taber_ios {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
@ -384,7 +384,7 @@
justify-content: space-between; justify-content: space-between;
} }
.btn { .btn_ios {
width: 260rpx; width: 260rpx;
height: 78rpx; height: 78rpx;
background: #5074FF; background: #5074FF;

270
pages/index/course/viepsii.vue Normal file
View File

@ -0,0 +1,270 @@
<template>
<view class="">
<view class="shop-info-wrap">
<view class="info-wrap flex-between">
<view></view>
<text class="shopName">{{ shopInfo.storeInfo.shopName }}</text>
<view class="close" @click="showShopInfo = false">
<u-icon name="close" color="#999999" size="28"></u-icon>
</view>
</view>
<view class="info-wrap-title">商家信息</view>
<view class="row" style="margin-bottom: 20rpx;">
<view class="col">
<text class="l">营业时间：</text>
<text
class="t">{{ (shopInfo.storeInfo.businessStartDay || '——') +'至'+ (shopInfo.storeInfo.businessEndDay || '——') +' '+ (shopInfo.storeInfo.businessTime || '')}}</text>
</view>
<view class="col">
<text class="l">商家地址：</text>
<text class="t">{{ shopInfo.storeInfo.address }}</text>
</view>
<view class="col" @click="makePhoneCall(shopInfo.storeInfo.phone)">
<text class="l">商家电话：</text>
<text class="t">{{ shopInfo.storeInfo.phone }}</text>
</view>
</view>
<view class="info-wrap-title">商家公告</view>
<view class="row">
<view class="col">
<text class="l">公告：</text>
<text class="t">{{ shopInfo.storeInfo.detail }}</text>
</view>
</view>
</view>
<view class="shop_bottom ">
<view class="flex-between">
<view class="price">
<text class="i">￥</text>
<text class="num">{{salePrice}}</text>
<text class="i">/{{specifications.unitSnap}}</text>
</view>
<view class="operation-wrap">
<view class="btn">
<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
<view class="btnClick" @click="shopAdd(specifications,specifications.indexa,specifications.indexb,'-',specifications.tagSnap == null ? '单规格':'')"></view>
</view>
<text class="num">{{amountcartNumber}}</text>
<view class="btn" >
<u-icon name="plus-circle-fill" color="#E9AB7A" size="50"></u-icon>
<view class="btnClick" @click="shopAdd(specifications,specifications.indexa,specifications.indexb,'+',specifications.tagSnap == null ? '单规格':'')"></view>
</view>
</view>
</view>
<view class="shop_skuselect flex-start" v-if="specifications.tagSnap">
<view class="shop_skuselectname">{{skuidname.toString()}}</view>
</view>
<view class="addShopping" :class="(amountcartNumber>0&&isSpec)?'active':''"
@click="addShopping(specifications,specifications.indexa,specifications.indexb,'+',specifications.tagSnap == null ? '单规格':'')">
{{skuBtnText}}
</view>
</view>
</view>
</template>
<script>
import videoList from '../../../components/videoList/videoList.vue'
import empty from '@/components/empty.vue'
export default {
components: {
empty,
videoList
},
data() {
return {
}
},
onShow() {
this.enable = true
this.getCourseList()
},
onHide() {
this.enable = false
},
onLoad(option) {
uni.setNavigationBarTitle({
title: option.title
})
this.getBannerList()
if (option.sort) {
this.sort = option.sort
}
if (option.isPrice) {
this.isPrice = option.isPrice
}
},
methods: {
goPage(url) {
uni.navigateTo({
url: url
})
},
//点击回调
posterSuccess(item) {
uni.navigateTo({
url: '/me/detail/detail?id=' + item.courseId + '&courseDetailsId=' + item.courseDetailsId
})
},
//最新热播
getCourseList() {
let data = {
limit: this.limit,
page: this.page,
sort: this.sort ? this.sort : '',
title: this.keyword,
}
// #ifdef MP-WEIXIN
data.wxShow = 1
// #endif
// #ifdef MP-TOUTIAO
data.dyShow = 1
// #endif
if (this.isPrice) {
data.isPrice = this.isPrice
}
this.$u.api.courseList(data).then(res => {
if (res.code == 0) {
this.pages = res.data.totalPage
if (this.page < this.pages) {
this.status = 'loadmore'
} else {
this.status = 'nomore'
}
// res.data.list.forEach(ret => {
// ret.courseLabel = ret.courseLabel ? ret.courseLabel.split(',') : []
// })
if (this.page == 1) {
this.courseList = res.data.list
} else {
this.courseList = [...this.courseList, ...res.data.list]
}
} else {
uni.showToast({
title: res.msg,
duration: 1000,
icon: 'none'
});
}
uni.stopPullDownRefresh();
})
},
// 获取轮播图列表
getBannerList() {
this.$u.api.bannerList({
classify: '1'
}).then(res => {
if (res.code == 0) {
res.data.forEach(d => {
if (d.state == 1) {
this.swiperList.push(d)
}
})
} else {
uni.showToast({
title: res.msg,
duration: 1000,
icon: 'none'
});
}
})
},
},
onReachBottom: function() {
if (this.page < this.pages) {
this.page += 1
this.status = 'loading'
this.getCourseList()
} else {
this.status = 'nomore'
}
},
onPullDownRefresh: function() {
this.page = 1;
this.getCourseList()
},
}
</script>
<style lang="scss" scoped>
.search-box {
width: 100%;
padding: 15upx 2.5%;
display: flex;
justify-content: space-between;
background-color: #ffffff;
}
.vidoList {
width: 100%;
height: auto;
margin-bottom: 20rpx;
.vidoList-item {
width: calc((100% - 40rpx) / 3);
height: 356rpx;
background-color: #FFFFFF;
border-radius: 24rpx;
margin-bottom: 20rpx;
}
.vidoList-item-img {
width: 100%;
height: 280rpx;
border-radius: 24rpx 24rpx 0 0;
image {
width: 100%;
height: 100%;
border-radius: 24rpx 24rpx 0 0;
}
}
.vidoList-item-title {
width: 100%;
text-align: center;
background-color: #FFFFFF;
border-radius: 0 0 24rpx 24rpx;
padding: 20rpx;
overflow: hidden;
text-overflow: ellipsis; //溢出用省略号显示
white-space: nowrap; // 默认不换行；
}
}
.swiper {
width: 100%;
height: auto;
margin-bottom: 10rpx;
margin-top: 10rpx;
.swiper-box {
width: 686rpx;
height: 100%;
}
}
.active {
color: #5074FF;
}
.btn {
width: 150upx;
height: 60upx;
background: #5074FF;
border-radius: 30upx;
color: #FFFFFF;
text-align: center;
line-height: 60rpx;
font-size: 26rpx;
}
</style>

8
pages/task/index.vue
View File

@ -125,10 +125,10 @@
} }
}) })
} else { } else {
uni.showToast({ // uni.showToast({
title: res.msg, // title: res.msg,
icon: 'none' // icon: 'none'
}) // })
} }
}) })
}, },

BIN
pages/yodwbsHlmJ/11c.JPG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

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

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

@ -46,7 +46,8 @@
</view> </view>
</view> </view>
</view> --> </view> -->
<view v-if="list.length>0" class="itemTitle flex align-center justify-center"> <image src="./11c.JPG" v-if="false" mode=""></image>
<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 +58,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 +89,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 +299,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 +322,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 +358,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 +375,7 @@
} }
} }
.zuijin-box-item-txt { .gSSSCWdwbD {
width: 100%; width: 100%;
height: 100rpx; height: 100rpx;
background-color: #ffffff; background-color: #ffffff;
@ -382,7 +383,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 +395,7 @@
} }
.zuijin-box-item-txt-l { .kemrdwbYSM {
width: 100%; width: 100%;
padding: 0 20rpx; padding: 0 20rpx;
color: #999999; color: #999999;
@ -402,83 +403,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>