Commit b992107c by honghong

详情

parent 0b2dd4d9
...@@ -8,7 +8,7 @@ const userNeedSquare = (params) => { ...@@ -8,7 +8,7 @@ const userNeedSquare = (params) => {
} }
// 获取订单详细信息 // 获取订单详细信息
const orderDetailMsg = (params) => { const orderDetailMsg = (params) => {
return ApiHttp('/xinrenli/article',params,'GET') return ApiHttp('/xinrenli/order/',params,'GET')
} }
export { export {
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
标题 标题
</view> </view>
<view class=""> <view class="">
灯泡坏了 {{orderDetail.title}}
</view> </view>
</view> </view>
<view class="content-textarea"> <view class="content-textarea">
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
成交金额 成交金额
</view> </view>
<view class=""> <view class="">
270 {{orderDetail.actualAmount}}
</view> </view>
</view> </view>
<view class="content-photograph"> <view class="content-photograph">
...@@ -64,7 +64,8 @@ ...@@ -64,7 +64,8 @@
return { return {
imgBgUrl: apiBaseConfig.imgBgUrl, imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData, globalData: getApp().globalData,
scrollTopHeader: 0 scrollTopHeader: 0,
orderDetail:{}
}; };
}, },
onLoad(option) { onLoad(option) {
...@@ -92,8 +93,12 @@ ...@@ -92,8 +93,12 @@
}, },
methods: { methods: {
getDetailData(id){ getDetailData(id){
let that = this
orderDetailMsg({id:id}).then(res=>{ orderDetailMsg({id:id}).then(res=>{
console.log(res,'详情') console.log(res.data,'详情')
if(res.code == 200){
that.orderDetail = res.data
}
}) })
}, },
// 播放 // 播放
......
<template> <template>
<view class="index"> <view>
<view class="index-content">
<view class="index-content-item"> <view class="index">
<view class="index-content-item-nav baiyin-flex baiyin-flex-c-b"> <view class="index-content">
<text></text> <view class="index-content-item">
<view>邀请新用户享受下单折扣</view> <view class="index-content-item-nav baiyin-flex baiyin-flex-c-b">
</view> <text></text>
<view class="index-content-item-li">1.成功邀请3位新用户,可享一单9折优惠</view> <view>邀请新用户享受下单折扣</view>
<view class="index-content-item-li">2.成功邀请5位新用户,可享两单9折优惠</view> </view>
<view class="index-content-item-li">3.成功邀请10位新用户,可享三单9折优惠</view> <view class="index-content-item-li">1.成功邀请3位新用户,可享一单9折优惠</view>
</view> <view class="index-content-item-li">2.成功邀请5位新用户,可享两单9折优惠</view>
<view class="index-content-item"> <view class="index-content-item-li">3.成功邀请10位新用户,可享三单9折优惠</view>
<view class="index-content-item-nav baiyin-flex baiyin-flex-c-b"> </view>
<text></text> <view class="index-content-item">
<view> <view class="index-content-item-nav baiyin-flex baiyin-flex-c-b">
我已邀请: <text></text>
<text>3位用户</text> <view>
</view> 我已邀请:
</view> <text>3位用户</text>
</view> </view>
</view> </view>
<u-button </view>
text="继续邀请新用户" </view>
color="#2C66FF" <u-button text="继续邀请新用户" color="#2C66FF" :customStyle="{
:customStyle="{ width: '710rpx',
width: '710rpx', height: '80rpx',
height: '80rpx', borderRadius: '10rpx',
borderRadius: '10rpx', padding: '0rpx',
padding: '0rpx', position: 'absolute',
position: 'absolute', left: '20rpx',
left: '20rpx', bottom: '142rpx'
bottom: '142rpx' }"></u-button>
}"
></u-button> </view>
</view> <!-- <view>
</template> <button class="invite-btn" data-name="shareBtn" open-type="share">继续邀请新用户</button>
</view> -->
<script> </view>
import apiBaseConfig from '@/config/index.js'; </template>
export default {
data() { <script>
return { import apiBaseConfig from '@/config/index.js';
imgBgUrl: apiBaseConfig.imgBgUrl, export default {
globalData: getApp().globalData, data() {
scrollTopHeader: 0 return {
}; imgBgUrl: apiBaseConfig.imgBgUrl,
}, globalData: getApp().globalData,
onLoad() {}, scrollTopHeader: 0
methods: {} };
}; },
</script> //分享
onShareAppMessage() {
<style lang="scss" scoped> return {
.index { title: '分享的标题'
&-content { }
margin: 24rpx 20rpx; },
width: calc(100% - 20rpx * 2); onLoad() {},
&-item { methods: {}
margin-bottom: 30rpx; };
&-nav { </script>
margin-bottom: 20rpx;
> text { <style lang="scss" scoped>
display: inline-block; .index {
width: 6rpx; &-content {
height: 36rpx; margin: 24rpx 20rpx;
background: #2c66ff; width: calc(100% - 20rpx * 2);
border-radius: 3rpx;
margin-right: 10rpx; &-item {
} margin-bottom: 30rpx;
> view {
font-size: 28rpx; &-nav {
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi; margin-bottom: 20rpx;
font-weight: 500;
color: #333333; >text {
> text { display: inline-block;
color: #2c66ff; width: 6rpx;
} height: 36rpx;
} background: #2c66ff;
} border-radius: 3rpx;
&-nav:last-child { margin-right: 10rpx;
margin-bottom: 0rpx; }
}
&-li { >view {
font-size: 24rpx; font-size: 28rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi; font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 400; font-weight: 500;
color: #333333; color: #333333;
margin-bottom: 10rpx;
padding-left: 14rpx; >text {
} color: #2c66ff;
&-li:last-child { }
margin-bottom: 0rpx; }
} }
}
} &-nav:last-child {
} margin-bottom: 0rpx;
}
&-li {
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
margin-bottom: 10rpx;
padding-left: 14rpx;
}
&-li:last-child {
margin-bottom: 0rpx;
}
}
}
}
.invite-btn {
width: 710rpx;
height: 80rpx;
border-radius: 10rpx;
// padding: 0rpx;
// position: absolute;
// left: 20rpx;
bottom: 142rpx;
color: #FFFFFF;
font-size: 18px;
text-align: center;
line-height: 80rpx;
background: #3476ff;
// transform: translate(50%,0);
// left: 50%;
// margin-left: -350rpx;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment