@@ -23,6 +23,7 @@ App({ | |||||
}, | }, | ||||
statusBarHeight: 0, | statusBarHeight: 0, | ||||
logn(){ | logn(){ | ||||
let that = this; | |||||
tt.login({ | tt.login({ | ||||
success:(res=>{ | success:(res=>{ | ||||
let {code} = res | let {code} = res | ||||
@@ -30,13 +31,13 @@ App({ | |||||
url:config.api.login, | url:config.api.login, | ||||
data:{ | data:{ | ||||
code:code, | code:code, | ||||
appId:'tt9da4eb19029c2bb301' | |||||
appId:'tt8183f73e1ebb053701' | |||||
} | } | ||||
}).then(res=>{ | }).then(res=>{ | ||||
Http.setToken(res.data.token); | Http.setToken(res.data.token); | ||||
this.globalData.token = res.data.token | |||||
if (this.tokenCallback) { | |||||
this.tokenCallback(res.data.token); | |||||
that.globalData.token = res.data.token | |||||
if (that.tokenCallback) { | |||||
that.tokenCallback(res.data.token); | |||||
} | } | ||||
}).catch(err=>{ | }).catch(err=>{ | ||||
console.log(err); | console.log(err); | ||||
@@ -20,7 +20,7 @@ | |||||
"backgroundTextStyle":"light", | "backgroundTextStyle":"light", | ||||
"navigationBarBackgroundColor": "#000033", | "navigationBarBackgroundColor": "#000033", | ||||
"navigationBarTitleText": "知播堂", | "navigationBarTitleText": "知播堂", | ||||
"navigationBarTextStyle":"#fff", | |||||
"navigationBarTextStyle":"white", | |||||
"navigationStyle":"custom" | "navigationStyle":"custom" | ||||
}, | }, | ||||
@@ -13,4 +13,4 @@ | |||||
} | } | ||||
.oh{ | .oh{ | ||||
overflow: hidden; | overflow: hidden; | ||||
} | |||||
} |
@@ -38,9 +38,15 @@ Component({ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
backHome: function () { | backHome: function () { | ||||
wx.switchTab({ | |||||
url: '/index/index', | |||||
}) | |||||
tt.switchTab({ | |||||
url: `/pages/index/index`, | |||||
success(res) { | |||||
console.log(`${res}`); | |||||
}, | |||||
fail(res) { | |||||
console.log(`switchTab调用失败`); | |||||
}, | |||||
}); | |||||
}, | }, | ||||
bindPickerChange: function (e) { | bindPickerChange: function (e) { | ||||
console.log('picker发送选择改变,携带值为', e.detail.value) | console.log('picker发送选择改变,携带值为', e.detail.value) | ||||
@@ -6,7 +6,7 @@ | |||||
<image style="left:36%;" src='./img/back.png'></image> | <image style="left:36%;" src='./img/back.png'></image> | ||||
</view> | </view> | ||||
<view bindtap='backHome' tt:if="{{home}}"> | <view bindtap='backHome' tt:if="{{home}}"> | ||||
<image src='img/home.svg' style="width:90%;"></image> | |||||
<image src='img/home.png' style="width:60%;"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class='title' style="color:{{color}}!important">{{text}}</view> | <view class='title' style="color:{{color}}!important">{{text}}</view> | ||||
@@ -20,6 +20,7 @@ let config = { | |||||
getPublicity:"/wxCampaign/list",//轮播图 | getPublicity:"/wxCampaign/list",//轮播图 | ||||
getPublicityDetail:"/wxCampaign/findById",//宣传页详情 | getPublicityDetail:"/wxCampaign/findById",//宣传页详情 | ||||
apply:"/upSettlein/add",//提交入住申请 | apply:"/upSettlein/add",//提交入住申请 | ||||
getCodePhone:"/upSettlein/sendLoginPhoneCode",//获取手机验证码 | |||||
} | } | ||||
} | } | ||||
module.exports = config; | module.exports = config; |
@@ -56,9 +56,16 @@ Page({ | |||||
id:this.data.id | id:this.data.id | ||||
} | } | ||||
}).then(res=>{ | }).then(res=>{ | ||||
console.log(res.data); | |||||
let temp = res.data | |||||
let arr = JSON.parse(res.data.businessTypes) | |||||
let sring = "" | |||||
arr.map(item=>{ | |||||
sring += ' '+item.title | |||||
}) | |||||
temp.sring = sring | |||||
console.log(temp); | |||||
this.setData({ | this.setData({ | ||||
upData:res.data | |||||
upData:temp | |||||
}) | }) | ||||
}).catch(err=>{ | }).catch(err=>{ | ||||
tt.showToast({ | tt.showToast({ | ||||
@@ -4,6 +4,7 @@ | |||||
<view style="height:{{navigationBarHeight}} "></view> | <view style="height:{{navigationBarHeight}} "></view> | ||||
<image class="backImg" src="{{imgHttps+'upzy_tab_bnt.png'}}" mode="" /> | <image class="backImg" src="{{imgHttps+'upzy_tab_bnt.png'}}" mode="" /> | ||||
<image src="{{upData.imgUrl}}" mode="" class="headImg" /> | <image src="{{upData.imgUrl}}" mode="" class="headImg" /> | ||||
<view class="category">{{upData.sring}}</view> | |||||
<view class="nameBox oh"> | <view class="nameBox oh"> | ||||
<view class="userName">{{upData.name}}</view> | <view class="userName">{{upData.name}}</view> | ||||
@@ -30,6 +31,19 @@ | |||||
<image class="user" src="{{item.merchantPic}}" mode="" /> | <image class="user" src="{{item.merchantPic}}" mode="" /> | ||||
<view class="userText">{{item.merchantName}}</view> | <view class="userText">{{item.merchantName}}</view> | ||||
</view> | </view> | ||||
<view class="incomeBox oh"> | |||||
<view class="py" tt:if="{{item.salePriceStr!=0}}"> | |||||
¥ | |||||
</view> | |||||
<view class="money" tt:if="{{item.salePriceStr!=0}}">{{item.salePriceStr}}</view> | |||||
<view class="money" tt:if="{{item.salePriceStr==0}}"> | |||||
{{"免费"}} | |||||
</view> | |||||
<view class="moodsNum">{{item.popularity}}</view> | |||||
<view class="moodsText">人气</view> | |||||
<image class="moodsImg" src="{{imgHttps+'home_ic_renq.png'}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /> | |||||
</view> | |||||
</view> | </view> | ||||
</navigator> | </navigator> | ||||
@@ -16,6 +16,16 @@ | |||||
top: 480rpx; | top: 480rpx; | ||||
left: 50rpx; | left: 50rpx; | ||||
} | } | ||||
.category{ | |||||
position: absolute; | |||||
top: 560rpx; | |||||
left: 300rpx; | |||||
padding: 20rpx; | |||||
border-radius: 10rpx; | |||||
background-color: #222735; | |||||
text-align: center; | |||||
line-height: 32rpx; | |||||
} | |||||
.nameBox{ | .nameBox{ | ||||
margin-top: 180rpx; | margin-top: 180rpx; | ||||
} | } | ||||
@@ -58,7 +68,7 @@ | |||||
width: 60rpx; | width: 60rpx; | ||||
height: 2rpx; | height: 2rpx; | ||||
background-color: #07E881; | background-color: #07E881; | ||||
margin-left: 30rpx; | |||||
margin-left: 20rpx; | |||||
} | } | ||||
.singleText{ | .singleText{ | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
@@ -95,7 +105,7 @@ | |||||
width: 350rpx; | width: 350rpx; | ||||
height: 40rpx; | height: 40rpx; | ||||
line-height: 40rpx; | line-height: 40rpx; | ||||
font-size: 36rpx; | |||||
font-size: 30rpx; | |||||
font-family: PingFang SC; | font-family: PingFang SC; | ||||
font-weight: 500; | font-weight: 500; | ||||
color: #FEFEFE; | color: #FEFEFE; | ||||
@@ -122,25 +132,56 @@ | |||||
-webkit-line-clamp:1; | -webkit-line-clamp:1; | ||||
} | } | ||||
.moreBox{ | .moreBox{ | ||||
margin-top: 30rpx; | |||||
margin-top: 20rpx; | |||||
position: relative; | position: relative; | ||||
} | } | ||||
.user{ | .user{ | ||||
float: left; | float: left; | ||||
width: 60rpx; | |||||
height: 60rpx; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
background-color: beige; | background-color: beige; | ||||
} | } | ||||
.userText{ | .userText{ | ||||
width: 200rpx; | width: 200rpx; | ||||
text-align: center; | text-align: center; | ||||
height: 60rpx; | |||||
line-height: 60rpx; | |||||
height: 50rpx; | |||||
line-height: 50rpx; | |||||
background: #222735; | background: #222735; | ||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
font-family: PingFang SC; | font-family: PingFang SC; | ||||
font-weight: 500; | font-weight: 500; | ||||
font-size: 26rpx; | font-size: 26rpx; | ||||
color: #8790A8; | color: #8790A8; | ||||
} | |||||
.incomeBox{ | |||||
margin-top: 10rpx; | |||||
} | |||||
.money{ | |||||
float: left; | |||||
color: #ff3366; | |||||
font-size: 28rpx; | |||||
} | |||||
.py{ | |||||
font-size: 24rpx; | |||||
float: left; | |||||
color: #ff3366; | |||||
} | |||||
.moodsImg{ | |||||
float: right; | |||||
width: 30rpx; | |||||
height: 30rpx; | |||||
margin-top: 8rpx; | |||||
/* background-color: cornflowerblue; */ | |||||
} | |||||
.moodsText{ | |||||
float: right; | |||||
color: #ffffff; | |||||
margin: 0 10rpx; | |||||
font-size: 22rpx; | |||||
margin-top: 6rpx; | |||||
} | |||||
.moodsNum{ | |||||
float: right; | |||||
color: #00cc99; | |||||
} | } |
@@ -54,7 +54,7 @@ Page({ | |||||
}) | }) | ||||
}).catch(err=>{ | }).catch(err=>{ | ||||
tt.showToast({ | tt.showToast({ | ||||
title: err.data, // 内容 | |||||
title: err.message, // 内容 | |||||
}); | }); | ||||
}) | }) | ||||
@@ -82,7 +82,7 @@ Page({ | |||||
}) | }) | ||||
}).catch(err=>{ | }).catch(err=>{ | ||||
tt.showToast({ | tt.showToast({ | ||||
title: err.data, // 内容 | |||||
title: err.message, // 内容 | |||||
}); | }); | ||||
}) | }) | ||||
}, | }, | ||||
@@ -27,7 +27,11 @@ | |||||
/* float: left; */ | /* float: left; */ | ||||
position: fixed; | position: fixed; | ||||
top: 270rpx; | top: 270rpx; | ||||
/* height: 600rpx; */ | |||||
height: 1200rpx; | |||||
overflow: scroll; | |||||
} | |||||
.columnBox::-webkit-scrollbar { | |||||
display: none; | |||||
} | } | ||||
.courseBox{ | .courseBox{ | ||||
float: left; | float: left; | ||||
@@ -80,7 +84,7 @@ | |||||
.Name{ | .Name{ | ||||
height: 50rpx; | height: 50rpx; | ||||
line-height: 50rpx; | line-height: 50rpx; | ||||
font-size: 32rpx; | |||||
font-size: 30rpx; | |||||
overflow:hidden; | overflow:hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
display:-webkit-box; | display:-webkit-box; | ||||
@@ -94,6 +98,7 @@ | |||||
} | } | ||||
.tiem{ | .tiem{ | ||||
font-size: 24rpx; | |||||
float: left; | float: left; | ||||
color: #999999; | color: #999999; | ||||
} | } | ||||
@@ -101,10 +106,10 @@ | |||||
float: right; | float: right; | ||||
color: #ff3366; | color: #ff3366; | ||||
font-size: 34rpx; | |||||
font-size: 26rpx; | |||||
} | } | ||||
.py{ | .py{ | ||||
font-size: 26rpx; | |||||
font-size: 24rpx; | |||||
float: right; | float: right; | ||||
color: #ff3366; | color: #ff3366; | ||||
line-height: 46rpx; | line-height: 46rpx; |
@@ -4,9 +4,9 @@ const config = require("../../config/config") | |||||
const Http = require("../../utils/HttpBasics.js") | const Http = require("../../utils/HttpBasics.js") | ||||
Page({ | Page({ | ||||
data: { | data: { | ||||
ifPay:app.globalData.platform, | |||||
classTitle:"",//课程标题 | |||||
showIos:false,//ios字符提示 | |||||
ifPay: app.globalData.platform, | |||||
classTitle: "",//课程标题 | |||||
showIos: false,//ios字符提示 | |||||
showHie: false,//提示框 | showHie: false,//提示框 | ||||
anthology: 0,//选集 | anthology: 0,//选集 | ||||
classNumber: "",//有多少集 | classNumber: "",//有多少集 | ||||
@@ -17,7 +17,7 @@ Page({ | |||||
ifpay: 0,//是否支付 0免费 1付费 | ifpay: 0,//是否支付 0免费 1付费 | ||||
goPayFlag: false,//支付按钮显隐 | goPayFlag: false,//支付按钮显隐 | ||||
btnSuspend: true,//控制播放按钮 | btnSuspend: true,//控制播放按钮 | ||||
columnIndex: 0, | |||||
columnIndex: 1, | |||||
addFlag: true, | addFlag: true, | ||||
thenIndex: 0,//播放选合集 | thenIndex: 0,//播放选合集 | ||||
popupNum: 0,//弹出选集 | popupNum: 0,//弹出选集 | ||||
@@ -27,23 +27,35 @@ Page({ | |||||
data: {},//数据源 | data: {},//数据源 | ||||
iscollect: false,//是否收藏 | iscollect: false,//是否收藏 | ||||
mp4Url: "", | mp4Url: "", | ||||
tiemLsit: [{//试看时间 | |||||
value: 1, | |||||
name: 60 | |||||
}, { | |||||
value: 2, | |||||
name: 180, | |||||
}, { | |||||
value: 3, | |||||
name: 300, | |||||
}], | |||||
tiemLsit: [ | |||||
{//不预览 | |||||
value: -1, | |||||
name: 0 | |||||
}, | |||||
{//试看时间 | |||||
value: 1, | |||||
name: 1000000000000000000//无限大=》免费观看 | |||||
}, { | |||||
value: 2, | |||||
name: 30, | |||||
}, { | |||||
value: 3, | |||||
name: 60, | |||||
}, { | |||||
value: 4, | |||||
name: 180, | |||||
} | |||||
, { | |||||
value: 5, | |||||
name: 300, | |||||
}], | |||||
}, | }, | ||||
// goIndent(e){ | // goIndent(e){ | ||||
// console.log(e.dataset.url); | // console.log(e.dataset.url); | ||||
// }, | // }, | ||||
showIos(){ | |||||
showIos() { | |||||
this.setData({ | this.setData({ | ||||
showIos:true | |||||
showIos: true | |||||
}) | }) | ||||
}, | }, | ||||
cancel(e) { | cancel(e) { | ||||
@@ -79,15 +91,22 @@ Page({ | |||||
}) | }) | ||||
}, | }, | ||||
setThenIndex(e) { | setThenIndex(e) { | ||||
tt.showLoading({ | |||||
title: '加载中...', // 内容 | |||||
}); | |||||
let index = e.currentTarget.dataset.index | let index = e.currentTarget.dataset.index | ||||
let id = e.currentTarget.dataset.id | let id = e.currentTarget.dataset.id | ||||
console.log(id); | |||||
this.getVideoUrl(id) | this.getVideoUrl(id) | ||||
this.setData({ | this.setData({ | ||||
anthology: index | |||||
anthology: index, | |||||
goPayFlag: false, | |||||
btnSuspend: true, | |||||
}) | }) | ||||
}, | }, | ||||
siteVid(e) {//切换视频 | siteVid(e) {//切换视频 | ||||
tt.showLoading({ | |||||
title: '加载中...', // 内容 | |||||
}); | |||||
let index = e.currentTarget.dataset.index | let index = e.currentTarget.dataset.index | ||||
let id = e.currentTarget.dataset.id | let id = e.currentTarget.dataset.id | ||||
this.getVideoUrl(id) | this.getVideoUrl(id) | ||||
@@ -125,6 +144,7 @@ Page({ | |||||
}) | }) | ||||
}, | }, | ||||
order() {//支付 | order() {//支付 | ||||
let _this = this | |||||
Http.post({//下订单 | Http.post({//下订单 | ||||
url: config.api.order, | url: config.api.order, | ||||
data: { | data: { | ||||
@@ -140,7 +160,6 @@ Page({ | |||||
orderId: res.data.id | orderId: res.data.id | ||||
} | } | ||||
}).then(item => { | }).then(item => { | ||||
console.log(item, "orderId"); | |||||
tt.pay({ | tt.pay({ | ||||
service: 5, | service: 5, | ||||
orderInfo: { | orderInfo: { | ||||
@@ -148,8 +167,37 @@ Page({ | |||||
order_token: item.data.token, | order_token: item.data.token, | ||||
}, | }, | ||||
success(res) { | success(res) { | ||||
console.log(res.code, Http.address, "支付成功回调code"); | |||||
let id = res.id | |||||
if (res.code === 0) { | if (res.code === 0) { | ||||
this.getData() | |||||
tt.request({ | |||||
url: Http.address + config.api.ifPayOk, // 目标服务器url | |||||
method: "post", | |||||
headers: { | |||||
"Content-Type": "application/json;charset=UTF-8", | |||||
token: app.globalData.token | |||||
}, | |||||
data: { | |||||
code: 0, | |||||
orderId: id | |||||
}, | |||||
success: (res) => { | |||||
_this.setData({ | |||||
goPayFlag:false | |||||
}) | |||||
_this.getData() | |||||
}, | |||||
fail: (err) => { | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
console.log("我失败; err", err); | |||||
_this.getData() | |||||
} | |||||
}); | |||||
tt.showToast({ | tt.showToast({ | ||||
title: '支付成功!', // 内容 | title: '支付成功!', // 内容 | ||||
}); | }); | ||||
@@ -161,13 +209,7 @@ Page({ | |||||
title: '支付超时', // 内容 | title: '支付超时', // 内容 | ||||
icon: "none" | icon: "none" | ||||
}); | }); | ||||
Http.post({ | |||||
url: config.api.ifPayOk, | |||||
data: { | |||||
code: 1, | |||||
orderId: res.data.id | |||||
} | |||||
}) | |||||
} else if (res.code === 2) { | } else if (res.code === 2) { | ||||
tt.showToast({ | tt.showToast({ | ||||
title: '支付失败', // 内容 | title: '支付失败', // 内容 | ||||
@@ -225,7 +267,7 @@ Page({ | |||||
time(e) { | time(e) { | ||||
let time = e.detail.currentTime.toFixed(0); | let time = e.detail.currentTime.toFixed(0); | ||||
if (!this.data.ifpay || this.data.data.view) {//已经支付过或免费 | if (!this.data.ifpay || this.data.data.view) {//已经支付过或免费 | ||||
if(this.data.data.columnCoupons){ | |||||
if (this.data.data.columnCoupons) {//判断有没有集数 | |||||
this.setData({ | this.setData({ | ||||
classNumber: this.data.data.columnCoupons.length | classNumber: this.data.data.columnCoupons.length | ||||
}) | }) | ||||
@@ -234,7 +276,7 @@ Page({ | |||||
} else {//需要付费或已支付 | } else {//需要付费或已支付 | ||||
let tempTime = "" //预览时间 | let tempTime = "" //预览时间 | ||||
if (this.data.data.columnCoupons) {//是不是集合 | if (this.data.data.columnCoupons) {//是不是集合 | ||||
this.setData({ | this.setData({ | ||||
classNumber: this.data.data.columnCoupons.length | classNumber: this.data.data.columnCoupons.length | ||||
}) | }) | ||||
@@ -267,7 +309,7 @@ Page({ | |||||
this.ifCollect() | this.ifCollect() | ||||
}).catch(err => { | }).catch(err => { | ||||
tt.showToast({ | tt.showToast({ | ||||
title: err.data, // 内容 | |||||
title: err.message, // 内容 | |||||
icon: "none" | icon: "none" | ||||
}); | }); | ||||
}) | }) | ||||
@@ -279,7 +321,7 @@ Page({ | |||||
this.ifCollect() | this.ifCollect() | ||||
}).catch(err => { | }).catch(err => { | ||||
tt.showToast({ | tt.showToast({ | ||||
title: err.data, // 内容 | |||||
title: err.message, // 内容 | |||||
icon: "none" | icon: "none" | ||||
}); | }); | ||||
}) | }) | ||||
@@ -295,16 +337,21 @@ Page({ | |||||
this.setData({ | this.setData({ | ||||
iscollect: res.data | iscollect: res.data | ||||
}) | }) | ||||
}).catch(err=>{ | |||||
this.setData({ | |||||
iscollect:false | |||||
}) | |||||
}) | }) | ||||
}, | }, | ||||
getData() {//订单详情 | |||||
getData() {//课程详情 | |||||
Http.get({ | Http.get({ | ||||
url: config.api.classDetails, | url: config.api.classDetails, | ||||
data: { id: this.data.id } | data: { id: this.data.id } | ||||
}).then(res => { | }).then(res => { | ||||
this.setData({ | this.setData({ | ||||
data: res.data, | data: res.data, | ||||
ifpay: res.data.isPayment | |||||
ifpay: res.data.isPayment, | |||||
columnIndex: res.data.type == 1 ? 0 : 1 | |||||
}) | }) | ||||
if (res.data.columnCoupons) { | if (res.data.columnCoupons) { | ||||
this.getVideoUrl(res.data.columnCoupons[0].videoId) | this.getVideoUrl(res.data.columnCoupons[0].videoId) | ||||
@@ -314,7 +361,7 @@ Page({ | |||||
}).catch(err => { | }).catch(err => { | ||||
tt.showToast({ | tt.showToast({ | ||||
title: err.data, // 内容 | |||||
title: err.messagea, // 内容 | |||||
icon: "none" | icon: "none" | ||||
}); | }); | ||||
}) | }) | ||||
@@ -326,10 +373,17 @@ Page({ | |||||
videoId: id | videoId: id | ||||
} | } | ||||
}).then(res => { | }).then(res => { | ||||
console.log(res); | |||||
this.setData({ | this.setData({ | ||||
mp4Url: res.data.videoUrl | mp4Url: res.data.videoUrl | ||||
}) | }) | ||||
tt.hideLoading(); | |||||
}).catch(err => { | |||||
t.hideLoading(); | |||||
tt.showToast({ | |||||
title: err.messagea, // 内容 | |||||
icon: "none" | |||||
}); | |||||
}) | }) | ||||
}, | }, | ||||
onReady() { | onReady() { | ||||
@@ -338,21 +392,54 @@ Page({ | |||||
}) | }) | ||||
}, | }, | ||||
onLoad(options) { | onLoad(options) { | ||||
if (options.id) { | |||||
this.setData({ | |||||
id: options.id, | |||||
classTitle:options.title | |||||
}) | |||||
this.ifCollect() | |||||
// this.getData() | |||||
if(app.globalData.token){ | |||||
if (options.id) { | |||||
this.setData({ | |||||
id: options.id, | |||||
classTitle: options.title | |||||
}) | |||||
this.ifCollect() | |||||
this.getData() | |||||
} | |||||
}else{ | |||||
app.tokenCallback = token =>{ | |||||
if (options.id) { | |||||
this.setData({ | |||||
id: options.id, | |||||
classTitle: options.title | |||||
}) | |||||
this.ifCollect() | |||||
this.getData() | |||||
} | |||||
} | |||||
} | } | ||||
}, | }, | ||||
onShow(){ | |||||
this.getData() | |||||
}, | |||||
onShareAppMessage: function () { | |||||
// return custom share data when user share. | |||||
onShow() { | |||||
}, | }, | ||||
onShareAppMessage: function (shareOption) { | |||||
console.log(this.data.data.dyTitle); | |||||
let that = this | |||||
if (shareOption.channel == 'video') { // 判断是是不是分享视频 | |||||
return { | |||||
channel: 'video', // 必写 video | |||||
// templateId: '', // 分享的模版 id (如果未设置就是默认,下面会说如何设置) | |||||
title: '知播堂', // 分享的标题 | |||||
// desc: '我是简介', // 分享的内容介绍目前没有用 | |||||
// path: `/pages/index/index`, // 分享的路径 | |||||
extra: { | |||||
videoTopics: ["知播堂", that.data.data.dyTitle] // 只有抖音才会有的属性 | |||||
}, | |||||
} | |||||
} else { // 右上角分享 | |||||
return { | |||||
templateId: '', //分享的模版 id | |||||
title: '', //分享的标题 | |||||
desc: '', // 分享的内容 | |||||
// path: ``, // 分享的路径 | |||||
} | |||||
} | |||||
}, | |||||
}) | }) |
@@ -1,6 +1,6 @@ | |||||
<view id="BoxBg" bindtap="hieaddCheck" > | <view id="BoxBg" bindtap="hieaddCheck" > | ||||
<view class="Box"> | <view class="Box"> | ||||
<navbar back text="{{classTitle}}" background="#0E1119" color="#fff"></navbar> | |||||
<navbar home back text="{{classTitle}}" background="#0E1119" color="#fff"></navbar> | |||||
<prompt bind:hie="cancel" url="/pages/order/order" tt:if="{{showHie}}" titil="提示" text="您有已存在的订单" assistant="取消" advocate="去查看"></prompt> | <prompt bind:hie="cancel" url="/pages/order/order" tt:if="{{showHie}}" titil="提示" text="您有已存在的订单" assistant="取消" advocate="去查看"></prompt> | ||||
<view style="height:{{navigationBarHeight}} "></view> | <view style="height:{{navigationBarHeight}} "></view> | ||||
<video id="myVideo" bindtimeupdate="time" controls="{{btnSuspend}}" src="{{mp4Url}}"></video> | <video id="myVideo" bindtimeupdate="time" controls="{{btnSuspend}}" src="{{mp4Url}}"></video> | ||||
@@ -36,13 +36,14 @@ | |||||
</view> | </view> | ||||
<!-- 未购买出现 --> | <!-- 未购买出现 --> | ||||
<!-- 购买出现 --> | <!-- 购买出现 --> | ||||
<view class="oh" tt:if="{{data.columnCoupons}}"> | |||||
<view class="oh " style="position: relative;" tt:if="{{data.columnCoupons}}"> | |||||
<view class="purchaseBox oh" > | <view class="purchaseBox oh" > | ||||
<view bindtap="siteVid" data-id="{{item.videoId}}" data-index="{{index}}" class="{{anthology==index?'anthology_a':'anthology'}} anthology" tt:for="{{data.columnCoupons}}"> | |||||
<view bindtap="siteVid" data-id="{{item.videoId}}" data-index="{{index}}" class="{{anthology==index?'anthology_a':'anthology'}} " tt:for="{{data.columnCoupons}}"> | |||||
<view class="anthologyItem">{{(index+1)+'.'+item.title}}</view> | <view class="anthologyItem">{{(index+1)+'.'+item.title}}</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<!-- <image class="more" bindtap="setShowPopup" src="{{imgHttps+'me_icon_jiantou.png'}}" mode="" /> --> | <!-- <image class="more" bindtap="setShowPopup" src="{{imgHttps+'me_icon_jiantou.png'}}" mode="" /> --> | ||||
<!-- <view class="shadow"></view> --> | |||||
</view> | </view> | ||||
<!-- 选集弹框 --> | <!-- 选集弹框 --> | ||||
<!-- <view class="compilationsBox oh" tt:if="{{showPopup}}"> | <!-- <view class="compilationsBox oh" tt:if="{{showPopup}}"> | ||||
@@ -77,17 +78,16 @@ | |||||
<!-- 购买出现 --> | <!-- 购买出现 --> | ||||
<view class="columnBox oh"> | <view class="columnBox oh"> | ||||
<view class=" {{columnIndex==0?'introduce columnB_a':'introduce'}}" bindtap="setColumnIndex" data-index="{{0}}"> | |||||
介绍 | |||||
</view> | |||||
<view class=" {{columnIndex==1?'catalogue columnB_a':'catalogue'}}" bindtap="setColumnIndex" data-index="{{1}}" tt:if="{{data.type==1}}"> | |||||
<view class=" {{columnIndex==0?'catalogue columnB_a':'catalogue'}}" bindtap="setColumnIndex" data-index="{{0}}" tt:if="{{data.type==1}}"> | |||||
<!-- 目录({{classNumber}}) --> | <!-- 目录({{classNumber}}) --> | ||||
目录 | 目录 | ||||
</view> | </view> | ||||
<view class=" {{columnIndex==1?'introduce columnB_a':'introduce'}}" bindtap="setColumnIndex" data-index="{{1}}"> | |||||
介绍 | |||||
</view> | |||||
</view> | </view> | ||||
<navigator url="/pages/UpHome/UpHome?id={{data.merchantId}}&name={{data.merchantName}}" open-type="" hover-class="className" class="userParticularsBox oh" tt:if="{{columnIndex==0}}"> | |||||
<!-- 介绍 --> | |||||
<navigator url="/pages/UpHome/UpHome?id={{data.merchantId}}&name={{data.merchantName}}" open-type="" hover-class="className" class="userParticularsBox oh" tt:if="{{columnIndex==1}}"> | |||||
<view class="userBox oh" > | <view class="userBox oh" > | ||||
<image class="userLogo" src="{{data.merchantPic}}" mode="" /> | <image class="userLogo" src="{{data.merchantPic}}" mode="" /> | ||||
<view class="userNameBox oh"> | <view class="userNameBox oh"> | ||||
@@ -107,11 +107,30 @@ | |||||
</view> | </view> | ||||
<view class="userDescribe">{{data.author.introduction}}</view> | <view class="userDescribe">{{data.author.introduction}}</view> | ||||
</navigator> | </navigator> | ||||
<view class="richtextBox" tt:if="{{columnIndex==0}}"> | |||||
<view class="richtextBox" tt:if="{{columnIndex==1}}"> | |||||
<rich-text class="rich_text" nodes="{{data.html}}"></rich-text> | <rich-text class="rich_text" nodes="{{data.html}}"></rich-text> | ||||
</view> | </view> | ||||
<view tt:if="{{columnIndex==1}}" class="catalogueBox"> | |||||
<view class="purchaseNotes" tt:if="{{columnIndex==1}}"> | |||||
<view class="purchaseTitleBox"> | |||||
<view class="purchaseTitle">购买须知</view> | |||||
<view class="purchaseXian"></view> | |||||
</view> | |||||
<view class="issueBox"> | |||||
<view class="issueTitle">如何观看以购买的课程?</view> | |||||
<view class="answerBox"> | |||||
<view class="answer">您可以点击知播堂小程序底部的“课程”按钮学习已经购买的课程。</view> | |||||
</view> | |||||
</view> | |||||
<view class="issueBox"> | |||||
<view class="issueTitle">课程是否可以退款?</view> | |||||
<view class="answerBox"> | |||||
<view class="answer">知播堂的全部课程均属虚拟商品,购买后无特殊情况不支持退款,请在购买前预览并慎重购买,如课程存在内容与描述不符、违规行为,您有权自行联系老师,并向老师提出退款。</view> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<!--/ 介绍 --> | |||||
<!-- 目录 --> | |||||
<view tt:if="{{columnIndex==0}}" class="catalogueBox"> | |||||
<view class="titleImgBox oh"> | <view class="titleImgBox oh"> | ||||
<image src="{{imgHttps+'details_icon_kcfj.png'}}" mode="" class="h3Img"/> | <image src="{{imgHttps+'details_icon_kcfj.png'}}" mode="" class="h3Img"/> | ||||
<view class="h3">课程分集</view> | <view class="h3">课程分集</view> | ||||
@@ -127,29 +146,36 @@ | |||||
<view class="then" tt:if="{{anthology==index}}">正在播放</view> | <view class="then" tt:if="{{anthology==index}}">正在播放</view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<image class="try" src="{{imgHttps+'details_ml_sk.png'}}" mode="" tt:if="{{anthology==index}}"/> | |||||
<image class="shuo" src="{{imgHttps+'details_ml_wgm.png'}}" mode="" tt:if="{{anthology==!index}}"/> | |||||
<!-- <image class="try" src="{{imgHttps+'details_ml_sk.png'}}" mode="" tt:if="{{!data.view&&anthology==index}}"/> | |||||
<image class="shuo" src="{{imgHttps+'details_ml_wgm.png'}}" mode="" tt:if="{{anthology==!index}}"/> --> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="hit"></view> | <view class="hit"></view> | ||||
<image catchtap="addCheck" class="add" src="{{imgHttps+'details_bat_xf_zk.png'}}" mode="" tt:if="{{addFlag}}"/> | <image catchtap="addCheck" class="add" src="{{imgHttps+'details_bat_xf_zk.png'}}" mode="" tt:if="{{addFlag}}"/> | ||||
<!-- 入驻 挂载 --> | |||||
<view class="addBox {{extraClasses}} oh"> | <view class="addBox {{extraClasses}} oh"> | ||||
<!-- <navigator url="" class="goruzu oh"> | |||||
<image src="{{imgHttps+'details_xf_ic_fbsp.png'}}" mode="" class="video"/> | |||||
<view class="issue">发布视频</view> | |||||
</navigator> --> | |||||
<!-- <view class="xian"></view> --> | |||||
<view class="goruzu oh"> | |||||
<button class="mount oh" open-type="share" data-channel="video"> | |||||
<image src="{{imgHttps+'details_xf_ic_fbsp.png'}}" mode="" class="video"/> | |||||
<view class="issue">发布视频</view> | |||||
</button> | |||||
</view> | |||||
<view class="xian"></view> | |||||
<navigator url="/pages/upEnter/upEnter" class="goruzu oh"> | <navigator url="/pages/upEnter/upEnter" class="goruzu oh"> | ||||
<image src="{{imgHttps+'details_xf_ic_sqrz.png'}}" mode="" class="checkImg"/> | <image src="{{imgHttps+'details_xf_ic_sqrz.png'}}" mode="" class="checkImg"/> | ||||
<view class="issue" url="/pages/upEnter/upEnter">申请入驻</view> | <view class="issue" url="/pages/upEnter/upEnter">申请入驻</view> | ||||
</navigator> | </navigator> | ||||
</view> | </view> | ||||
<!-- 分享 咨询 购买 --> | |||||
<view class="shareBox oh"> | <view class="shareBox oh"> | ||||
<image class="shareImg" src="{{imgHttps+'details_bat_fx.png'}}" mode=""/> | <image class="shareImg" src="{{imgHttps+'details_bat_fx.png'}}" mode=""/> | ||||
<button class="service" open-type="share"> 分享 </button> | <button class="service" open-type="share"> 分享 </button> | ||||
<view class="xuxian"></view> | |||||
<image class="consult" src="{{imgHttps+'details_bat_zx.png'}}" mode=""/> | |||||
<view class="xuxian"></view> | |||||
<image class="consult" src="{{imgHttps+'details_bat_zx.png'}}" mode=""/> | |||||
<button class="service" open-type="contact" > 咨询 </button> | <button class="service" open-type="contact" > 咨询 </button> | ||||
<view class="shopping" bindtap="goPay" tt:if="{{ifPay!='ios'&&!data.view}}">¥{{data.salePriceStr}}</view> | <view class="shopping" bindtap="goPay" tt:if="{{ifPay!='ios'&&!data.view}}">¥{{data.salePriceStr}}</view> | ||||
<view class="nOshopping" bindtap="showIos" tt:if="{{ifPay=='ios'&&!data.view}}">¥{{data.salePriceStr}}</view> | <view class="nOshopping" bindtap="showIos" tt:if="{{ifPay=='ios'&&!data.view}}">¥{{data.salePriceStr}}</view> | ||||
</view> | </view> | ||||
@@ -50,7 +50,7 @@ | |||||
} | } | ||||
.title{ | .title{ | ||||
color: #ffffff; | color: #ffffff; | ||||
font-size: 36rpx; | |||||
font-size: 32rpx; | |||||
font-family: PingFang SC; | font-family: PingFang SC; | ||||
font-weight: bold; | font-weight: bold; | ||||
height: 40rpx; | height: 40rpx; | ||||
@@ -126,19 +126,25 @@ | |||||
font-weight: 800; | font-weight: 800; | ||||
color: #FFFFFF; | color: #FFFFFF; | ||||
font-size: 32rpx; | font-size: 32rpx; | ||||
margin-left: 20rpx; | |||||
margin: 0 20rpx; | |||||
border-bottom: 4rpx solid #07E881; | border-bottom: 4rpx solid #07E881; | ||||
padding-bottom: 6rpx; | padding-bottom: 6rpx; | ||||
} | } | ||||
.introduce{ | .introduce{ | ||||
float: left; | float: left; | ||||
font-family: OPPOSans; | font-family: OPPOSans; | ||||
margin: 20rpx 40px; | |||||
padding: 20rpx 20px; | |||||
margin-left: 50rpx; | |||||
font-size: 30rpx; | |||||
font-weight: 500; | |||||
} | } | ||||
.catalogue{ | .catalogue{ | ||||
font-family: OPPOSans; | font-family: OPPOSans; | ||||
float: left; | float: left; | ||||
margin: 20rpx 40rpx; | |||||
padding: 20rpx 20px; | |||||
margin: 0 20rpx; | |||||
font-size: 30rpx; | |||||
font-weight: 500; | |||||
} | } | ||||
.userParticularsBox{ | .userParticularsBox{ | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
@@ -227,7 +233,7 @@ | |||||
} | } | ||||
.addBox-moved { | .addBox-moved { | ||||
left: 50%; | |||||
left: 5%; | |||||
} | } | ||||
@keyframes addBox-ani { | @keyframes addBox-ani { | ||||
@@ -258,8 +264,7 @@ | |||||
width: 70rpx; | width: 70rpx; | ||||
height: 70rpx; | height: 70rpx; | ||||
float: left; | float: left; | ||||
/* margin-left: 80rpx; */ | |||||
margin-left: 10rpx; | |||||
margin-left: 80rpx; | |||||
margin-top: 10rpx; | margin-top: 10rpx; | ||||
} | } | ||||
.issue{ | .issue{ | ||||
@@ -285,7 +290,7 @@ | |||||
position: fixed; | position: fixed; | ||||
left: 0; | left: 0; | ||||
bottom: 0; | bottom: 0; | ||||
height: 120rpx; | |||||
height: 100rpx; | |||||
background: #141928; | background: #141928; | ||||
} | } | ||||
.shareImg{ | .shareImg{ | ||||
@@ -293,7 +298,7 @@ | |||||
float: left; | float: left; | ||||
width: 40rpx; | width: 40rpx; | ||||
height: 40rpx; | height: 40rpx; | ||||
margin-top: 20rpx; | |||||
margin-top: 25rpx; | |||||
margin-left: 40rpx; | margin-left: 40rpx; | ||||
} | } | ||||
.shareText{ | .shareText{ | ||||
@@ -318,13 +323,13 @@ | |||||
float: left; | float: left; | ||||
width: 40rpx; | width: 40rpx; | ||||
height: 40rpx; | height: 40rpx; | ||||
margin-top: 20rpx; | |||||
margin-top: 25rpx; | |||||
margin-left: 40rpx; | margin-left: 40rpx; | ||||
line-height: 40rpx; | line-height: 40rpx; | ||||
} | } | ||||
.service{ | .service{ | ||||
float: left; | float: left; | ||||
margin-top: 10rpx; | |||||
margin-top: 25rpx; | |||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
color: #ffffff; | color: #ffffff; | ||||
width: 100rpx; | width: 100rpx; | ||||
@@ -340,27 +345,29 @@ | |||||
height: 100%; | height: 100%; | ||||
} | } | ||||
.shopping{ | .shopping{ | ||||
height: 90rpx; | |||||
line-height: 90rpx; | |||||
margin-top: 15rpx; | |||||
height: 80rpx; | |||||
line-height: 80rpx; | |||||
text-align: center; | text-align: center; | ||||
float: left; | float: left; | ||||
padding: 0 60rpx; | padding: 0 60rpx; | ||||
background: linear-gradient(-4deg, #4EE09D, #02C96E); | background: linear-gradient(-4deg, #4EE09D, #02C96E); | ||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
margin-left: 30rpx; | |||||
margin-left: 80rpx; | |||||
color: #FFFFFF; | color: #FFFFFF; | ||||
font-size: 36rpx; | |||||
font-size: 32rpx; | |||||
font-family: OPPOSans; | font-family: OPPOSans; | ||||
} | } | ||||
.nOshopping{ | .nOshopping{ | ||||
height: 90rpx; | |||||
line-height: 90rpx; | |||||
margin-top: 15rpx; | |||||
height: 80rpx; | |||||
line-height: 80rpx; | |||||
text-align: center; | text-align: center; | ||||
float: left; | float: left; | ||||
padding: 0 60rpx; | padding: 0 60rpx; | ||||
background-color: rgba(255, 255, 255, 0.1); | background-color: rgba(255, 255, 255, 0.1); | ||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
margin-left: 10rpx; | |||||
margin-left: 80rpx; | |||||
color: #FFFFFF; | color: #FFFFFF; | ||||
font-size: 32rpx; | font-size: 32rpx; | ||||
font-family: OPPOSans; | font-family: OPPOSans; | ||||
@@ -382,9 +389,10 @@ | |||||
margin: 40rpx 20rpx; | margin: 40rpx 20rpx; | ||||
} | } | ||||
.transmitImg{ | .transmitImg{ | ||||
width: 100rpx; | |||||
height: 100rpx; | |||||
width: 70rpx; | |||||
height: 70rpx; | |||||
float: left; | float: left; | ||||
margin: 15rpx auto; | |||||
} | } | ||||
.timeBox{ | .timeBox{ | ||||
float: left; | float: left; | ||||
@@ -448,61 +456,72 @@ | |||||
.hit{ | .hit{ | ||||
height: 120rpx; | height: 120rpx; | ||||
} | } | ||||
/* .shadow{ | |||||
position: absolute; | |||||
right: 0; | |||||
top: 20px; | |||||
height: 80rpx; | |||||
width: 120rpx; | |||||
} */ | |||||
.purchaseBox{ | .purchaseBox{ | ||||
float: left; | float: left; | ||||
width: 90%; | |||||
overflow: hidden; | |||||
width: 96%; | |||||
overflow-y: hidden; | overflow-y: hidden; | ||||
overflow-x: auto; | overflow-x: auto; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
display:-webkit-box; | |||||
-webkit-box-orient:horizontal; | |||||
margin-top: 20rpx; | margin-top: 20rpx; | ||||
height: 70rpx; | |||||
margin-left: 2%; | |||||
height: 120rpx; | |||||
} | } | ||||
.purchaseBox::-webkit-scrollbar { | .purchaseBox::-webkit-scrollbar { | ||||
display: none; | display: none; | ||||
} | } | ||||
.anthology_a{ | .anthology_a{ | ||||
width: 220rpx; | width: 220rpx; | ||||
padding: 10rpx 20rpx; | |||||
border-radius: 50rpx; | |||||
text-align: center; | |||||
border: 1rpx solid #ffffff; | |||||
color: #FFFFFF; | |||||
height: 70rpx; | |||||
padding: 10rpx 10rpx; | |||||
border-radius: 20rpx; | |||||
border: 1rpx solid #07E881; | |||||
color: #07E881; | |||||
display: inline-block; | display: inline-block; | ||||
text-align: center; | text-align: center; | ||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
overflow:hidden; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
} | } | ||||
.anthology{ | .anthology{ | ||||
width: 220rpx; | width: 220rpx; | ||||
padding: 10rpx 20rpx; | |||||
border-radius: 50rpx; | |||||
text-align: center; | |||||
display: inline-block; | |||||
border: 1rpx solid #7A8399; | |||||
color: #7A8399;; | |||||
margin-left: 20rpx; | |||||
margin-top: 20rpx 0; | |||||
} | |||||
.anthology_a{ | |||||
width: 220rpx; | |||||
padding: 10rpx 20rpx; | |||||
border-radius: 50rpx; | |||||
padding: 10rpx 10rpx; | |||||
border-radius: 20rpx; | |||||
text-align: center; | text-align: center; | ||||
display: inline-block; | display: inline-block; | ||||
border: 1rpx solid #7A8399; | border: 1rpx solid #7A8399; | ||||
color: #ffffff;; | |||||
color: #7A8399; | |||||
height: 70rpx; | |||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
margin-top: 20rpx 0; | margin-top: 20rpx 0; | ||||
overflow:hidden; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
} | } | ||||
.anthologyItem{ | .anthologyItem{ | ||||
text-align: c; | |||||
width: 220rpx; | width: 220rpx; | ||||
/* height: 70rpx; */ | |||||
overflow:hidden; | overflow:hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
display:-webkit-box; | display:-webkit-box; | ||||
-webkit-box-orient:vertical; | -webkit-box-orient:vertical; | ||||
-webkit-line-clamp:1; | |||||
-webkit-line-clamp:2; | |||||
font-size: 24rpx; | |||||
/* text-indent: 0; */ | |||||
} | } | ||||
.more{ | .more{ | ||||
width: 20rpx; | width: 20rpx; | ||||
@@ -606,4 +625,60 @@ | |||||
-webkit-box-orient:vertical; | -webkit-box-orient:vertical; | ||||
-webkit-line-clamp:1; | -webkit-line-clamp:1; | ||||
margin-top: 10rpx; | margin-top: 10rpx; | ||||
} | |||||
} | |||||
.purchaseTitle{ | |||||
color: #ffffff; | |||||
font-size: 32rpx; | |||||
font-family: PingFang SC; | |||||
font-weight: bold; | |||||
padding: 10rpx 0; | |||||
} | |||||
.purchaseXian{ | |||||
width: 60rpx; | |||||
height: 5rpx; | |||||
margin-left: 4rpx; | |||||
background-color: #ffffff; | |||||
} | |||||
.issueBox{ | |||||
width: 96%; | |||||
/* padding: 20rpx; */ | |||||
background-color: #111827; | |||||
margin: 20rpx auto; | |||||
overflow: hidden; | |||||
border-radius: 20rpx; | |||||
} | |||||
.issueTitle{ | |||||
font-size: 30rpx; | |||||
color: #ffffff; | |||||
font-family: PingFang SC; | |||||
margin: 20rpx 20rpx 10rpx 20rpx; | |||||
} | |||||
.answer{ | |||||
color: #535E75; | |||||
font-size: 24rpx; | |||||
margin: 10rpx 20rpx 20rpx 20rpx; | |||||
} | |||||
.answer::before{ | |||||
content: "´ð£º"; | |||||
color: #07E881; | |||||
} | |||||
button::after { | |||||
border: none; | |||||
} | |||||
button { | |||||
background-color: transparent; | |||||
padding-left: 0; | |||||
padding-right: 0; | |||||
line-height:inherit; | |||||
} | |||||
button { | |||||
border-radius:0; | |||||
} |
@@ -123,7 +123,7 @@ | |||||
</view> | </view> | ||||
</navigator> | </navigator> | ||||
<view class="noDataBox" tt:if="{{list.length==0}}" > | <view class="noDataBox" tt:if="{{list.length==0}}" > | ||||
<image class="noDataImg" src="{{imgHttps+'no_favorite.png'}}" mode="" /> | |||||
<image class="noDataImg" src="{{imgHttps+'no_content.png'}}" mode="" /> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -240,6 +240,7 @@ | |||||
.noDataImg{ | .noDataImg{ | ||||
width: 500rpx; | width: 500rpx; | ||||
height: 400rpx; | height: 400rpx; | ||||
margin-top: 200rpx; | |||||
} | } | ||||
.instrumentBox{ | .instrumentBox{ | ||||
width: 100%; | width: 100%; | ||||
@@ -1,224 +1,237 @@ | |||||
const app = getApp() | const app = getApp() | ||||
const config = require("../../config/config") | const config = require("../../config/config") | ||||
const Http = require("../../utils/HttpBasics.js") | const Http = require("../../utils/HttpBasics.js") | ||||
const navigationBarHeight = (getApp().statusBarHeight + 44)+"px" | |||||
const navigationBarHeight = (getApp().statusBarHeight + 44) + "px" | |||||
const convert = require("../../utils/util.js") | |||||
Page({ | Page({ | ||||
data: { | data: { | ||||
imgHttps:app.globalData.imgHttps, | |||||
column:[], | |||||
topFlag:0, | |||||
swiperLsit:[], | |||||
inputValue:'', | |||||
imgHttps: app.globalData.imgHttps, | |||||
column: [], | |||||
topFlag: 0, | |||||
swiperLsit: [], | |||||
inputValue: '', | |||||
navigationBarHeight, | navigationBarHeight, | ||||
deyList:[],//今天推荐 | |||||
deyPageNum:1, | |||||
classLsit:[],//精选类容 | |||||
classpageNum:1, | |||||
autho:[],//推荐作者 | |||||
authoPageNum:1, | |||||
rankingList:[],//热门排行 | |||||
rankingPageNum:1, | |||||
deyList: [],//今天推荐 | |||||
deyPageNum: 1, | |||||
classLsit: [],//精选类容 | |||||
classpageNum: 1, | |||||
autho: [],//推荐作者 | |||||
authoPageNum: 1, | |||||
rankingList: [],//热门排行 | |||||
rankingPageNum: 1, | |||||
}, | }, | ||||
goXq(e){//跳转详情 | |||||
goXq(e) {//跳转详情 | |||||
let id = e.currentTarget.dataset.id | let id = e.currentTarget.dataset.id | ||||
let title = e.currentTarget.dataset.title | let title = e.currentTarget.dataset.title | ||||
tt.navigateTo({ | tt.navigateTo({ | ||||
url: `/pages/classDetails/classDetails?id=${id}&title=${title}` // 指定页面的url | url: `/pages/classDetails/classDetails?id=${id}&title=${title}` // 指定页面的url | ||||
}); | }); | ||||
}, | }, | ||||
goPublicity(e){ | |||||
goPublicity(e) { | |||||
let id = e.currentTarget.dataset.id | let id = e.currentTarget.dataset.id | ||||
let type = e.currentTarget.dataset.type | let type = e.currentTarget.dataset.type | ||||
tt.navigateTo({ | tt.navigateTo({ | ||||
url: `/pages/publicity/publicity?id=${id}&type=${type}` // 指定页面的url | url: `/pages/publicity/publicity?id=${id}&type=${type}` // 指定页面的url | ||||
}); | }); | ||||
}, | }, | ||||
getNweDataLsit(){//今天推荐 | |||||
getNweDataLsit() {//今天推荐 | |||||
Http.get({ | Http.get({ | ||||
url:config.api.columnLsit, | |||||
data:{ | |||||
pageNum:this.data.deyPageNum, | |||||
pageSize:4, | |||||
sortOrder:"desc" | |||||
} | |||||
}).then(res=>{ | |||||
let temp = this.data.list | |||||
if(this.data.pageNum>1){ | |||||
temp.push(...res.data.list) | |||||
}else{ | |||||
temp = res.data.list | |||||
} | |||||
this.setData({ | |||||
deyList:temp | |||||
}) | |||||
}).catch(err=>{ | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
url: config.api.columnLsit, | |||||
data: { | |||||
pageNum: this.data.deyPageNum, | |||||
pageSize: 4, | |||||
sortOrder: "desc" | |||||
} | |||||
}).then(res => { | |||||
let temp = this.data.list | |||||
if (this.data.pageNum > 1) { | |||||
temp.push(...res.data.list) | |||||
} else { | |||||
temp = res.data.list | |||||
} | |||||
temp.map(item => { | |||||
item.popularity = convert.moodsText(item.popularity) | |||||
}) | |||||
this.setData({ | |||||
deyList: temp | |||||
}) | |||||
}).catch(err => { | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
}) | }) | ||||
}, | }, | ||||
getSwiperLsit(){//获取轮播图 | |||||
getSwiperLsit() {//获取轮播图 | |||||
Http.get({ | Http.get({ | ||||
url:config.api.getPublicity, | |||||
data:{ | |||||
pageSize:7, | |||||
pageNum:1 | |||||
url: config.api.getPublicity, | |||||
data: { | |||||
pageSize: 7, | |||||
pageNum: 1 | |||||
} | } | ||||
}).then(res=>{ | |||||
console.log(res.data,"轮播图"); | |||||
}).then(res => { | |||||
console.log(res.data, "轮播图"); | |||||
this.setData({ | this.setData({ | ||||
swiperLsit:res.data.list | |||||
swiperLsit: res.data.list | |||||
}) | }) | ||||
}).catch(err=>{ | |||||
}).catch(err => { | |||||
tt.showToast({ | tt.showToast({ | ||||
title: err.message, // 内容 | title: err.message, // 内容 | ||||
icon: "none" | icon: "none" | ||||
}); | }); | ||||
}) | }) | ||||
}, | }, | ||||
getClassLsit(){//精选课程 | |||||
getClassLsit() {//精选课程 | |||||
Http.get({ | Http.get({ | ||||
url:config.api.columnLsit, | |||||
data:{ | |||||
pageNum:this.data.classpageNum, | |||||
pageSize:3, | |||||
mark:1, | |||||
sortColumn: "markTime", | |||||
sortOrder: "desc" | |||||
} | |||||
}).then(res=>{ | |||||
let temp = this.data.list | |||||
if(this.data.pageNum>1){ | |||||
temp.push(...res.data.list) | |||||
}else{ | |||||
temp = res.data.list | |||||
} | |||||
this.setData({ | |||||
classLsit:temp | |||||
}) | |||||
}).catch(err=>{ | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
url: config.api.columnLsit, | |||||
data: { | |||||
pageNum: this.data.classpageNum, | |||||
pageSize: 3, | |||||
mark: 1, | |||||
sortColumn: "markTime", | |||||
sortOrder: "desc" | |||||
} | |||||
}).then(res => { | |||||
let temp = this.data.list | |||||
if (this.data.pageNum > 1) { | |||||
temp.push(...res.data.list) | |||||
} else { | |||||
temp = res.data.list | |||||
} | |||||
temp.map(item => { | |||||
item.popularity = convert.moodsText(item.popularity) | |||||
}) | |||||
this.setData({ | |||||
classLsit: temp | |||||
}) | |||||
}).catch(err => { | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
}) | }) | ||||
}, | }, | ||||
getRanking(){//排行榜 | |||||
getRanking() {//排行榜 | |||||
Http.get({ | Http.get({ | ||||
url:config.api.columnLsit, | |||||
data:{ | |||||
pageNum:this.data.rankingPageNum, | |||||
pageSize:6, | |||||
sortColumn:"popularity", | |||||
sortOrder:"desc" | |||||
} | |||||
}).then(res=>{ | |||||
let temp = this.data.list | |||||
if(this.data.pageNum>1){ | |||||
temp.push(...res.data.list) | |||||
}else{ | |||||
temp = res.data.list | |||||
} | |||||
this.setData({ | |||||
rankingList:temp | |||||
}) | |||||
}).catch(err=>{ | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
url: config.api.columnLsit, | |||||
data: { | |||||
pageNum: this.data.rankingPageNum, | |||||
pageSize: 6, | |||||
sortColumn: "popularity", | |||||
sortOrder: "desc" | |||||
} | |||||
}).then(res => { | |||||
let temp = this.data.list | |||||
if (this.data.pageNum > 1) { | |||||
temp.push(...res.data.list) | |||||
} else { | |||||
temp = res.data.list | |||||
} | |||||
temp.map(item => { | |||||
item.popularity = convert.moodsText(item.popularity) | |||||
}) | |||||
this.setData({ | |||||
rankingList: temp | |||||
}) | |||||
}).catch(err => { | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
}) | }) | ||||
}, | |||||
getAuthor(){//推荐作者 | |||||
}, | |||||
getAuthor() {//推荐作者 | |||||
Http.get({ | Http.get({ | ||||
url:config.api.getAuthor, | |||||
data:{ | |||||
pageNum:this.data.authoPageNum, | |||||
pageSize:4, | |||||
mark:1, | |||||
url: config.api.getAuthor, | |||||
data: { | |||||
pageNum: this.data.authoPageNum, | |||||
pageSize: 4, | |||||
mark: 1, | |||||
sortColumn: "markTime", | sortColumn: "markTime", | ||||
sortOrder: "desc" | sortOrder: "desc" | ||||
} | } | ||||
}).then(res=>{ | |||||
let text ="" | |||||
let arr=res.data.list | |||||
}).then(res => { | |||||
if(res.data.list[0].businessTypes){ | |||||
let arr = res.data.list | |||||
if (arr.length == 0) return | |||||
arr.map(item1=>{ | |||||
JSON.parse(item1.businessTypes).map(item2=>{ | |||||
text += " "+item2.title | |||||
if (res.data.list[0].businessTypes) { | |||||
arr.map(item1 => { | |||||
let text = "" | |||||
JSON.parse(item1.businessTypes).map(item2 => { | |||||
text += " " + item2.title | |||||
}) | }) | ||||
item1.authoRemark = text | item1.authoRemark = text | ||||
}) | }) | ||||
} | } | ||||
console.log(arr); | console.log(arr); | ||||
this.setData({ | this.setData({ | ||||
autho:arr, | |||||
autho: arr, | |||||
}) | }) | ||||
}) | }) | ||||
}, | }, | ||||
search(){ | |||||
search() { | |||||
console.log(this.data.inputValue); | console.log(this.data.inputValue); | ||||
}, | }, | ||||
setTopFlag(e){ | |||||
let index = e.currentTarget.dataset.index | |||||
setTopFlag(e) { | |||||
let index = e.currentTarget.dataset.index | |||||
let itemId = e.currentTarget.dataset.itemid | let itemId = e.currentTarget.dataset.itemid | ||||
console.log(itemId); | console.log(itemId); | ||||
this.setData({ | this.setData({ | ||||
topFlag:index | |||||
topFlag: index | |||||
}) | }) | ||||
tt.navigateTo({ | tt.navigateTo({ | ||||
url: `/pages/category/category?itemId=${itemId}` // 指定页面的url | url: `/pages/category/category?itemId=${itemId}` // 指定页面的url | ||||
}); | |||||
}); | |||||
}, | }, | ||||
getColumn(){ | |||||
getColumn() { | |||||
Http.get({ | Http.get({ | ||||
url:config.api.getColumn | |||||
}).then(res=>{ | |||||
let tempData = res.data | |||||
tempData.unshift({ | |||||
id:"", | |||||
title:"推荐" | |||||
}) | |||||
url: config.api.getColumn | |||||
}).then(res => { | |||||
let tempData = res.data | |||||
tempData.unshift({ | |||||
id: "", | |||||
title: "推荐" | |||||
}) | |||||
this.setData({ | this.setData({ | ||||
column:tempData | |||||
column: tempData | |||||
}) | }) | ||||
}).catch(err=>{ | |||||
tt.showToast({ | |||||
title: err.data, // 内容 | |||||
}); | |||||
}).catch(err => { | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
}); | |||||
}) | }) | ||||
}, | |||||
getWeapNote(){//初始化 | |||||
if (app.globalData.token){//登录 | |||||
this.getColumn() | |||||
this.getNweDataLsit() | |||||
this.getClassLsit() | |||||
this.getRanking() | |||||
this.getAuthor() | |||||
this.getSwiperLsit() | |||||
}else{//未登录 | |||||
app.tokenCallback = token => { | |||||
}, | |||||
onLoad: function () { | |||||
if (app.globalData.token) { | |||||
this.getColumn() | this.getColumn() | ||||
this.getNweDataLsit() | this.getNweDataLsit() | ||||
this.getClassLsit() | this.getClassLsit() | ||||
this.getRanking() | this.getRanking() | ||||
this.getAuthor() | this.getAuthor() | ||||
this.getSwiperLsit() | this.getSwiperLsit() | ||||
} else { | |||||
app.tokenCallback = token => { | |||||
this.getColumn() | |||||
this.getNweDataLsit() | |||||
this.getClassLsit() | |||||
this.getRanking() | |||||
this.getAuthor() | |||||
this.getSwiperLsit() | |||||
} | |||||
} | } | ||||
} | |||||
}, | |||||
onLoad: function () { | |||||
this.getWeapNote() | |||||
}, | }, | ||||
onPullDownRefresh() { | onPullDownRefresh() { | ||||
this.getColumn() | this.getColumn() | ||||
this.getNweDataLsit() | this.getNweDataLsit() | ||||
@@ -4,5 +4,4 @@ | |||||
"navbar": "../../components/navbar/navbar" | "navbar": "../../components/navbar/navbar" | ||||
}, | }, | ||||
"enablePullDownRefresh": true | "enablePullDownRefresh": true | ||||
} | } |
@@ -33,14 +33,14 @@ | |||||
</view> | </view> | ||||
<view class="columnBox"> | <view class="columnBox"> | ||||
<navigator class="columnItem" target="" url="/pages/ranking/ranking?type=1&titilText=最新上架" hover-class="navigator-hover" open-type="navigate"> | <navigator class="columnItem" target="" url="/pages/ranking/ranking?type=1&titilText=最新上架" hover-class="navigator-hover" open-type="navigate"> | ||||
<image src="{{imgHttps+'home_nav_ic_zxsj.png'}}" class="columnImg" style="width: 90%; height: 70%; margin: 0 5%;"> | |||||
<image src="{{imgHttps+'home_nav_ic_zxsj.png'}}" class="columnImg"> | |||||
</image> | </image> | ||||
<view class="columnText"> | <view class="columnText"> | ||||
最新上架 | 最新上架 | ||||
</view> | </view> | ||||
</navigator> | </navigator> | ||||
<navigator class="columnItem" target="" url="/pages/ranking/ranking?type=2&titilText=精选课程" hover-class="navigator-hover" open-type="navigate"> | <navigator class="columnItem" target="" url="/pages/ranking/ranking?type=2&titilText=精选课程" hover-class="navigator-hover" open-type="navigate"> | ||||
<image src="{{imgHttps+'home_nav_ic_jxkc.png'}}" class="columnImg" style="width: 90%; height: 70%; margin: 0 5%;"> | |||||
<image src="{{imgHttps+'home_nav_ic_jxkc.png'}}" class="columnImg" > | |||||
</image> | </image> | ||||
<view class="columnText"> | <view class="columnText"> | ||||
精选课程 | 精选课程 | ||||
@@ -48,7 +48,7 @@ | |||||
</navigator> | </navigator> | ||||
<navigator class="columnItem" target="" url="/pages/ranking/ranking?type=3&titilText=排行榜" hover-class="navigator-hover" | <navigator class="columnItem" target="" url="/pages/ranking/ranking?type=3&titilText=排行榜" hover-class="navigator-hover" | ||||
open-type="navigate"> | open-type="navigate"> | ||||
<image src="{{imgHttps+'home_nav_ic_phb.png'}}" class="columnImg" style="width: 90%; height: 70%; margin: 0 5%;"> | |||||
<image src="{{imgHttps+'home_nav_ic_phb.png'}}" class="columnImg" > | |||||
</image> | </image> | ||||
<view class="columnText"> | <view class="columnText"> | ||||
排行榜 | 排行榜 | ||||
@@ -56,7 +56,7 @@ | |||||
</navigator> | </navigator> | ||||
<navigator class="columnItem" target="" url="/pages/category/category" hover-class="navigator-hover" | <navigator class="columnItem" target="" url="/pages/category/category" hover-class="navigator-hover" | ||||
open-type="navigate"> | open-type="navigate"> | ||||
<image src="{{imgHttps+'home_nav_ic_qbfl.png'}}" class="columnImg" style="width: 90%; height: 70%; margin: 0 5%;"> | |||||
<image src="{{imgHttps+'home_nav_ic_qbfl.png'}}" class="columnImg" > | |||||
</image> | </image> | ||||
<view class="columnText"> | <view class="columnText"> | ||||
全部分类 | 全部分类 | ||||
@@ -67,7 +67,7 @@ | |||||
<view class="deyBox" tt:if="{{deyList.length!=0}}"> | <view class="deyBox" tt:if="{{deyList.length!=0}}"> | ||||
<view class="deyTitleBox"> | <view class="deyTitleBox"> | ||||
<image class="deyTitleImg" src="{{imgHttps+'home_tab_ic_jrtj.png'}}" | <image class="deyTitleImg" src="{{imgHttps+'home_tab_ic_jrtj.png'}}" | ||||
mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /> | |||||
mode="" lazy-load="false" binderror="" bindload="" /> | |||||
<view class="deyTitle"> | <view class="deyTitle"> | ||||
今日推荐 | 今日推荐 | ||||
</view> | </view> | ||||
@@ -83,7 +83,7 @@ | |||||
</view> | </view> | ||||
<view class="itemTitle"> | <view class="itemTitle"> | ||||
投资者-周期 | |||||
{{item.title}} | |||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -113,7 +113,7 @@ | |||||
<view class="commodityImg"> | <view class="commodityImg"> | ||||
<image class="classBoxImg" src="{{item.coverImg}}" mode="" /> | <image class="classBoxImg" src="{{item.coverImg}}" mode="" /> | ||||
<view class="newPopularity oh"> | <view class="newPopularity oh"> | ||||
<image class="popularityImg" style="margin-left: 50rpx;" src="{{imgHttps+'home_ic_renq.png'}}" | |||||
<image class="popularityImg" style="margin-left: 30rpx;" src="{{imgHttps+'home_ic_renq.png'}}" | |||||
mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /> | mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /> | ||||
<view class="popularityText"> | <view class="popularityText"> | ||||
最近人气 | 最近人气 | ||||
@@ -129,10 +129,13 @@ | |||||
{{item.title}} | {{item.title}} | ||||
</view> | </view> | ||||
<view class="authorBox1"> | <view class="authorBox1"> | ||||
<image class="headImg" src="{{item.merchantPic}}" mode="" /> | |||||
<view class="annotation"> | |||||
{{item.merchantName}} | |||||
<view class="oh" style=" position: relative;"> | |||||
<image class="headImg" src="{{item.merchantPic}}" mode="" /> | |||||
<view class="annotation"> | |||||
{{item.merchantName}} | |||||
</view> | |||||
</view> | </view> | ||||
<view class="priceBox"> | <view class="priceBox"> | ||||
<view class="priceF" tt:if="{{item.salePriceStr!=0}}"> | <view class="priceF" tt:if="{{item.salePriceStr!=0}}"> | ||||
@@ -184,7 +187,7 @@ | |||||
<!--推荐作者 --> | <!--推荐作者 --> | ||||
<view class="deyBox author" tt:if="{{autho.length!=0}}"> | <view class="deyBox author" tt:if="{{autho.length!=0}}"> | ||||
<view class="deyTitleBox"> | <view class="deyTitleBox"> | ||||
<image class="deyTitleImg" src="{{imgHttps+'home_tab_tjzz.png'}}" mode="aspectFit|aspectFill|widthFix" | |||||
<image class="authorImg" src="{{imgHttps+'home_tab_tjzz.png'}}" mode="aspectFit|aspectFill|widthFix" | |||||
lazy-load="false" binderror="" bindload="" /> | lazy-load="false" binderror="" bindload="" /> | ||||
<view class="deyTitle"> | <view class="deyTitle"> | ||||
推荐作者 | 推荐作者 | ||||
@@ -275,10 +278,10 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="commodityBox" tt:for="{{deyList}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}"> | <view class="commodityBox" tt:for="{{deyList}}" bindtap="goXq" data-id="{{item.id}}" data-title="{{item.title}}"> | ||||
<view class="commodityImg"> | |||||
<view class="newCommodityImg"> | |||||
<image class="commodityImage" src="{{item.coverImg}}" mode="" /> | <image class="commodityImage" src="{{item.coverImg}}" mode="" /> | ||||
<view class="newPopularity oh"> | <view class="newPopularity oh"> | ||||
<image class="popularityImg" style="margin-left: 50rpx;" src="{{imgHttps+'home_ic_renq.png'}}" | |||||
<image class="popularityImg" style="margin-left: 25rpx;" src="{{imgHttps+'home_ic_renq.png'}}" | |||||
mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /> | mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="" /> | ||||
<view class="popularityText"> | <view class="popularityText"> | ||||
@@ -295,9 +298,11 @@ | |||||
{{item.title}} | {{item.title}} | ||||
</view> | </view> | ||||
<view class="authorBox1"> | <view class="authorBox1"> | ||||
<image class="headImg" src="{{item.merchantPic}}" mode="" /> | |||||
<view class="annotation"> | |||||
{{item.merchantName}} | |||||
<view class="oh" style=" position: relative;"> | |||||
<image class="headImg" src="{{item.merchantPic}}" mode="" /> | |||||
<view class="annotation"> | |||||
{{item.merchantName}} | |||||
</view> | |||||
</view> | </view> | ||||
<view class="priceBox"> | <view class="priceBox"> | ||||
@@ -26,7 +26,7 @@ | |||||
display: none; | display: none; | ||||
} | } | ||||
.logo{ | .logo{ | ||||
width: 32rpx; | |||||
width: 33rpx; | |||||
float: right; | float: right; | ||||
height: 36rpx; | height: 36rpx; | ||||
float: left; | float: left; | ||||
@@ -57,25 +57,23 @@ | |||||
.searchBox{ | .searchBox{ | ||||
overflow: hidden; | overflow: hidden; | ||||
} | |||||
.searchText{ | |||||
color: #666666; | |||||
line-height: 80rpx; | |||||
} | } | ||||
.searchF{ | .searchF{ | ||||
width: 90%; | |||||
height: 80rpx; | |||||
width: 96%; | |||||
height: 68rpx; | |||||
background-color: rgba(51, 51, 51, 0.5); | background-color: rgba(51, 51, 51, 0.5); | ||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
margin: 20rpx auto; | margin: 20rpx auto; | ||||
} | } | ||||
.searchLogo{ | .searchLogo{ | ||||
width: 40rpx; | |||||
height: 40rpx; | |||||
width: 30rpx; | |||||
height: 30rpx; | |||||
float: left; | float: left; | ||||
margin: 20rpx 10rpx 15rpx 60rpx; | margin: 20rpx 10rpx 15rpx 60rpx; | ||||
} | } | ||||
.searchText{ | .searchText{ | ||||
color: #666666; | |||||
line-height: 68rpx; | |||||
float: left; | float: left; | ||||
width: 80%; | width: 80%; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
@@ -84,12 +82,13 @@ overflow: hidden; | |||||
} | } | ||||
.swiperBox{ | .swiperBox{ | ||||
margin: 30rpx 0; | |||||
margin: 20rpx 0; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
} | } | ||||
.swiper{ | .swiper{ | ||||
height: 320rpx; | |||||
width: 100%; | |||||
height: 280rpx; | |||||
} | } | ||||
.swiperImg{ | .swiperImg{ | ||||
width: 100%; | width: 100%; | ||||
@@ -98,53 +97,66 @@ overflow: hidden; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
} | } | ||||
.columnBox{ | .columnBox{ | ||||
height: 180rpx; | |||||
padding: 40rpx 0 ; | |||||
display: flex; | display: flex; | ||||
justify-content: center; | justify-content: center; | ||||
margin-top: 20rpx; | |||||
} | } | ||||
.columnItem{ | .columnItem{ | ||||
width: 20%; | width: 20%; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
} | |||||
.columnImg{ | |||||
width: 90rpx; | |||||
height: 90rpx; | |||||
display: block; | |||||
margin: 20rpx auto; | |||||
} | } | ||||
.columnText{ | .columnText{ | ||||
color: #ffffff; | color: #ffffff; | ||||
text-align: center; | text-align: center; | ||||
line-height: 40rpx; | line-height: 40rpx; | ||||
font-size: 26rpx; | |||||
font-family: PingFang SC; | |||||
font-weight: 500; | |||||
color: #FFFFFF; | |||||
} | } | ||||
.deyBox{ | .deyBox{ | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.deyTitleBox{ | .deyTitleBox{ | ||||
/* overflow: hidden; */margin: 20rpx 0; | |||||
/* overflow: hidden; */margin: 60rpx 0 35rpx 0; | |||||
} | } | ||||
.deyTitleImg{ | .deyTitleImg{ | ||||
width: 60rpx; | |||||
height: 70rpx; | |||||
width: 48rpx; | |||||
height: 50rpx; | |||||
float: left; | float: left; | ||||
margin: 0 10rpx; | |||||
margin: 0 10rpx ; | |||||
display: block; | |||||
} | |||||
.authorImg{ | |||||
width: 40rpx; | |||||
height:46rpx; | |||||
float: left; | |||||
margin: 0 10rpx ; | |||||
display: block; | |||||
} | } | ||||
.deyTitle{ | .deyTitle{ | ||||
font-size: 36rpx; | font-size: 36rpx; | ||||
color:#ffffff; | |||||
font-weight: 700; | |||||
padding: 10rpx 0 30rpx 0 ; | |||||
font-family: OPPOSans; | |||||
font-weight: 500; | |||||
color: #FFFFFF; | |||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
letter-spacing:4rpx; | letter-spacing:4rpx; | ||||
} | } | ||||
.authorBox1{ | .authorBox1{ | ||||
margin-top: 20rpx; | |||||
margin-top: 26rpx; | |||||
} | } | ||||
.authorImgTop{ | .authorImgTop{ | ||||
width: 150rpx; | |||||
height: 150rpx; | |||||
background-color: #00cc99; | |||||
width: 110rpx; | |||||
height: 110rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
margin: 40rpx auto; | margin: 40rpx auto; | ||||
} | } | ||||
@@ -172,8 +184,8 @@ overflow: hidden; | |||||
display: none; | display: none; | ||||
} | } | ||||
.authorItem{ | .authorItem{ | ||||
width: 32%; | |||||
/* height: 400rpx; */ | |||||
width: 200rpx; | |||||
height: 300rpx; | |||||
margin: 0 2%; | margin: 0 2%; | ||||
border-radius: 10rpx 10rpx 10rpx 40rpx; | border-radius: 10rpx 10rpx 10rpx 40rpx; | ||||
text-align: center; | text-align: center; | ||||
@@ -181,11 +193,11 @@ overflow: hidden; | |||||
} | } | ||||
.imgBox{ | .imgBox{ | ||||
width: 46%; | |||||
width: 44%; | |||||
overflow: hidden; | overflow: hidden; | ||||
display: inline-block; | display: inline-block; | ||||
text-align: center; | text-align: center; | ||||
margin: 0 2%; | |||||
margin: 0 3%; | |||||
/* height: 400rpx; */ | /* height: 400rpx; */ | ||||
} | } | ||||
@@ -195,7 +207,7 @@ overflow: hidden; | |||||
.imgitem .img{ | .imgitem .img{ | ||||
width: 100%; | width: 100%; | ||||
/* background-color: chartreuse; */ | /* background-color: chartreuse; */ | ||||
height: 200rpx; | |||||
height: 185rpx; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
} | } | ||||
.posClass{ | .posClass{ | ||||
@@ -204,11 +216,13 @@ overflow: hidden; | |||||
top: 0; | top: 0; | ||||
width: 70rpx; | width: 70rpx; | ||||
height: 40rpx; | height: 40rpx; | ||||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_bnt_bq.png'); | |||||
background-size:70rpx 40rpx; | |||||
/* background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_bnt_bq.png'); */ | |||||
/* background-size:74rpx 40rpx; */ | |||||
color: #ffffff; | color: #ffffff; | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
z-index: 100000; | z-index: 100000; | ||||
background-color: rgb(124, 122, 122,0.5); | |||||
border-radius: 10rpx ; | |||||
} | } | ||||
.imgBox .itemTitle{ | .imgBox .itemTitle{ | ||||
height: 60rpx; | height: 60rpx; | ||||
@@ -216,6 +230,9 @@ overflow: hidden; | |||||
text-align: center; | text-align: center; | ||||
color: #ffffff; | color: #ffffff; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
font-family: PingFang SC; | |||||
font-weight: 500; | |||||
color: #FCFFFF; | |||||
} | } | ||||
.handpickBox{ | .handpickBox{ | ||||
@@ -224,23 +241,23 @@ overflow: hidden; | |||||
.handpickTop{ | .handpickTop{ | ||||
overflow: hidden; | overflow: hidden; | ||||
margin: 40rpx 0 ; | |||||
margin: 40rpx 0 20rpx 0 ; | |||||
} | } | ||||
.handpickImg{ | .handpickImg{ | ||||
width: 60rpx; | |||||
height: 70rpx; | |||||
width: 40rpx; | |||||
height: 46rpx; | |||||
float: left; | float: left; | ||||
margin: 0 10rpx; | |||||
margin: 16rpx 10rpx 10rpx 10rpx ; | |||||
} | } | ||||
.handpickText{ | .handpickText{ | ||||
font-size: 36rpx; | font-size: 36rpx; | ||||
color:#ffffff; | color:#ffffff; | ||||
font-weight: 700; | |||||
height: 36rpx; | |||||
padding: 10rpx 0 30rpx 0 ; | padding: 10rpx 0 30rpx 0 ; | ||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
float: left; | float: left; | ||||
letter-spacing:4rpx | |||||
letter-spacing:4rpx; | |||||
font-family: OPPOSans; | |||||
font-weight: 500; | |||||
} | } | ||||
.handpickadd{ | .handpickadd{ | ||||
float: right; | float: right; | ||||
@@ -286,59 +303,69 @@ overflow: hidden; | |||||
height: 70rpx; | height: 70rpx; | ||||
} | } | ||||
.commodityImg{ | .commodityImg{ | ||||
position: relative; | |||||
width: 320rpx; | |||||
background-color: chocolate; | |||||
width: 254rpx; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
height: 200rpx; | |||||
height: 194rpx; | |||||
float: left; | |||||
margin-left: 10rpx; | |||||
} | |||||
.newCommodityImg{ | |||||
width: 254rpx; | |||||
border-radius: 10rpx; | |||||
height: 194rpx; | |||||
float: left; | float: left; | ||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
} | } | ||||
.commodityImage{ | .commodityImage{ | ||||
width: 100%; | width: 100%; | ||||
height: 100%; | |||||
height: 154rpx; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
} | } | ||||
.classBoxImg{ | .classBoxImg{ | ||||
width: 100%; | width: 100%; | ||||
height: 100%; | |||||
border-radius: 10rpx; | |||||
height: 154rpx; | |||||
border-radius: 10rpx 10rpx 0 0; | |||||
margin: 0; | |||||
} | } | ||||
.describeBox{ | .describeBox{ | ||||
width: 360rpx; | |||||
width: 384rpx; | |||||
margin-left: 30rpx; | margin-left: 30rpx; | ||||
float: left; | float: left; | ||||
} | } | ||||
.describeBame{ | .describeBame{ | ||||
width: 80%; | |||||
height: 50rpx; | |||||
line-height: 50rpx; | |||||
font-size: 34rpx; | |||||
width: 100%; | |||||
height: 64rpx; | |||||
line-height: 32rpx; | |||||
font-size: 30rpx; | |||||
color: #ffffff; | color: #ffffff; | ||||
font-weight: 560; | |||||
font-weight: 500; | |||||
overflow:hidden; | overflow:hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
display:-webkit-box; | display:-webkit-box; | ||||
-webkit-box-orient:vertical; | -webkit-box-orient:vertical; | ||||
-webkit-line-clamp:1; | |||||
-webkit-line-clamp:2; | |||||
} | } | ||||
.headImgBox{ | .headImgBox{ | ||||
float: left; | float: left; | ||||
} | } | ||||
.headImg{ | .headImg{ | ||||
float: left; | |||||
width: 60rpx; | |||||
height: 60rpx; | |||||
position: absolute; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
background-color: #00cc99; | |||||
top: 0; | |||||
left: 0; | |||||
} | } | ||||
.annotation{ | .annotation{ | ||||
width: 240rpx; | |||||
padding-left:70rpx ; | |||||
padding-right:50rpx ; | |||||
float: left; | |||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
height: 60rpx; | |||||
height: 50rpx; | |||||
background-color: #333; | background-color: #333; | ||||
text-align: center; | text-align: center; | ||||
line-height: 60rpx; | |||||
line-height: 50rpx; | |||||
color: #9999cc; | color: #9999cc; | ||||
} | } | ||||
.introduce{ | .introduce{ | ||||
@@ -354,19 +381,20 @@ overflow: hidden; | |||||
-webkit-line-clamp:2; | -webkit-line-clamp:2; | ||||
} | } | ||||
.priceBox{ | .priceBox{ | ||||
margin-top: 20rpx; | |||||
margin-top: 18rpx; | |||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.priceF{ | .priceF{ | ||||
float: left; | float: left; | ||||
color: #ff3366; | color: #ff3366; | ||||
line-height: 60rpx; | |||||
font-size: 28rpx; | |||||
} | } | ||||
.price{ | .price{ | ||||
font-size: 34rpx; | |||||
color: #ff3366; | color: #ff3366; | ||||
float: left; | float: left; | ||||
line-height: 60rpx; | |||||
/* line-height: 60rpx; */ | |||||
font-size: 28rpx; | |||||
} | } | ||||
.popularity{ | .popularity{ | ||||
width: 180rpx; | width: 180rpx; | ||||
@@ -415,24 +443,25 @@ overflow: hidden; | |||||
} | } | ||||
.nameBox{ | .nameBox{ | ||||
height: 140rpx; | |||||
height: 120rpx; | |||||
background-color: rgba(51, 51, 51,0.6); | background-color: rgba(51, 51, 51,0.6); | ||||
border-radius: 0rpx 40rpx 0rpx 40rpx; | border-radius: 0rpx 40rpx 0rpx 40rpx; | ||||
} | } | ||||
.authorName{ | .authorName{ | ||||
height: 60rpx; | |||||
line-height: 60rpx; | |||||
height: 50rpx; | |||||
line-height: 50rpx; | |||||
text-align: center; | text-align: center; | ||||
color: #ffffff; | |||||
font-size: 36rpx; | |||||
font-weight: 600; | |||||
font-size: 30rpx; | |||||
font-family: OPPOSans; | |||||
font-weight: 500; | |||||
color: #FFFFFF; | |||||
} | } | ||||
.authorText{ | .authorText{ | ||||
width: 90%; | width: 90%; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
color: #9999cc; | color: #9999cc; | ||||
height: 60rpx; | |||||
line-height: 60rpx; | |||||
height: 50rpx; | |||||
line-height: 50rpx; | |||||
text-align: center; | text-align: center; | ||||
overflow:hidden; | overflow:hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
@@ -445,13 +474,16 @@ overflow: hidden; | |||||
} | } | ||||
.sortBox{ | .sortBox{ | ||||
overflow: hidden; | overflow: hidden; | ||||
display: flex; | |||||
flex-wrap: wrap; | |||||
justify-content:flex-start; | |||||
} | } | ||||
.sortNmu{ | .sortNmu{ | ||||
width: 18%; | width: 18%; | ||||
background-color: aqua; | background-color: aqua; | ||||
height: 360rpx; | height: 360rpx; | ||||
float: left; | float: left; | ||||
} | } | ||||
.articleBox{ | .articleBox{ | ||||
width: 82%; | width: 82%; | ||||
@@ -486,15 +518,15 @@ overflow: hidden; | |||||
background-color: chocolate; | background-color: chocolate; | ||||
} | } | ||||
.sortItemBox{ | .sortItemBox{ | ||||
width: 31%; | |||||
margin: 20rpx 1%; | |||||
width: 220rpx; | |||||
margin: 10rpx ; | |||||
float: left; | float: left; | ||||
} | } | ||||
.sortItemImg{ | .sortItemImg{ | ||||
position: relative; | position: relative; | ||||
width: 100%; | width: 100%; | ||||
height: 160rpx; | |||||
height: 134rpx; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
} | } | ||||
.sortItemImg image{ | .sortItemImg image{ | ||||
@@ -504,10 +536,11 @@ overflow: hidden; | |||||
} | } | ||||
.sortNumBj_0{ | .sortNumBj_0{ | ||||
position: absolute; | position: absolute; | ||||
width: 52rpx; | |||||
height: 65rpx; | |||||
width: 42rpx; | |||||
height: 55rpx; | |||||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_1.png'); | background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_1.png'); | ||||
background-size:52rpx 65rpx; | |||||
background-size:42rpx 55rpx; | |||||
background-repeat:no-repeat; | |||||
color: #ffffff; | color: #ffffff; | ||||
text-align: center; | text-align: center; | ||||
line-height: 46rpx; | line-height: 46rpx; | ||||
@@ -516,10 +549,11 @@ overflow: hidden; | |||||
} | } | ||||
.sortNumBj_1{ | .sortNumBj_1{ | ||||
position: absolute; | position: absolute; | ||||
width: 52rpx; | |||||
height: 65rpx; | |||||
width: 42rpx; | |||||
height: 55rpx; | |||||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_2.png'); | background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_2.png'); | ||||
background-size:52rpx 65rpx; | |||||
background-size:42rpx 55rpx; | |||||
background-repeat:no-repeat; | |||||
color: #ffffff; | color: #ffffff; | ||||
text-align: center; | text-align: center; | ||||
line-height: 46rpx; | line-height: 46rpx; | ||||
@@ -528,10 +562,11 @@ overflow: hidden; | |||||
} | } | ||||
.sortNumBj_2{ | .sortNumBj_2{ | ||||
position: absolute; | position: absolute; | ||||
width: 52rpx; | |||||
height: 65rpx; | |||||
width: 42rpx; | |||||
height: 55rpx; | |||||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_3.png'); | background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_3.png'); | ||||
background-size:52rpx 65rpx; | |||||
background-size:42rpx 55rpx; | |||||
background-repeat:no-repeat; | |||||
color: #ffffff; | color: #ffffff; | ||||
text-align: center; | text-align: center; | ||||
line-height: 46rpx; | line-height: 46rpx; | ||||
@@ -540,10 +575,11 @@ overflow: hidden; | |||||
} | } | ||||
.sortNumBj_3{ | .sortNumBj_3{ | ||||
position: absolute; | position: absolute; | ||||
width: 52rpx; | |||||
height: 65rpx; | |||||
width: 42rpx; | |||||
height: 55rpx; | |||||
background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_4.png'); | background-image: url('https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/home_rmph_ic_4.png'); | ||||
background-size:52rpx 65rpx; | |||||
background-size:42rpx 55rpx; | |||||
background-repeat:no-repeat; | |||||
color: #ffffff; | color: #ffffff; | ||||
text-align: center; | text-align: center; | ||||
line-height: 46rpx; | line-height: 46rpx; | ||||
@@ -551,19 +587,19 @@ overflow: hidden; | |||||
left: 0; | left: 0; | ||||
} | } | ||||
.sortTitle{ | .sortTitle{ | ||||
height: 40rpx; | |||||
line-height: 40rpx; | |||||
font-size: 32rpx; | |||||
height: 60rpx; | |||||
line-height: 30rpx; | |||||
font-size: 24rpx; | |||||
color: #FEFEFE; | color: #FEFEFE; | ||||
overflow:hidden; | overflow:hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
display:-webkit-box; | display:-webkit-box; | ||||
-webkit-box-orient:vertical; | -webkit-box-orient:vertical; | ||||
-webkit-line-clamp:1; | |||||
margin: 10rpx 0; | |||||
-webkit-line-clamp:2; | |||||
margin-top: 10rpx; | |||||
} | } | ||||
.popularityBox { | .popularityBox { | ||||
padding: 10rpx 0; | |||||
padding-bottom: 10rpx; | |||||
} | } | ||||
.popularityImg{ | .popularityImg{ | ||||
float: left; | float: left; | ||||
@@ -574,21 +610,27 @@ overflow: hidden; | |||||
} | } | ||||
.popularityText{ | .popularityText{ | ||||
float: left; | float: left; | ||||
font-size: 26rpx; | |||||
font-size: 22rpx; | |||||
margin: 0 10rpx; | margin: 0 10rpx; | ||||
font-family: OPPOSans; | |||||
line-height: 40rpx; | |||||
font-weight: 500; | |||||
} | } | ||||
.popularityNum{ | .popularityNum{ | ||||
float: left; | float: left; | ||||
color: #07E881; | color: #07E881; | ||||
font-size: 26rpx; | |||||
font-size: 24rpx; | |||||
height: 40rpx; | |||||
line-height: 40rpx; | |||||
} | } | ||||
.newPopularity{ | .newPopularity{ | ||||
width: 100%; | width: 100%; | ||||
position: absolute; | |||||
bottom: 0; | |||||
left: 10; | |||||
/* position: absolute; */ | |||||
/* bottom: 0; */ | |||||
/* left: 10; */ | |||||
background-color: #222735; | background-color: #222735; | ||||
height: 40rpx; | height: 40rpx; | ||||
border-radius: 0 0 10rpx 10rpx ; | border-radius: 0 0 10rpx 10rpx ; | ||||
margin-top: -8rpx; | |||||
} | } |
@@ -32,6 +32,8 @@ Page({ | |||||
id:this.data.id | id:this.data.id | ||||
} | } | ||||
}).then(res=>{{ | }).then(res=>{{ | ||||
this.search() | |||||
this.hie() | |||||
tt.showToast({ | tt.showToast({ | ||||
title: '已取消收藏', // 内容 | title: '已取消收藏', // 内容 | ||||
icon: "none" | icon: "none" | ||||
@@ -46,7 +46,7 @@ | |||||
width: 350rpx; | width: 350rpx; | ||||
height: 40rpx; | height: 40rpx; | ||||
line-height: 40rpx; | line-height: 40rpx; | ||||
font-size: 36rpx; | |||||
font-size: 32rpx; | |||||
font-family: PingFang SC; | font-family: PingFang SC; | ||||
font-weight: 500; | font-weight: 500; | ||||
color: #FEFEFE; | color: #FEFEFE; | ||||
@@ -78,16 +78,16 @@ | |||||
} | } | ||||
.user{ | .user{ | ||||
float: left; | float: left; | ||||
width: 60rpx; | |||||
height: 60rpx; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
background-color: beige; | background-color: beige; | ||||
} | } | ||||
.userText{ | .userText{ | ||||
width: 200rpx; | width: 200rpx; | ||||
text-align: center; | text-align: center; | ||||
height: 60rpx; | |||||
line-height: 60rpx; | |||||
height: 50rpx; | |||||
line-height: 50rpx; | |||||
background: #222735; | background: #222735; | ||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
font-family: PingFang SC; | font-family: PingFang SC; | ||||
@@ -10,6 +10,7 @@ Page({ | |||||
pitch: 0,//选中支付类型 | pitch: 0,//选中支付类型 | ||||
orderLsit: [],//订单列表 | orderLsit: [],//订单列表 | ||||
pageNum: 1, | pageNum: 1, | ||||
noDAtaFlag:false, | |||||
statusLsit: [ | statusLsit: [ | ||||
{ | { | ||||
value: 0, | value: 0, | ||||
@@ -44,7 +45,7 @@ Page({ | |||||
orderId: id | orderId: id | ||||
} | } | ||||
}).then(item => { | }).then(item => { | ||||
console.log(item, "orderId"); | |||||
let _this = this | |||||
tt.pay({ | tt.pay({ | ||||
service: 5, | service: 5, | ||||
orderInfo: { | orderInfo: { | ||||
@@ -56,7 +57,29 @@ Page({ | |||||
tt.showToast({ | tt.showToast({ | ||||
title: '支付成功!', // 内容 | title: '支付成功!', // 内容 | ||||
}); | }); | ||||
tt.request({ | |||||
url: Http.address + config.api.ifPayOk, // 目标服务器url | |||||
method: "post", | |||||
headers: { | |||||
"Content-Type": "application/json;charset=UTF-8", | |||||
token: app.globalData.token | |||||
}, | |||||
data: { | |||||
code: 0, | |||||
orderId: id | |||||
}, | |||||
success: (res) => { | |||||
_this.getOrder() | |||||
}, | |||||
fail: (err) => { | |||||
tt.showToast({ | |||||
title: err.message, // 内容 | |||||
icon: "none" | |||||
}); | |||||
console.log("我失败; err", err); | |||||
_this.getOrder() | |||||
} | |||||
}); | |||||
// 支付成功处理逻辑,只有res.code=0时,才表示支付成功 | // 支付成功处理逻辑,只有res.code=0时,才表示支付成功 | ||||
// 但是最终状态要以商户后端结果为准 | // 但是最终状态要以商户后端结果为准 | ||||
} else if (res.code === 1) { | } else if (res.code === 1) { | ||||
@@ -64,13 +87,6 @@ Page({ | |||||
title: '支付超时', // 内容 | title: '支付超时', // 内容 | ||||
icon: "none" | icon: "none" | ||||
}); | }); | ||||
Http.post({ | |||||
url: config.api.ifPayOk, | |||||
data: { | |||||
code: 1, | |||||
orderId: res.data.id | |||||
} | |||||
}) | |||||
} else if (res.code === 2) { | } else if (res.code === 2) { | ||||
tt.showToast({ | tt.showToast({ | ||||
title: '支付失败', // 内容 | title: '支付失败', // 内容 | ||||
@@ -133,15 +149,18 @@ Page({ | |||||
item.createDate = util.formatTime(item.createDate, "yyyy-MM-dd hh:mm:ss") | item.createDate = util.formatTime(item.createDate, "yyyy-MM-dd hh:mm:ss") | ||||
}) | }) | ||||
if(this.data.pageNum>1){ | if(this.data.pageNum>1){ | ||||
let tempLsit = this.data.orderLsit | let tempLsit = this.data.orderLsit | ||||
tempLsit.push(...arr) | |||||
let tempArr = tempLsit.push(...arr) | |||||
this.setData({ | this.setData({ | ||||
orderLsit:tempLsit | |||||
orderLsit:tempArr, | |||||
noDAtaFlag:tempArr.length==0?true: false, | |||||
}) | }) | ||||
}else{ | }else{ | ||||
this.setData({ | this.setData({ | ||||
orderLsit:arr | |||||
orderLsit:arr, | |||||
noDAtaFlag:arr.length==0?true: false, | |||||
}) | }) | ||||
} | } | ||||
@@ -3,8 +3,8 @@ | |||||
<navbar back text="我的订单" background="#0E1119" color="#fff"></navbar> | <navbar back text="我的订单" background="#0E1119" color="#fff"></navbar> | ||||
<view style="height:{{navigationBarHeight}} "></view> | <view style="height:{{navigationBarHeight}} "></view> | ||||
<view class="navigation oh"> | <view class="navigation oh"> | ||||
<view class="fPay" tt:for="{{statusLsit}}"> | |||||
<view class="{{pitch==item.value?'aText':'Text'}} " bindtap="setPitch" data-index="{{item.value}}" > | |||||
<view class="fPay" tt:for="{{statusLsit}}" bindtap="setPitch" data-index="{{item.value}}" > | |||||
<view class="{{pitch==item.value?'aText':'Text'}} " > | |||||
{{item.name}} | {{item.name}} | ||||
</view> | </view> | ||||
<view class="Axian" tt:if="{{pitch==item.value}}"> | <view class="Axian" tt:if="{{pitch==item.value}}"> | ||||
@@ -14,7 +14,7 @@ | |||||
</view> | </view> | ||||
<view class="orderBox oh" tt:for="{{orderLsit}}" bindtap="goClass" data-title="{{item.title}}" data-id="{{item.productId}}"> | |||||
<view class="orderBox oh" tt:for="{{orderLsit}}" bindtap="goClass" data-title="{{item.productTitle}}" data-id="{{item.productId}}"> | |||||
<view class="orderNum"> | <view class="orderNum"> | ||||
订单编号:{{item.id}} | 订单编号:{{item.id}} | ||||
</view> | </view> | ||||
@@ -49,8 +49,8 @@ | |||||
<view class="timeBox oh"> | <view class="timeBox oh"> | ||||
<view class="timeTitile "> | <view class="timeTitile "> | ||||
<view class="time">订单时间:{{item.createDate}}</view> | <view class="time">订单时间:{{item.createDate}}</view> | ||||
<view class="payTiem"> | |||||
{{item.paymentTime?item.paymentTime:'请您在30分支之内支付'}} | |||||
<view class="payTiem" tt:if="{{item.orderStatus==0}}"> | |||||
{{item.paymentTime?item.paymentTime:'请您在30分钟之内支付'}} | |||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -61,11 +61,27 @@ | |||||
<view class="payOk" tt:if="{{item.orderStatus==2}}"> | <view class="payOk" tt:if="{{item.orderStatus==2}}"> | ||||
已完成 | 已完成 | ||||
</view> | </view> | ||||
<view class="payOk" tt:if="{{item.orderStatus==3}}"> | |||||
已取消 | |||||
</view> | |||||
<!-- ORDER_STATUS_PENDING_PAYMENT(0, "待付款"), | |||||
// ORDER_STATUS_PAYMENT_ING(1,"支付中"), | |||||
ORDER_STATUS_PAYMENT_SUCCESS(2, "已支付"), | |||||
ORDER_STATUS_OVERTIME_CANCEL(3, "已取消"),//已关闭 | |||||
ORDER_STATUS_PENDING_REFUND(4, "待退款"), | |||||
ORDER_STATUS_REFUND_SUCCESS(5,"已退款"), | |||||
ORDER_STATUS_REFUND_FAILD(6, "退款失败"), --> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="noDataBox" tt:if="{{noDAtaFlag}}"> | |||||
<image class="noDataImg" src="{{imgHttps+'no_order.png'}}" mode="" /> | |||||
</view> | |||||
</view> | </view> | ||||
@@ -8,6 +8,7 @@ | |||||
.fPay{ | .fPay{ | ||||
width: 50%; | width: 50%; | ||||
float: left; | float: left; | ||||
height: 120rpx; | |||||
} | } | ||||
.tPay{ | .tPay{ | ||||
width: 50%; | width: 50%; | ||||
@@ -15,9 +16,9 @@ | |||||
} | } | ||||
.aText{ | .aText{ | ||||
margin-top: 20rpx; | margin-top: 20rpx; | ||||
font-size: 36rpx; | |||||
font-size: 32rpx; | |||||
font-family: PingFang SC; | font-family: PingFang SC; | ||||
font-weight: 800; | |||||
font-weight: 700; | |||||
color: #07E881; | color: #07E881; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
@@ -83,7 +84,6 @@ text-align: center; | |||||
width: 60rpx; | width: 60rpx; | ||||
height: 60rpx; | height: 60rpx; | ||||
border-radius: 50%; | border-radius: 50%; | ||||
background-color: coral; | |||||
float: left; | float: left; | ||||
} | } | ||||
@@ -128,18 +128,21 @@ margin: 20rpx auto; | |||||
} | } | ||||
.payBtn{ | .payBtn{ | ||||
float: right; | float: right; | ||||
width: 180rpx; | |||||
line-height: 80rpx; | |||||
margin-right: 20rpx; | |||||
width: 120rpx; | |||||
line-height: 60rpx; | |||||
text-align: center; | text-align: center; | ||||
border: 2rpx solid #06D176; | border: 2rpx solid #06D176; | ||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
color: #06D176; | color: #06D176; | ||||
} | } | ||||
.payOk{ | .payOk{ | ||||
float: right; | float: right; | ||||
width: 180rpx; | |||||
line-height: 80rpx; | |||||
margin-right: 20rpx; | |||||
width: 120rpx; | |||||
line-height: 60rpx; | |||||
text-align: center; | text-align: center; | ||||
border: 2rpx solid #666D80; | border: 2rpx solid #666D80; | ||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
@@ -147,3 +150,17 @@ margin: 20rpx auto; | |||||
background-color: rgba(135, 144, 168, 0.1);; | background-color: rgba(135, 144, 168, 0.1);; | ||||
} | } | ||||
.noDataBox{ | |||||
width: 100%; | |||||
height: 600rpx; | |||||
top: 300rpx; | |||||
left: 0; | |||||
background-color: #0E1119; | |||||
text-align: center; | |||||
} | |||||
.noDataImg{ | |||||
width: 500rpx; | |||||
height: 400rpx; | |||||
margin: 200rpx auto; | |||||
} |
@@ -17,7 +17,7 @@ | |||||
<view class="courseName"> | <view class="courseName"> | ||||
{{item.title}} | {{item.title}} | ||||
</view> | </view> | ||||
<view class="oh" style="margin-top: 20rpx;"> | |||||
<view class="oh" style="margin-top: 10rpx;"> | |||||
<image class="headImg" src="{{item.merchantPic}}" mode="" /> | <image class="headImg" src="{{item.merchantPic}}" mode="" /> | ||||
<view class="annotation"> | <view class="annotation"> | ||||
{{item.merchantName}} | {{item.merchantName}} | ||||
@@ -49,8 +49,8 @@ | |||||
margin: 20rpx 0; | margin: 20rpx 0; | ||||
} | } | ||||
.cover{ | .cover{ | ||||
width: 300rpx; | |||||
height: 200rpx; | |||||
width: 250rpx; | |||||
height: 162rpx; | |||||
float: left; | float: left; | ||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
/* background-color: cornflowerblue; */ | /* background-color: cornflowerblue; */ | ||||
@@ -65,29 +65,31 @@ | |||||
.courseName{ | .courseName{ | ||||
height: 50rpx; | height: 50rpx; | ||||
line-height: 50rpx; | line-height: 50rpx; | ||||
font-size: 32rpx; | |||||
font-size: 30rpx; | |||||
overflow:hidden; | overflow:hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
display:-webkit-box; | display:-webkit-box; | ||||
-webkit-box-orient:vertical; | -webkit-box-orient:vertical; | ||||
-webkit-line-clamp:1; | -webkit-line-clamp:1; | ||||
color: #ffffff; | color: #ffffff; | ||||
font-family: PingFang SC; | |||||
font-weight: 500; | |||||
color: #FEFEFE; | |||||
} | } | ||||
.headImg{ | .headImg{ | ||||
float: left; | float: left; | ||||
width: 60rpx; | |||||
height: 60rpx; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
background-color: #00cc99; | |||||
} | } | ||||
.annotation{ | .annotation{ | ||||
width: 240rpx; | |||||
width: 168rpx; | |||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
height: 60rpx; | |||||
height: 50rpx; | |||||
background-color: #333; | background-color: #333; | ||||
text-align: center; | text-align: center; | ||||
line-height: 60rpx; | |||||
line-height: 50rpx; | |||||
color: #9999cc; | color: #9999cc; | ||||
} | } | ||||
.incomeBox{ | .incomeBox{ | ||||
@@ -96,13 +98,12 @@ | |||||
.money{ | .money{ | ||||
float: left; | float: left; | ||||
color: #ff3366; | color: #ff3366; | ||||
font-size: 34rpx; | |||||
font-size: 28rpx; | |||||
} | } | ||||
.py{ | .py{ | ||||
font-size: 26rpx; | |||||
float: left; | |||||
float: left; | |||||
color: #ff3366; | color: #ff3366; | ||||
line-height: 46rpx; | |||||
font-size: 24rpx; | |||||
} | } | ||||
.moodsImg{ | .moodsImg{ | ||||
float: right; | float: right; | ||||
@@ -115,6 +116,8 @@ | |||||
float: right; | float: right; | ||||
color: #ffffff; | color: #ffffff; | ||||
margin: 0 10rpx; | margin: 0 10rpx; | ||||
font-size: 22rpx; | |||||
margin-top: 6rpx; | |||||
} | } | ||||
.moodsNum{ | .moodsNum{ | ||||
float: right; | float: right; | ||||
@@ -20,7 +20,7 @@ | |||||
<view class="courseName"> | <view class="courseName"> | ||||
{{item.title}} | {{item.title}} | ||||
</view> | </view> | ||||
<view class="oh" style="margin-top: 20rpx;"> | |||||
<view class="oh" style="margin-top: 10rpx;"> | |||||
<image class="headImg" src="{{item.merchantPic}}" mode="" /> | <image class="headImg" src="{{item.merchantPic}}" mode="" /> | ||||
<view class="annotation"> | <view class="annotation"> | ||||
{{item.merchantName}} | {{item.merchantName}} | ||||
@@ -45,8 +45,8 @@ | |||||
position: relative; | position: relative; | ||||
} | } | ||||
.cover{ | .cover{ | ||||
width: 300rpx; | |||||
height: 200rpx; | |||||
width: 250rpx; | |||||
height: 162rpx; | |||||
float: left; | float: left; | ||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
/* background-color: cornflowerblue; */ | /* background-color: cornflowerblue; */ | ||||
@@ -61,29 +61,30 @@ | |||||
.courseName{ | .courseName{ | ||||
height: 50rpx; | height: 50rpx; | ||||
line-height: 50rpx; | line-height: 50rpx; | ||||
font-size: 32rpx; | |||||
font-size: 30rpx; | |||||
overflow:hidden; | overflow:hidden; | ||||
text-overflow:ellipsis; | text-overflow:ellipsis; | ||||
display:-webkit-box; | display:-webkit-box; | ||||
-webkit-box-orient:vertical; | -webkit-box-orient:vertical; | ||||
-webkit-line-clamp:1; | -webkit-line-clamp:1; | ||||
color: #ffffff; | color: #ffffff; | ||||
font-family: PingFang SC; | |||||
font-weight: 500; | |||||
color: #FEFEFE; | |||||
} | } | ||||
.headImg{ | .headImg{ | ||||
float: left; | float: left; | ||||
width: 60rpx; | |||||
height: 60rpx; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
background-color: #00cc99; | |||||
} | } | ||||
.annotation{ | .annotation{ | ||||
width: 240rpx; | |||||
width: 168rpx; | |||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
height: 60rpx; | |||||
height: 50rpx; | |||||
background-color: #333; | background-color: #333; | ||||
text-align: center; | text-align: center; | ||||
line-height: 60rpx; | |||||
line-height: 50rpx; | |||||
color: #9999cc; | color: #9999cc; | ||||
} | } | ||||
.incomeBox{ | .incomeBox{ | ||||
@@ -92,13 +93,12 @@ | |||||
.money{ | .money{ | ||||
float: left; | float: left; | ||||
color: #ff3366; | color: #ff3366; | ||||
font-size: 34rpx; | |||||
font-size: 28rpx; | |||||
} | } | ||||
.py{ | .py{ | ||||
font-size: 26rpx; | |||||
font-size: 24rpx; | |||||
float: left; | float: left; | ||||
color: #ff3366; | color: #ff3366; | ||||
line-height: 46rpx; | |||||
} | } | ||||
.moodsImg{ | .moodsImg{ | ||||
float: right; | float: right; | ||||
@@ -111,6 +111,8 @@ | |||||
float: right; | float: right; | ||||
color: #ffffff; | color: #ffffff; | ||||
margin: 0 10rpx; | margin: 0 10rpx; | ||||
font-size: 22rpx; | |||||
margin-top: 6rpx; | |||||
} | } | ||||
.moodsNum{ | .moodsNum{ | ||||
float: right; | float: right; | ||||
@@ -10,6 +10,7 @@ Page({ | |||||
pageNum:1, | pageNum:1, | ||||
inputValue:"", | inputValue:"", | ||||
list:[], | list:[], | ||||
noDAtaFlag:false, | |||||
}, | }, | ||||
setSearchValue(e){ | setSearchValue(e){ | ||||
let value = e.detail.value | let value = e.detail.value | ||||
@@ -23,6 +24,8 @@ Page({ | |||||
activityFlag:index, | activityFlag:index, | ||||
pageNum:1, | pageNum:1, | ||||
inputValue:"", | inputValue:"", | ||||
noDAtaFlag:false, | |||||
list:[] | |||||
}) | }) | ||||
this.search() | this.search() | ||||
}, | }, | ||||
@@ -63,42 +66,54 @@ Page({ | |||||
data:data | data:data | ||||
}).then(res=>{ | }).then(res=>{ | ||||
let arr = [] | let arr = [] | ||||
if(res.data.list[0].businessTypes){ | |||||
if(res.data.list!=0&&res.data.list[0].businessTypes){ | |||||
arr = res.data.list | arr = res.data.list | ||||
let sting = "" | let sting = "" | ||||
arr.map(item=>{ | arr.map(item=>{ | ||||
if(item.businessTypes){ | if(item.businessTypes){ | ||||
item.authoRemark = JSON.parse(item.businessTypes)[0].title | |||||
if(JSON.parse(item.businessTypes).length>0){ | |||||
item.authoRemark = JSON.parse(item.businessTypes)[0].title | |||||
}else{ | |||||
item.authoRemark = "" | |||||
} | |||||
} | } | ||||
}) | }) | ||||
let tempArr = this.data.list | let tempArr = this.data.list | ||||
if(this.data.pageNum>1){ | if(this.data.pageNum>1){ | ||||
tempArr.push(...arr) | |||||
let contArr= tempArr.push(...arr) | |||||
this.setData({ | this.setData({ | ||||
list:tempArr | |||||
list:arr, | |||||
noDAtaFlag:contArr.length==0?true:false | |||||
}) | }) | ||||
}else{ | }else{ | ||||
this.setData({ | this.setData({ | ||||
list:arr | |||||
list:arr, | |||||
noDAtaFlag:arr.length==0?true:false | |||||
}) | }) | ||||
} | } | ||||
}else{ | }else{ | ||||
if(this.pageNum>1){ | if(this.pageNum>1){ | ||||
let tempArr = this.data.list | let tempArr = this.data.list | ||||
tempArr.push(...res.data.list) | |||||
let contArr= tempArr.push(...res.data.list) | |||||
this.setData({ | this.setData({ | ||||
list:tempArr | |||||
list:tempArr, | |||||
noDAtaFlag:contArr.length==0?true:false | |||||
}) | }) | ||||
}else{ | }else{ | ||||
this.setData({ | this.setData({ | ||||
list:res.data.list | |||||
list:res.data.list, | |||||
noDAtaFlag:res.data.list==0?true:false | |||||
}) | }) | ||||
} | } | ||||
} | } | ||||
}) | }) | ||||
console.log(this.data.list); | |||||
}, | }, | ||||
onLoad(){ | onLoad(){ | ||||
this.search() | this.search() | ||||
@@ -125,7 +125,7 @@ | |||||
</view> --> | </view> --> | ||||
</navigator> | </navigator> | ||||
<view class="noDataBox" tt:if="{{list.length==0}}"> | |||||
<view class="noDataBox" tt:if="{{noDAtaFlag}}"> | |||||
<image class="noDataImg" src="{{imgHttps+'no_result.png'}}" mode="" /> | <image class="noDataImg" src="{{imgHttps+'no_result.png'}}" mode="" /> | ||||
</view> | </view> | ||||
@@ -5,7 +5,7 @@ | |||||
} | } | ||||
.searchF{ | .searchF{ | ||||
width: 80%; | width: 80%; | ||||
height: 80rpx; | |||||
height: 68rpx; | |||||
background-color: rgba(51, 51, 51, 0.5); | background-color: rgba(51, 51, 51, 0.5); | ||||
border-radius: 60rpx; | border-radius: 60rpx; | ||||
margin: 20rpx; | margin: 20rpx; | ||||
@@ -19,10 +19,10 @@ | |||||
} | } | ||||
.searchBtn{ | .searchBtn{ | ||||
width: 10%; | width: 10%; | ||||
line-height: 100rpx; | |||||
line-height: 80rpx; | |||||
color: #00ff99; | color: #00ff99; | ||||
float: left; | float: left; | ||||
height: 100rpx; | |||||
height: 80rpx; | |||||
margin-top: 10rpx; | margin-top: 10rpx; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
} | } | ||||
@@ -171,10 +171,9 @@ | |||||
} | } | ||||
.h3{ | .h3{ | ||||
width: 360rpx; | width: 360rpx; | ||||
line-height: 60rpx; | line-height: 60rpx; | ||||
font-size: 34rpx; | |||||
font-size: 30rpx; | |||||
color: #ffffff; | color: #ffffff; | ||||
font-weight: 560; | font-weight: 560; | ||||
overflow:hidden; | overflow:hidden; | ||||
@@ -184,21 +183,21 @@ | |||||
-webkit-line-clamp:1; | -webkit-line-clamp:1; | ||||
} | } | ||||
.headImg{ | .headImg{ | ||||
width: 60rpx; | |||||
height: 60rpx; | |||||
width: 50rpx; | |||||
height: 50rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
background-color: coral; | |||||
float: left; | float: left; | ||||
} | } | ||||
.name{ | .name{ | ||||
width: 220rpx; | width: 220rpx; | ||||
line-height: 60rpx; | |||||
height: 60rpx; | |||||
line-height: 50rpx; | |||||
height: 50rpx; | |||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
color: #8790A8; | color: #8790A8; | ||||
text-align: center; | text-align: center; | ||||
background-color: #222735; | background-color: #222735; | ||||
font-size: 28rpx; | |||||
} | } | ||||
.priceBox{ | .priceBox{ | ||||
/* margin-top: 20rpx; */ | /* margin-top: 20rpx; */ | ||||
@@ -241,7 +240,6 @@ margin: 20rpx auto; | |||||
float: left; | float: left; | ||||
width: 120rpx; | width: 120rpx; | ||||
height: 120rpx; | height: 120rpx; | ||||
background-color: aqua; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
margin: 20rpx; | margin: 20rpx; | ||||
} | } | ||||
@@ -303,9 +301,10 @@ margin: 20rpx auto; | |||||
left: 0; | left: 0; | ||||
background-color: #0E1119; | background-color: #0E1119; | ||||
text-align: center; | |||||
} | } | ||||
.noDataImg{ | .noDataImg{ | ||||
width: 500rpx; | width: 500rpx; | ||||
height: 400rpx; | height: 400rpx; | ||||
margin: 200rpx auto; | |||||
} | } |
@@ -4,7 +4,7 @@ | |||||
<view style="height:{{navigationBarHeight}} "></view> | <view style="height:{{navigationBarHeight}} "></view> | ||||
<view class="versionsBox oh"> | <view class="versionsBox oh"> | ||||
<view class="logoText"> | <view class="logoText"> | ||||
LOGO | |||||
知播堂 | |||||
</view> | </view> | ||||
<view class="versions"> | <view class="versions"> | ||||
版本 1.0.0 | 版本 1.0.0 | ||||
@@ -13,18 +13,13 @@ | |||||
<view class="describeBox oh"> | <view class="describeBox oh"> | ||||
<view class="describe"> | <view class="describe"> | ||||
dddddddddasd阿德飒飒啊啊啊啊啊啊啊啊啊打算大苏打顶顶 | |||||
顶顶顶顶顶顶大师水水水水水水水水水水水水水水大飒飒飒飒 | |||||
飒飒飒飒飒飒飒飒飒飒飒飒飒飒d阿三水水水水水水水水水水 | |||||
把知识传播到每个角落是我们的使命。知播堂是由北京商宇咨询有限公司打造的一款针对抖音达人在线推广教学课程的小程序平台。旨在通过即时短视频传播达人的教学,培训课程。用户在小程序端购买或者观看广告后,即可在抖音app内解锁和学习达人课程。 | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="consult"> | |||||
咨询我们 | |||||
</view> | |||||
<button class="consult" open-type="contact" > 咨询我们 </button> | |||||
</view> | </view> | ||||
</view> | </view> |
@@ -49,6 +49,7 @@ | |||||
line-height: 80rpx; | line-height: 80rpx; | ||||
text-align: center; | text-align: center; | ||||
color: #FFFFFF; | color: #FFFFFF; | ||||
font-size: 30rpx; | |||||
background: linear-gradient(-4deg, #4EE09D, #02C96E); | background: linear-gradient(-4deg, #4EE09D, #02C96E); | ||||
} | } |
@@ -10,7 +10,9 @@ Page({ | |||||
ttBean:"",//抖音粉丝数量 | ttBean:"",//抖音粉丝数量 | ||||
userName:"",//姓名 | userName:"",//姓名 | ||||
userPhone:"",//手机号 | userPhone:"",//手机号 | ||||
codePhone:"",//手机验证码 | |||||
Num:60, | |||||
NumFlag:false, | |||||
}, | }, | ||||
setTtNum(e){ | setTtNum(e){ | ||||
let value = e.detail.value | let value = e.detail.value | ||||
@@ -36,8 +38,58 @@ Page({ | |||||
userPhone: value | userPhone: value | ||||
}) | }) | ||||
}, | }, | ||||
setCodePhone(e){ | |||||
let value = e.detail.value | |||||
this.setData({ | |||||
codePhone: value | |||||
}) | |||||
}, | |||||
getCode(){//获取验证码 | |||||
console.log(this.data.userPhone); | |||||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | |||||
if(!myreg.test(this.data.userPhone)){ | |||||
tt.showToast({ | |||||
title: '请输入正确的手机号', | |||||
icon: "none" | |||||
}); | |||||
return | |||||
} | |||||
Http.get({ | |||||
url:config.api.getCodePhone, | |||||
data:{ | |||||
phone:this.data.userPhone | |||||
} | |||||
}).then(res=>{ | |||||
this.setData({ | |||||
NumFlag:true | |||||
}) | |||||
let tiem = setInterval(()=>{ | |||||
console.log(this.data.Num) | |||||
this.setData({ | |||||
Num:this.data.Num-1 | |||||
}) | |||||
if(this.data.Num<=1){ | |||||
clearInterval(tiem) | |||||
this.setData({ | |||||
NumFlag:false | |||||
}) | |||||
} | |||||
},1000) | |||||
tt.showToast({ | |||||
title: '发送成功', | |||||
icon: "none" | |||||
}); | |||||
}).catch(err=>{ | |||||
tt.showToast({ | |||||
title: err.message, | |||||
icon: "none" | |||||
}); | |||||
}) | |||||
}, | |||||
submit(){ | submit(){ | ||||
let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | let myreg = /^[1][3,4,5,7,8,9][0-9]{9}$/; | ||||
if(this.data.ttNum==""){ | if(this.data.ttNum==""){ | ||||
tt.showToast({ | tt.showToast({ | ||||
title: '请填写抖音号', // 抖音号 | title: '请填写抖音号', // 抖音号 | ||||
@@ -74,13 +126,14 @@ Page({ | |||||
ttUserName:this.data.ttNum, | ttUserName:this.data.ttNum, | ||||
ttCountFans:this.data.ttBean, | ttCountFans:this.data.ttBean, | ||||
liaisonMan:this.data.userName, | liaisonMan:this.data.userName, | ||||
liaisonPhone:this.data.userPhone | |||||
liaisonPhone:this.data.userPhone, | |||||
code:this.data.codePhone | |||||
} | } | ||||
}).then(res=>{ | }).then(res=>{ | ||||
tt.showToast({ | tt.showToast({ | ||||
title: '提交成功!', // 内容 | title: '提交成功!', // 内容 | ||||
success: (res) => { | success: (res) => { | ||||
tt.navigateBack(); | |||||
} | } | ||||
}); | }); | ||||
}).catch(err=>{ | }).catch(err=>{ | ||||
@@ -14,7 +14,7 @@ | |||||
</view> | </view> | ||||
<view class="ttTitle">粉丝数</view> | <view class="ttTitle">粉丝数</view> | ||||
<view class="inputBox"> | <view class="inputBox"> | ||||
<input type="text" bindinput="setTtBean" placeholder="请输入当前抖音号的粉丝数量" placeholder-style="color: #8790A8;font-family: PingFang SC;" class="input"/> | |||||
<input type="number" bindinput="setTtBean" placeholder="请输入当前抖音号的粉丝数量" placeholder-style="color: #8790A8;font-family: PingFang SC;" class="input"/> | |||||
</view> | </view> | ||||
<view class="textBox oh"> | <view class="textBox oh"> | ||||
@@ -27,10 +27,11 @@ | |||||
<view class="inputBox1"> | <view class="inputBox1"> | ||||
<input type="text" bindinput="setUserPhone" placeholder="请输入您的手机号码" placeholder-style="color: #8790A8;font-family: PingFang SC;" class="input"/> | <input type="text" bindinput="setUserPhone" placeholder="请输入您的手机号码" placeholder-style="color: #8790A8;font-family: PingFang SC;" class="input"/> | ||||
</view> | </view> | ||||
<!-- <view class="inputBox1"> | |||||
<input type="text" bindinput="setUserPhone" placeholder="请输入验证码" placeholder-style="color: #8790A8;font-family: PingFang SC;" class="input2"/> | |||||
<view class="code">获取验证码</view> | |||||
</view> --> | |||||
<view class="inputBox1"> | |||||
<input type="text" bindinput="setCodePhone" placeholder="请输入验证码" placeholder-style="color: #8790A8;font-family: PingFang SC;" class="input2"/> | |||||
<view class="code" bindtap="getCode" tt:if="{{!NumFlag}}">获取验证码</view> | |||||
<view class="code" tt:if="{{NumFlag}}">{{Num}}s</view> | |||||
</view> | |||||
<view class="submit" bindtap="submit">提交申请</view> | <view class="submit" bindtap="submit">提交申请</view> | ||||
</view> | </view> | ||||
</view> | </view> |
@@ -14,8 +14,8 @@ | |||||
<view class="name"> | <view class="name"> | ||||
{{userData.nickName}} | {{userData.nickName}} | ||||
</view> | </view> | ||||
<image class="go" src="../../assets/images/arrow-right-bold.png" mode="aspectFit|aspectFill|widthFix" | |||||
lazy-load="false" binderror="" bindload="" /> | |||||
<!-- <image class="go" src="../../assets/images/arrow-right-bold.png" mode="aspectFit|aspectFill|widthFix" | |||||
lazy-load="false" binderror="" bindload="" /> --> | |||||
</view> | </view> | ||||
<!-- <view class="phone"> | <!-- <view class="phone"> | ||||
@@ -53,9 +53,9 @@ | |||||
</view> --> | </view> --> | ||||
<view class="elseBox"> | <view class="elseBox"> | ||||
<view class="elseTitle"> | |||||
<!-- <view class="elseTitle"> | |||||
其他服务 | 其他服务 | ||||
</view> | |||||
</view> --> | |||||
<navigator class="orderBox oh" target="" url="/pages/order/order" hover-class="navigator-hover" open-type="navigate"> | <navigator class="orderBox oh" target="" url="/pages/order/order" hover-class="navigator-hover" open-type="navigate"> | ||||
<image class="logo" src="{{imgHttps+'me_icon_wddd.png'}}" mode="aspectFit|aspectFill|widthFix" | <image class="logo" src="{{imgHttps+'me_icon_wddd.png'}}" mode="aspectFit|aspectFill|widthFix" | ||||
lazy-load="false" binderror="" bindload="" /> | lazy-load="false" binderror="" bindload="" /> | ||||
@@ -67,7 +67,8 @@ | |||||
</navigator> | </navigator> | ||||
<navigator class="orderBox oh" target="" url="" hover-class="navigator-hover" open-type="navigate"> | |||||
<button class="orderBox oh" open-type="contact" > | |||||
<image class="logo" src="{{imgHttps+'me_icon_zxkf.png'}}" mode="aspectFit|aspectFill|widthFix" | <image class="logo" src="{{imgHttps+'me_icon_zxkf.png'}}" mode="aspectFit|aspectFill|widthFix" | ||||
lazy-load="false" binderror="" bindload="" /> | lazy-load="false" binderror="" bindload="" /> | ||||
<view class="orderTitle"> | <view class="orderTitle"> | ||||
@@ -75,8 +76,7 @@ | |||||
</view> | </view> | ||||
<image class="go" src="../../assets/images/arrow-right-bold.png" mode="aspectFit|aspectFill|widthFix" | <image class="go" src="../../assets/images/arrow-right-bold.png" mode="aspectFit|aspectFill|widthFix" | ||||
lazy-load="false" binderror="" bindload="" /> | lazy-load="false" binderror="" bindload="" /> | ||||
</navigator> | |||||
</button> | |||||
<navigator class="orderBox oh" target="" url="/pages/mianCollect/mianCollect" hover-class="navigator-hover" open-type="navigate"> | <navigator class="orderBox oh" target="" url="/pages/mianCollect/mianCollect" hover-class="navigator-hover" open-type="navigate"> | ||||
<image class="logo" src="{{imgHttps+'details_tab_sc.png'}}" mode="aspectFit|aspectFill|widthFix" | <image class="logo" src="{{imgHttps+'details_tab_sc.png'}}" mode="aspectFit|aspectFill|widthFix" | ||||
@@ -88,6 +88,7 @@ | |||||
lazy-load="false" binderror="" bindload="" /> | lazy-load="false" binderror="" bindload="" /> | ||||
</navigator> | </navigator> | ||||
<navigator class="orderBox oh" target="" url="/pages/sponsor/sponsor" hover-class="navigator-hover" open-type="navigate"> | <navigator class="orderBox oh" target="" url="/pages/sponsor/sponsor" hover-class="navigator-hover" open-type="navigate"> | ||||
<image class="logo" src="{{imgHttps+'me_icon_gywm.png'}}" mode="aspectFit|aspectFill|widthFix" | <image class="logo" src="{{imgHttps+'me_icon_gywm.png'}}" mode="aspectFit|aspectFill|widthFix" | ||||
@@ -1,5 +1,5 @@ | |||||
.userInif{ | .userInif{ | ||||
margin-top: 40rpx; | |||||
} | } | ||||
.LogoBox{ | .LogoBox{ | ||||
margin: 20rpx; | margin: 20rpx; | ||||
@@ -11,8 +11,8 @@ | |||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.LogoBoxImg{ | .LogoBoxImg{ | ||||
width: 130rpx; | |||||
height: 130rpx; | |||||
width: 100rpx; | |||||
height: 100rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
margin-top: 10rpx; | margin-top: 10rpx; | ||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
@@ -24,7 +24,7 @@ | |||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
} | } | ||||
.nameGoBox{ | .nameGoBox{ | ||||
margin-top: 50rpx; | |||||
margin-top: 30rpx; | |||||
} | } | ||||
.name{ | .name{ | ||||
font-size: 36rpx; | font-size: 36rpx; | ||||
@@ -32,6 +32,7 @@ | |||||
font-weight: bold; | font-weight: bold; | ||||
color: #FFFFFF; | color: #FFFFFF; | ||||
float: left; | float: left; | ||||
margin-left: 20rpx; | |||||
} | } | ||||
.go{ | .go{ | ||||
margin-top: 15rpx; | margin-top: 15rpx; | ||||
@@ -77,6 +78,7 @@ margin-top: 30rpx ; | |||||
margin: 10rpx 0; | margin: 10rpx 0; | ||||
} | } | ||||
.elseBox{ | .elseBox{ | ||||
margin-top: 40rpx; | |||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
background-color: #191F2E; | background-color: #191F2E; | ||||
} | } | ||||
@@ -90,6 +92,8 @@ margin-top: 30rpx ; | |||||
} | } | ||||
.orderBox{ | .orderBox{ | ||||
padding: 20rpx; | padding: 20rpx; | ||||
background-color: #191F2E; | |||||
font-size: 30rpx; | |||||
} | } | ||||
.serviceBox{ | .serviceBox{ | ||||
padding: 20rpx; | padding: 20rpx; | ||||
@@ -9,17 +9,17 @@ | |||||
"minified": false, | "minified": false, | ||||
"scripts": false | "scripts": false | ||||
}, | }, | ||||
"appid": "tt9da4eb19029c2bb301", | |||||
"appid": "tt8183f73e1ebb053701", | |||||
"projectname": "知播堂", | "projectname": "知播堂", | ||||
"condition": { | "condition": { | ||||
"miniprogram": { | "miniprogram": { | ||||
"current": -1, | |||||
"current": 1625040084950, | |||||
"list": [ | "list": [ | ||||
{ | { | ||||
"id": 1623739186577, | |||||
"id": 1625040084950, | |||||
"name": "classDetails", | "name": "classDetails", | ||||
"pathName": "pages/classDetails/classDetails", | "pathName": "pages/classDetails/classDetails", | ||||
"query": "", | |||||
"query": "id=568597357595095040", | |||||
"scene": "990001", | "scene": "990001", | ||||
"launchFrom": "scan", | "launchFrom": "scan", | ||||
"location": "qr_code" | "location": "qr_code" | ||||
@@ -12,7 +12,8 @@ class HttpBasics { | |||||
/** | /** | ||||
* 请求路径前缀 | * 请求路径前缀 | ||||
*/ | */ | ||||
address ='https://ttctest.malls.iformall.com/tt/api'; | |||||
// address ='https://ttctest.malls.iformall.com/tt/api';//测试 | |||||
address ='https://c.jcwise.cn/tt/api';//生产 | |||||
/** | /** | ||||
* 请求头 | * 请求头 | ||||
*/ | */ | ||||
@@ -29,6 +29,16 @@ function fmtDate(date) { | |||||
return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, ''); | return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, ''); | ||||
} | } | ||||
function moodsText(Num){//人气值处理 Num人气值 返回字符串 处理到万位 | |||||
let sing = "" | |||||
if(Num>10000){ | |||||
sing = (Num/10000).toFixed(2)+"w" | |||||
}else{ | |||||
sing =Num | |||||
} | |||||
return sing | |||||
} | |||||
const formatTime = (date, fmt) => { | const formatTime = (date, fmt) => { | ||||
try { | try { | ||||
@@ -192,6 +202,6 @@ module.exports = { | |||||
fmtDate: fmtDate, | fmtDate: fmtDate, | ||||
timechuo: timechuo, | timechuo: timechuo, | ||||
timecha: timecha, | timecha: timecha, | ||||
moodsText:moodsText, | |||||
convertUTCTimeToLocalTime: convertUTCTimeToLocalTime | convertUTCTimeToLocalTime: convertUTCTimeToLocalTime | ||||
}; | }; |