This commit is contained in:
18631081161 2024-07-14 19:51:12 +08:00
parent 5292b9407a
commit 448d675596
5 changed files with 80 additions and 35 deletions

View File

@ -76,7 +76,9 @@
<text>规则</text>
</view>
<view class="align-center ml30" @tap="toggleCollect">
<image :src="pageData.goods&&pageData.goods.collection_is?$img1('index/sc1.png'):$img1('index/sc2.png')"></image>
<image
:src="pageData.goods&&pageData.goods.collection_is?$img1('index/sc1.png'):$img1('index/sc2.png')">
</image>
<text>收藏</text>
</view>
</view>
@ -164,7 +166,8 @@
<view class="btFixed-footer mt20 align-center justify-around">
<view class="btFixed-footer-one center" @click="doMax">连击MAX</view>
<view class="btFixed-footer-two center">连击 {{buyNum}} </view>
<view class="btFixed-footer-three center">{{ pageData.goods?pageData.goods.user_mb_number:0 }}次夺取秘宝</view>
<view class="btFixed-footer-three center">{{ pageData.goods?pageData.goods.user_mb_number:0 }}次夺取秘宝
</view>
</view>
</template>
<template v-if="pageTabCur == 1">
@ -178,18 +181,41 @@
<view class="btFixed-footer2 mt20 align-center justify-around">
<view class="btFixed-footer2-one center" @click="doMax">连击MAX</view>
<view class="btFixed-footer2-two center">连击 1 </view>
<view class="btFixed-footer2-three center">{{ pageData.goods?pageData.goods.user_mb_number:0 }}次夺取秘宝</view>
<view class="btFixed-footer2-three center">{{ pageData.goods?pageData.goods.user_mb_number:0 }}次夺取秘宝
</view>
</view>
</template>
</view>
<view class="btnFixed column align-center">
<view :class="pageTabCur==1?'justify-end':''" style="width: 100%;">
<view :class="pageTabCur==1?'justify-end':''" style="width: 100%; display: flex; align-items: center;">
<view class="btnFixed-numBox align-center justify-between">
<image @click="jian" :src="$img1('index/jian.png')"></image>
<text class="flex-1 center" style="margin-bottom: 10rpx;">{{buyNum}}</text>
<image @click="jia" :src="$img1('index/jia.png')"></image>
</view>
<!-- 进度条-->
<view class="" v-if="pageTabCur!=1"
style="width: 50%; height: 50rpx; display: flex; flex-direction: row; align-items: center; justify-content: center;">
<img src="https://xinglanmh.shequtuangou.vip/static/image/20240714154317.png"
style="width: 51rpx;height: 24rpx;" alt="" />
<view style="width: 50%; height: 16rpx;position:relative; margin-left: 20rpx; margin-right: 20rpx;">
<view
style="width: 100%;background-color: #F4F3F8;height: 16rpx;border-radius: 10rpx;position:absolute; top: 0%;" />
<view
style="width:90%;background-color: #A87CEC;height: 16rpx;border-radius: 10rpx;position:absolute;"
:style="{width:computedPercentage(pageData.goods?pageData.goods.user_lian_ji_number:0,pageData.goods?pageData.goods.lian_ji_num:0)+'%'}" />
</view>
<view class="" style="color: #FEFEFE;">
{{pageData.goods?pageData.goods.user_lian_ji_number:0}}/{{pageData.goods?pageData.goods.lian_ji_num:0}}
</view>
</view>
</view>
<view class="btnFixed-btns relative center">
<view :class="pageTabCur==0?'':'filter'" @click="pageTabCur==0 && $c.noDouble(confirmSubmit, [0])"
class="btnFixed-btns-one">连击{{ pageTabCur==0?buyNum:0}}</view>
@ -249,21 +275,21 @@
<image :src="previewData.imgurl" lazy-load></image>
<view class="justify-center">{{ previewData.shang_title }}</view>
</view>
<view class="title">
<text class="hang1">
{{ previewData.title }}
</text>
</view>
<view class="d-list">
<view class="d-item">
{{ previewData.shang_title }} {{ previewData.pro }}
</view>
<view class="d-item">产品类型:{{ optData.type_text }}</view>
</view>
<view class="close icon" @click="close('dPop')">
<image :src="$img('/static/img/close.png')" lazy-load></image>
</view>
@ -368,7 +394,7 @@
</view>
<view class="icon">
<image v-if="useMoney" ::src="$img1('common/check_act.png')" lazy-load></image>
<image v-if="useMoney" :src="$img1('common/check_act.png')" lazy-load></image>
<image v-else :src="$img1('common/check.png')" lazy-load></image>
</view>
@ -805,7 +831,7 @@
num,
size
}) {
if(num>1) return this.mescroll.endByPage(this.logList.length, 1)
if (num > 1) return this.mescroll.endByPage(this.logList.length, 1)
this.req({
url: 'infinite_shang_log',
data: {
@ -874,7 +900,16 @@
open(e) {
this.$refs[e].open()
},
computedPercentage(numerator, denominator) {
// 0
if (this.denominator === 0) return 0;
// 100
return (numerator / denominator) * 100;
}
}
}
</script>
@ -1189,9 +1224,9 @@
}
.goods-list {
padding: 30rpx 0rpx 0;
padding: 30rpx 10rpx 10rpx 10rpx;
display: grid;
grid-template-columns: repeat(4,220rpx);
grid-template-columns: repeat(3, 220rpx);
grid-gap: 20rpx;
.goods-item {
@ -1647,40 +1682,46 @@
width: 750rpx;
display: flex;
justify-content: space-evenly;
.ft-btn {
width: 244rpx;
height: 116rpx;
font-weight: 400;
font-size: 28rpx;
>text{
>text {
margin-top: 36rpx;
}
}
>view:nth-child(1){
>view:nth-child(1) {
color: #DE6025;
}
>view:nth-child(2){
>view:nth-child(2) {
color: #7825DE;
}
}
}
.d-pop {
position: relative;
width: 570rpx;
box-sizing: border-box;
.pic {
width: 570rpx;
height: 598rpx;
// background: #8953DC;
background: #FFFFFF;
border: 2rpx solid #FFFFFF;
>image{
>image {
width: 548rpx;
height: 549rpx;
}
>view{
>view {
width: 130rpx;
height: 46rpx;
position: absolute;
@ -1693,7 +1734,7 @@
background: url($imgurl+'common/chouLabel.png') no-repeat 0 0 / 100% 100%;
}
}
.title {
margin: 40rpx auto 0;
width: 574rpx;
@ -1707,30 +1748,30 @@
border: 2rpx solid #894DD3;
border-radius: 12rpx;
background: #313133;
>text {
font-weight: 400;
font-size: 32rpx;
color: #FFFFFF;
}
}
.d-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 20rpx 0 0;
.d-item {
margin-top: 14rpx;
font-size: 24rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
}
}
.close {
width: 48rpx;
height: 48rpx;

View File

@ -5,14 +5,16 @@
<view class="title" :style="{marginTop: statusBarHeight + 'rpx' }">
商城好物
</view>
<image src="/static/common/banner.png" style="width: 100%; margin-top: ;" mode=""></image>
<image src="https://xinglanmh.shequtuangou.vip/static/image/20240711134727.png" style="width: 100%; margin-top: ;" mode=""></image>
</view>
<view class="grid-container">
<view v-for="(item,index) in datas" :key="index" class="grid-item" @click="order_money(item)">
<image src="/static/common/goods_bj.png" style="height: 430rpx; position: absolute;"
<image src="https://xinglanmh.shequtuangou.vip/static/image/20240711134549.png" style="height: 430rpx; position: absolute;"
mode="heightFix"></image>
<image :src="item.imgurl" style=" height: 326rpx; position: absolute;" mode="heightFix"></image>
<image :src="item.imgurl"
style=" width: 326.39rpx; height: 326.39rpx; position: absolute; left: 2rpx;" mode=""></image>
<view class="goods-name">
<text style="color: #FFF8F8FA; font-size: 27rpx;">{{item.title}}</text>
@ -188,7 +190,9 @@
url: 'goods',
data: {
type: '10',
page: 1
page: 1,
use_money_is: this.useMoney ? 1 : 2,
use_integral_is: this.isWXPay ? 1 : 2,
},
success(res) {
that.datas = res.data.data
@ -207,8 +211,8 @@
prize_num: 1,
goods_id: data.id,
goods_num: 1,
// use_money_is: that.yue ? 1 : 2,
// use_integral_is: that.bi ? 1 : 2,
use_money_is: this.useMoney ? 1 : 2,
use_integral_is: this.isWXPay ? 1 : 2,
// coupon_id: (that.couponData && that.couponData.id) || ''
},
success(res) {
@ -342,7 +346,7 @@
margin: 33rpx;
padding-bottom: 200rpx;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
gap: 16px;
}
.grid-item {
@ -436,7 +440,7 @@
.buy-card {
border-radius: 20rpx;
padding: 30rpx 30rpx 10rpx;
padding: 30rpx 30rpx 30rpx 30rpx;
background: #5B5B5D;
.buy-info {
@ -454,7 +458,7 @@
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
padding: 10rpx 0 10rpx 30rpx;
padding: 10rpx 10rpx 10rpx 30rpx;
.title {
font-size: 32rpx;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 905 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

View File

@ -6,7 +6,7 @@
export default function MeScroll(options, isScrollBody) {
let me = this;
me.version = '1.3.7'; // mescroll版本号
me.version = '1.3.8'; // mescroll版本号
me.options = options || {}; // 配置
me.isScrollBody = isScrollBody || false; // 滚动区域是否为原生页面滚动; 默认为scroll-view