新增·
This commit is contained in:
lnn19986213
parent
d8e2a0cb6c
commit
27e34fd43c
|
|
@ -283,6 +283,24 @@
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
//虚拟物品-线上交易
|
||||||
|
,{
|
||||||
|
"path" : "pages/ConfirmOrder/fictitiousOrder",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "确认订单",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//虚拟物品-购买详情
|
||||||
|
,{
|
||||||
|
"path" : "pages/ConfirmOrder/purchaseDetail",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "购买详情",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
}
|
||||||
,{
|
,{
|
||||||
"path" : "pages/Login/Login",
|
"path" : "pages/Login/Login",
|
||||||
"style" :
|
"style" :
|
||||||
|
|
@ -328,7 +346,14 @@
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
,{
|
||||||
|
"path" : "pages/MyOrder/fictitiousDetail",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "订单详情",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
}
|
||||||
],
|
],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationBarTextStyle": "black", //导航栏标题颜色及状态栏前景颜色，仅支持 black/white
|
"navigationBarTextStyle": "black", //导航栏标题颜色及状态栏前景颜色，仅支持 black/white
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,197 @@
|
||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="goods_box bg_col_cirle_margin">
|
||||||
|
<view class="goods_itm">
|
||||||
|
<view class="goods_itm_top">
|
||||||
|
<image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/TxtImg.png" mode=""></image>
|
||||||
|
<text class="goods_itm_top_title">周科</text>
|
||||||
|
</view>
|
||||||
|
<view class="goods_itm_bott">
|
||||||
|
<image style="width: 148rpx; height: 156rpx;" src="../../static/DataSearch/TxtImg.png" mode="">
|
||||||
|
</image>
|
||||||
|
<view class="goods_itm_bott_left">
|
||||||
|
<text style="font-weight: 600;">绘画作品</text>
|
||||||
|
<view class="goods_itm_bott_left_count">
|
||||||
|
<text>x1</text> <text>80积分</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="price_box bg_col_cirle_margin">
|
||||||
|
<view class="price_total">
|
||||||
|
<view class="price_total_left">
|
||||||
|
商品总价
|
||||||
|
</view>
|
||||||
|
<view class="price_total_right">
|
||||||
|
<image style="width: 40rpx; height: 40rpx;" src="../../static/jfIcon.png" mode=""></image>
|
||||||
|
<text style="margin-left: 5px;">80</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<view class="bottom_opration">
|
||||||
|
<view class="txt">
|
||||||
|
<text>合计：</text> <text class="total_prc_color">80积分</text>
|
||||||
|
</view>
|
||||||
|
<view class="pay_button">
|
||||||
|
立即支付
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page{
|
||||||
|
background-color: #F4F5F7;
|
||||||
|
}
|
||||||
|
image{
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.person_des {
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.person_con {
|
||||||
|
flex: 1;
|
||||||
|
margin-left: 24rpx;
|
||||||
|
|
||||||
|
.person_con_t {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
.info_txt{
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 32rpx;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.goods_box {
|
||||||
|
|
||||||
|
.goods_itm {
|
||||||
|
.goods_itm_top{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.goods_itm_top_title{
|
||||||
|
margin-left: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.goods_itm_bott{
|
||||||
|
margin-top: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
.goods_itm_bott_left{
|
||||||
|
flex: 1;
|
||||||
|
margin-left: 36rpx;
|
||||||
|
.goods_itm_bott_left_count{
|
||||||
|
color: $gray;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.price_box{
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
.price_tit{
|
||||||
|
font-weight: 600;
|
||||||
|
border-bottom: 1rpx #E0E0E0 solid;
|
||||||
|
padding-bottom: 32rpx;
|
||||||
|
}
|
||||||
|
.price_total{
|
||||||
|
width: 100%;
|
||||||
|
height: 32px;
|
||||||
|
line-height: 32px;
|
||||||
|
overflow: hidden;
|
||||||
|
.price_total_left{
|
||||||
|
float: left;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.price_total_right{
|
||||||
|
float: right;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.express_price{
|
||||||
|
padding: 24rpx 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.pay_methods{
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
// 辅助
|
||||||
|
.bg_col_cirle_margin{
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
width: calc(100% - 64rpx);
|
||||||
|
margin: 16rpx auto;
|
||||||
|
padding: 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.bottom_opration{
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
justify-content: space-between;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 166rpx;
|
||||||
|
.txt{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
.total_prc_color{
|
||||||
|
font-weight: 600;
|
||||||
|
color: #FF6600;
|
||||||
|
font-size: 44rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay_button{
|
||||||
|
background-color: $red;
|
||||||
|
color: #FFFFFF;
|
||||||
|
width: 284rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,114 @@
|
||||||
|
<template>
|
||||||
|
<view v-if="success == 0">
|
||||||
|
<view class="success_box">
|
||||||
|
<view class="success_icon">
|
||||||
|
<image style="width: 64rpx; height: 64rpx;" src="../../static/success.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="success_text">
|
||||||
|
购买成功！
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="button" @click="toDetail(1)">
|
||||||
|
查看订单
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-else-if="success == 1">
|
||||||
|
<view class="error_box" >
|
||||||
|
<view class="error_icon">
|
||||||
|
<image style="width: 64rpx; height: 64rpx;" src="../../static/error.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="error_text">
|
||||||
|
购买失败！您的积分不足噢！
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="button" @click="returnBack()">
|
||||||
|
返回
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
success: 1,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods:{
|
||||||
|
toDetail(val){
|
||||||
|
console.log(val)
|
||||||
|
},
|
||||||
|
returnBack(){
|
||||||
|
uni.navigateBack()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background-color: #F4F5F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success_box {
|
||||||
|
width: 100%;
|
||||||
|
height: 144rpx;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.success_icon {
|
||||||
|
width: 64rpx;
|
||||||
|
height: 64rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 39rpx;
|
||||||
|
left: 250rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success_text {
|
||||||
|
position: absolute;
|
||||||
|
left: 340rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 144rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.error_box {
|
||||||
|
width: 100%;
|
||||||
|
height: 144rpx;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.error_icon {
|
||||||
|
width: 64rpx;
|
||||||
|
height: 64rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 39rpx;
|
||||||
|
left: 110rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error_text {
|
||||||
|
position: absolute;
|
||||||
|
left: 200rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 144rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.button {
|
||||||
|
width: 90%;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 26px;
|
||||||
|
margin-left: 5%;
|
||||||
|
background-color: #99241B;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -63,6 +63,14 @@
|
||||||
2022-03-23 20:22:03
|
2022-03-23 20:22:03
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="line">
|
||||||
|
<view class="lineLeft">
|
||||||
|
发货时间：
|
||||||
|
</view>
|
||||||
|
<view class="lineRight">
|
||||||
|
2022-03-23 20:22:03
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,173 @@
|
||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<view class="goods_box bg_col_cirle_margin">
|
||||||
|
<view class="goods_itm">
|
||||||
|
<view class="goods_itm_top">
|
||||||
|
<!-- <image style="width: 46rpx; height: 46rpx;" src="../../static/DataSearch/Delet.png" mode=""></image> -->
|
||||||
|
<text class="goods_itm_top_title">商品详情</text>
|
||||||
|
</view>
|
||||||
|
<view class="goods_itm_bott">
|
||||||
|
<image style="width: 148rpx; height: 156rpx;" src="../../static/DataSearch/TxtImg.png" mode="">
|
||||||
|
</image>
|
||||||
|
<view class="goods_itm_bott_left">
|
||||||
|
<text style="font-weight: 600;">绘画作品</text>
|
||||||
|
<view class="goods_itm_bott_left_count">
|
||||||
|
<text>x1</text> <text>￥80</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="price_box bg_col_cirle_margin">
|
||||||
|
<view class="price_tit">
|
||||||
|
取货链接
|
||||||
|
</view>
|
||||||
|
<view class="image_box">
|
||||||
|
<image style="width: 64rpx; height: 64rpx;" src="../../static/linkIcon.png" mode="">
|
||||||
|
</image>
|
||||||
|
</view>
|
||||||
|
<view class="word_link" @click="copy(item)">
|
||||||
|
{{item.url}}
|
||||||
|
</view>
|
||||||
|
<view class="word_link_pas">
|
||||||
|
提取码：{{item.pass}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
id: '',
|
||||||
|
item:{
|
||||||
|
url:'https://www.cnblogs.com/phpyangbo/p/14656524.html',
|
||||||
|
pass:'1565',
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(o) {
|
||||||
|
this.id = o.id
|
||||||
|
console.log(this.id)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toRefund() {
|
||||||
|
console.log('退款')
|
||||||
|
// uni.navigateTo({
|
||||||
|
// url: "/pages/MyOrder/refund?id=" + val
|
||||||
|
// })
|
||||||
|
},
|
||||||
|
copy(val) {
|
||||||
|
uni.showModal({
|
||||||
|
title: '复制链接',
|
||||||
|
content: val.url,
|
||||||
|
confirmText: '复制',
|
||||||
|
success: function(res) {
|
||||||
|
if (res.confirm) {
|
||||||
|
uni.setClipboardData({
|
||||||
|
data: val.url,
|
||||||
|
success: () => { //复制成功的回调函数
|
||||||
|
uni.showToast({ //提示
|
||||||
|
title: '复制成功'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
});
|
||||||
|
console.log('用户点击确定');
|
||||||
|
} else if (res.cancel) {
|
||||||
|
console.log('用户点击取消');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
page {
|
||||||
|
background-color: #F4F5F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.goods_box {
|
||||||
|
|
||||||
|
.goods_itm {
|
||||||
|
.goods_itm_top {
|
||||||
|
.goods_itm_top_title {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.goods_itm_bott {
|
||||||
|
margin-top: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
.goods_itm_bott_left {
|
||||||
|
flex: 1;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
|
||||||
|
.goods_itm_bott_left_count {
|
||||||
|
color: $gray;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.price_box {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
|
||||||
|
.price_tit {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
border-bottom: 1rpx #E0E0E0 solid;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image_box {
|
||||||
|
width: 80rpx;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.word_link {
|
||||||
|
float: left;
|
||||||
|
width: calc(100% - 100rpx);
|
||||||
|
margin-top: 20rpx;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #99241B;
|
||||||
|
line-height: 30px;
|
||||||
|
white-space: nowrap; /*超出的空白区域不换行*/
|
||||||
|
overflow: hidden; /*超出隐藏*/
|
||||||
|
text-overflow: ellipsis; /*文本超出显示省略号*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.word_link_pas {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 辅助
|
||||||
|
.bg_col_cirle_margin {
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
margin-top: 16rpx;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
width: calc(100% - 64rpx);
|
||||||
|
margin: 16rpx auto;
|
||||||
|
padding: 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -140,7 +140,16 @@
|
||||||
allMoney: 88,
|
allMoney: 88,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
getData(){
|
||||||
|
uni.setNavigationBarTitle({
|
||||||
|
title: '购物车(' + this.list.length + ')'
|
||||||
|
});
|
||||||
|
|
||||||
|
},
|
||||||
del(i) {
|
del(i) {
|
||||||
console.log(i)
|
console.log(i)
|
||||||
},
|
},
|
||||||
|
|
@ -237,7 +246,7 @@
|
||||||
|
|
||||||
.top_right {
|
.top_right {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
line-height: 35px;
|
line-height: 38px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Loading…
Reference in New Issue