替换部分页面弹窗样式 修正支付弹窗金额显示不正确

This commit is contained in:
wangsongsole 2022-09-27 17:08:43 +08:00
parent a82bc0b748
commit 4408dd6eb6
4 changed files with 31 additions and 20 deletions

View File

@ -16,7 +16,7 @@
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_4_0.js"></script>
<script src="./payPop.js"></script>
<link rel="stylesheet" href="./payPop.css">
<script src="./popModel.js"></script>
<script src="./modelPop.js"></script>
</head>
<body>
@ -132,13 +132,14 @@
<div v-html="describe.content">
</div>
</div>
<img class="susTip" @click="suspension = true"
v-if="describe.type==='2'&&describe.content&&!suspension&&goodsDetail.type===1"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png" alt="">
<!-- 弹出框 -->
<!-- 支付弹窗 -->
<pay-pop :show.sync="show" :active="active" @payFunction="payFunction" />
<pay-pop :show.sync="show" :active="active" @payFunction="payFunction" :money="goodsDetail.coupon_price" />
</div>
</body>
<script>

View File

@ -14,6 +14,7 @@
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage1_3_0.css">
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/loading.js"></script>
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_4_0.js"></script>
<script src="./modelPop.js"></script>
</head>
<style scoped>
html {
@ -36,18 +37,14 @@
<body>
<div id="app" :style={background:bgcolor}>
<!-- 弹出提示 -->
<model-pop :show.sync="popShow" :title="popTitle" :status="popStatus" :text="popText"></model-pop>
<!-- 单条弹出框 -->
<div class="prompt" :class="promtshow?'proactive':''">
{{this.promttip}}
</div>
<!-- 弹出提示 -->
<div class="mask" v-if="maskshow"></div>
<div class="popboxshow" v-if="popboxshow" :class="popboxshow?'active':''">
<div class="tip">
<p class="yettip">{{tiptext}}</p>
<span @click="successchangeBtn" class="yetexchange">知道了</span>
</div>
</div>
<div class="um-content" v-if="loading" ref="load">
<preload-component />
</div>
@ -108,9 +105,20 @@
'3': 'exchange',
'4': 'coupon',
'8': 'coupon',
}
},
/* 提示框状态 */
popShow: false,
popTitle: '',
popText: '',
popStatus: 1
}
},
components: {
modelPop
},
created () {
captchaimg()
let self = this;
@ -185,10 +193,7 @@
})
},
methods: {
successchangeBtn () {
this.popboxshow = false;
this.maskshow = false;
},
//获取白名单验证码
getcode () {
let self = this;
@ -323,9 +328,10 @@
},
//错误弹出框
openErrorDialog (tip) {
this.maskshow = true;
this.tiptext = tip;
this.popboxshow = true;
this.popTitle = '温馨提示'
this.popText = tip
this.popStatus = 2
this.popShow = true
}
},
watch: {

View File

@ -7,7 +7,7 @@ const modelPop = {
<p style='font-size: 0.15rem;color: #524D4D;margin:0.1rem 0 0.2rem'>{{text}}</p>
<p style='width: 1.99rem;height: 0.46rem;
background: #FE6344;border-radius: 0.23rem;
font-size: 0.19rem;color:#fff;line-height: 0.45rem;'
font-size: 0.19rem;color:#fff;line-height: 0.45rem;margin:auto'
@click='colesFunction'
>我知道了</p>
</div>

View File

@ -3,7 +3,7 @@ const payPop = {
<div class="mask model" @touchmove.prevent @mousewheel.prevent v-if="show">
<div class="model-box">
<img class="coles" @click='colesFunction' src="./img/coles.png" alt="">
<p class="money"><span class="sign"></span>128.00</p>
<p class="money"><span class="sign"></span>{{money}}</p>
<p class="title">选择支付方式</p>
<div class="list">
<div class="list-children" @click='active=1'>
@ -38,6 +38,10 @@ const payPop = {
active: {
type: Number,
default: 1
},
money: {
type: Number || String,
default: "88.88"
}
},