master
fanfan 1 month ago
parent da1488533e
commit e000e531a7
  1. 36
      pages/activity/reinforced.vue
  2. 60
      pages/goods/detail.vue
  3. 111
      pages/goods/seckillDetail.vue
  4. BIN
      static/lianjie.png

@ -1,5 +1,5 @@
<template>
<view class="newpeople" :id="`newpeople${styleIndex}`">
<view class="newpeople">
<view class="newpeople-navbar">
<!-- #ifndef H5 -->
<u-navbar :title="title" title-color="#fff" back-icon-color="#fff" :border-bottom="false"
@ -33,12 +33,13 @@
</view>
</view>
<view class="buyNow">
<view style="">
马上抢
<!-- <view style="">
已补7495
</view>
<view class="buyNow" style="margin-top: 0;color: #999;">
19人付款
</view>
</view> -->
</view>
</view>
</view>
@ -62,7 +63,7 @@
current: 0,
isLoading: true,
background: {
background: 'url(https://www.royaum.com.cn/static/news/newPeople-bg.png) center top no-repeat',
background: 'url(https://www.royaum.com.cn/static/reinforced.png) center top no-repeat',
backgroundSize: '500% auto',
},
@ -82,7 +83,7 @@
immediate: true,
handler() {
this.background.background =
`url(https://www.royaum.com.cn/static/news/newPeople${this.styleIndex}-bg.png) center top no-repeat`;
`url(https://www.royaum.com.cn/static/reinforced.png?t=1) center top no-repeat`;
},
},
},
@ -167,18 +168,21 @@
}
.newpeople {
// #ifdef MP-WEIXIN
background: url(https://www.royaum.com.cn/static/news/newPeople-bg.png) center 132rpx no-repeat;
// #endif
// #ifndef MP-WEIXIN
background: url(https://www.royaum.com.cn/static/news/newPeople-bg.png) center 0 no-repeat;
// #endif
background-size: 100% auto;
// // #ifdef MP-WEIXIN
// background: url(https://www.royaum.com.cn/static/reinforced.png) center 180rpx no-repeat;
// // #endif
// // #ifndef MP-WEIXIN
// background: url(https://www.royaum.com.cn/static/reinforced.png) center 0 no-repeat;
// // #endif
// background-size: 100% auto;
overflow: hidden;
&-hd {
height: 376rpx;
background: url(https://www.royaum.com.cn/static/reinforced.png) center 0 no-repeat;
background-size: 100% auto;
overflow: hidden;
.rule {
right: 0;
@ -378,14 +382,14 @@
}
.buyNow {
margin-top: 10rpx;
width: 160rpx;
font-size: 20rpx;
font-size: 28rpx;
font-weight: 500;
text-align: center;
color: #FFFFFF;
margin-right: 14rpx;
height: 30rpx;line-height: 30rpx;
height: 80rpx;
line-height: 80rpx;
}
}

@ -35,7 +35,9 @@
<text class="sellLeft"></text>{{goods.line_price_min?Number(goods.line_price_min):0}}
</view>
</view>
<view class="right"><text style="font-size: 22rpx;font-weight: 500;">国补价</text>:¥3760</view>
<view class="rights" v-if="goods.guobu_price>0&&storeInfo.gb_status==1"><text
style="font-size: 22rpx;font-weight: 500;">国补价</text>:¥{{goods.guobu_price?goods.guobu_price:0}}
</view>
</view>
</view>
<view class="right" v-if="seckillCountTime==0">
@ -141,16 +143,17 @@
style="width: 30rpx;height: 30rpx;margin-left: 14rpx;"></image>
</view>
</view>
<view class="goodsOpera" style="margin-top: 30rpx;">
<view class="goodsGuo">
<text>国补下单:</text>¥3599
<view class="goodsOpera" style="margin-top: 30rpx;"
v-if="goods.guobu_order_price>0 &&goods.guobu_return_price>0">
<view class="goodsGuo" v-if="goods.guobu_order_price>0">
<text>国补下单:</text>¥{{goods.guobu_order_price?goods.guobu_order_price:0}}
</view>
<view class="goodsGuo">
<text>补贴后返:</text>¥379
<view class="goodsGuo" v-if="goods.guobu_return_price>0">
<text>补贴后返:</text>¥{{goods.guobu_return_price?goods.guobu_return_price:0}}
</view>
<view class="goodsGuo" style="display: flex;align-items: center;">
<image :src="$picUrl+'/static/detail/address.png'"
style="width: 46rpx;height: 46rpx;margin:0 5rpx 0 0;"></image><text>领取国补链接</text>
<view class="goodsGuo" style="display: flex;align-items: center;" @click="showConfirm">
<image src="../../static/lianjie.png" style="width: 46rpx;height: 46rpx;margin:0 5rpx 0 0;">
</image><text>领取国补链接</text>
</view>
</view>
</view>
@ -525,6 +528,7 @@
markup_rate: "",
showGoodsPosterPopup: false,
cityInfo: {},
storeInfo: {},
currenIndex: 0,
isTop: false,
goodShow: false,
@ -604,11 +608,12 @@
this.pre_id = options.pre_id ? options.pre_id : null;
this.isSeckill = options.isSeckill ? options.isSeckill : null;
this.isBuy = options.isBuy ? Number(options.isBuy) : null;
console.log(this.isBuy);
this.seckillText = options.seckillText ? decodeURIComponent(options.seckillText) : null;
this.getSuggestGoods()
this.getGoodsDetail()
this.cityInfo = uni.getStorageSync("cityInfo");
this.storeInfo = JSON.parse(uni.getStorageSync("storeInfo"));
this.getGoodsStockInfor()
this.getCartTotal()
this.getProvinceAll()
@ -645,6 +650,35 @@
}
},
methods: {
async showConfirm() {
let that = this
//
let res = await GoodsApi.goodsShortUrl({
page_url: encodeURIComponent('pages/goods/detail?refereeId=' + store
.getters.userId +
'&goodsId=' + that.goods.goods_id),
page_title: that.goods.goods_name,
})
if (res.data.url) {
let str =
`客服,你好,麻烦你发送一下这个商品的国补下单链接以及补贴后返的方法!\n抢购链接:${res.data.url}`
uni.setClipboardData({
data: str
})
}
uni.showModal({
title: '提示',
content: '请联系在线客服领取补贴专链?',
success: function(res) {
if (res.confirm) {
that.handleContact()
//
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
},
//
getAuthorize() {
const _this = this
@ -2614,10 +2648,12 @@
display: flex;
overflow: hidden;
.right {
background: linear-gradient(102deg, #FE5E06 0%, #F3221A 100%);
.rights {
display: inline;
background: linear-gradient(102deg, #FE5E06 0%, #F3221A 100%);
padding: 0 18rpx;
height: 54rpx;
line-height: 54rpx;
border-radius: 45rpx;
display: flex;
align-items: center;

@ -26,11 +26,18 @@
<view class="goodsInfo">
<view class="goodsPrice">
<view class="left">
<view class="leftPrice">
<text></text>{{goods.seckill_price?Number(goods.seckill_price):0}}
</view>
<view class="sellPrice">
<text class="sellLeft"></text>{{goods.line_price_min?Number(goods.line_price_min):0}}
<view class="guobu">
<view class="">
<view class="leftPrice">
<text></text>{{goods.goods_price_min?Number(goods.goods_price_min):0}}
</view>
<view class="sellPrice">
<text class="sellLeft"></text>{{goods.line_price_min?Number(goods.line_price_min):0}}
</view>
</view>
<view class="rights" v-if="goods.guobu_price>0&&storeInfo.gb_status==1"><text
style="font-size: 22rpx;font-weight: 500;">国补价</text>:¥{{goods.guobu_price?goods.guobu_price:0}}
</view>
</view>
</view>
<view class="right">
@ -49,10 +56,10 @@
v-else>{{(goods.line_price_min>0&&goods.goods_price_min>0)?Number((Number(goods.line_price_min)-Number(goods.goods_price_min)).toFixed(2)):0}}</text>
</view>
<view class="rightBox" v-if="isSeckill" style="background:unset;padding:unset;">
<text class="span" style="color: #ffffff;font-size: 45rpx;font-family: STXinwei;">限时抢购</text>
<text class="span" style="color: #F21A1C;font-size: 45rpx;font-family: STXinwei;">限时抢购</text>
</view>
<view class="rest" v-if="isSeckill"
style="display: inline-flex;color:#ffffff;font-size: 30rpx;margin-top: 5rpx;float: right;font-family: STXinwei;width: 300rpx;">
style="display: inline-flex;color:#F21A1C;font-size: 30rpx;margin-top: 5rpx;float: right;font-family: STXinwei;width: 300rpx;">
<text style="margin-right: 20rpx;font-family: STXinwei;">距活动{{seckillText}}</text>
<u-count-down :timestamp="isBuy" format="HH:mm:ss" autoStart
@change="onChangeSeckillCutDownTime">
@ -117,6 +124,18 @@
style="width: 30rpx;height: 30rpx;margin-left: 14rpx;"></image>
</view>
</view>
<view class="goodsOpera" style="margin-top: 30rpx;">
<view class="goodsGuo" v-if="goods.guobu_order_price>0">
<text>国补下单:</text>¥{{goods.guobu_order_price?goods.guobu_order_price:0}}
</view>
<view class="goodsGuo" v-if="goods.guobu_return_price>0">
<text>补贴后返:</text>¥{{goods.guobu_return_price?goods.guobu_return_price:0}}
</view>
<view class="goodsGuo" style="display: flex;align-items: center;" @click="showConfirm">
<image src="../../static/lianjie.png" style="width: 46rpx;height: 46rpx;margin:0 5rpx 0 0;">
</image><text>领取国补链接</text>
</view>
</view>
</view>
</view>
<view v-if="storeVersion == 1 && goods.merchant_id > 0" class="merchant-info" @click="toShop()">
@ -445,6 +464,7 @@
markup_rate: "",
showGoodsPosterPopup: false,
cityInfo: {},
storeInfo: {},
currenIndex: 0,
isTop: false,
goodShow: false,
@ -515,6 +535,7 @@
that.options = options;
that.getAuthorize();
let result = uni.getStorageSync("addressResult")
this.storeInfo = JSON.parse(uni.getStorageSync("storeInfo"));
this.addressResult = result ? result.address_component : this.addressResult
this.isPre = options.isPre ? options.isPre : null
const scene = getSceneData(options)
@ -541,6 +562,35 @@
}
},
methods: {
async showConfirm() {
let that = this
//
let res = await GoodsApi.goodsShortUrl({
page_url: encodeURIComponent('pages/goods/detail?refereeId=' + store
.getters.userId +
'&goodsId=' + that.goods.goods_id),
page_title: that.goods.goods_name,
})
if (res.data.url) {
let str =
`客服,你好,麻烦你发送一下这个商品的国补下单链接以及补贴后返的方法!\n抢购链接:${res.data.url}`
uni.setClipboardData({
data: str
})
}
uni.showModal({
title: '提示',
content: '请联系在线客服领取补贴专链?',
success: function(res) {
if (res.confirm) {
that.handleContact()
//
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
},
//
getAuthorize() {
const _this = this
@ -1477,7 +1527,7 @@
margin: 20rpx 18rpx 0 18rpx;
.goodsPrice {
background-image: url('https://www.royaum.com.cn/static/detail/priceback.png');
// background-image: url('https://www.royaum.com.cn/static/detail/priceback.png');
width: 720rpx;
height: 136rpx;
background-size: cover;
@ -1492,14 +1542,14 @@
height: 64rpx;
font-size: 46rpx;
font-weight: 400;
color: #FFFFFF;
color: #F21A1C;
line-height: 64rpx;
text {
height: 64rpx;
font-size: 32rpx;
font-weight: 400;
color: #FFFFFF;
color: #F21A1C;
line-height: 64rpx;
margin-right: 8rpx;
}
@ -1509,7 +1559,7 @@
height: 34rpx;
font-size: 24rpx;
font-weight: 400;
color: #FFFFFF;
color: #8A8A8A;
line-height: 34rpx;
text-decoration: line-through;
@ -1630,7 +1680,7 @@
.goodsContent {
justify-content: space-between;
display: flex;
margin-top: 32rpx;
margin-top: 10rpx;
align-items: center;
}
@ -2515,4 +2565,39 @@
.detail-content {
overflow: hidden;
}
</style>
.guobu {
display: flex;
overflow: hidden;
.rights {
background: linear-gradient(102deg, #FE5E06 0%, #F3221A 100%);
padding: 0 18rpx;
height: 54rpx;
border-radius: 45rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-family: PingFang SC, PingFang SC;
font-weight: 700;
font-size: 30rpx;
margin-left: 15rpx;
}
}
.goodsGuo {
overflow: hidden;
font-family: PingFang SC, PingFang SC;
font-weight: 800;
font-size: 30rpx;
color: #F21A1C;
text {
font-size: 26rpx;
color: #8A8A8A;
font-weight: 500;
}
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Loading…
Cancel
Save