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

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="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_4_0.js"></script>
<script src="./payPop.js"></script> <script src="./payPop.js"></script>
<link rel="stylesheet" href="./payPop.css"> <link rel="stylesheet" href="./payPop.css">
<script src="./popModel.js"></script> <script src="./modelPop.js"></script>
</head> </head>
<body> <body>
@ -132,13 +132,14 @@
<div v-html="describe.content"> <div v-html="describe.content">
</div> </div>
</div> </div>
<img class="susTip" @click="suspension = true" <img class="susTip" @click="suspension = true"
v-if="describe.type==='2'&&describe.content&&!suspension&&goodsDetail.type===1" v-if="describe.type==='2'&&describe.content&&!suspension&&goodsDetail.type===1"
src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/acticeTextTip.png" alt=""> 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> </div>
</body> </body>
<script> <script>

View File

@ -14,6 +14,7 @@
<link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/homepage1_3_0.css"> <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/loading.js"></script>
<script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_4_0.js"></script> <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api1_4_0.js"></script>
<script src="./modelPop.js"></script>
</head> </head>
<style scoped> <style scoped>
html { html {
@ -36,18 +37,14 @@
<body> <body>
<div id="app" :style={background:bgcolor}> <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':''"> <div class="prompt" :class="promtshow?'proactive':''">
{{this.promttip}} {{this.promttip}}
</div> </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"> <div class="um-content" v-if="loading" ref="load">
<preload-component /> <preload-component />
</div> </div>
@ -108,9 +105,20 @@
'3': 'exchange', '3': 'exchange',
'4': 'coupon', '4': 'coupon',
'8': 'coupon', '8': 'coupon',
} },
/* 提示框状态 */
popShow: false,
popTitle: '',
popText: '',
popStatus: 1
} }
}, },
components: {
modelPop
},
created () { created () {
captchaimg() captchaimg()
let self = this; let self = this;
@ -185,10 +193,7 @@
}) })
}, },
methods: { methods: {
successchangeBtn () {
this.popboxshow = false;
this.maskshow = false;
},
//获取白名单验证码 //获取白名单验证码
getcode () { getcode () {
let self = this; let self = this;
@ -323,9 +328,10 @@
}, },
//错误弹出框 //错误弹出框
openErrorDialog (tip) { openErrorDialog (tip) {
this.maskshow = true; this.popTitle = '温馨提示'
this.tiptext = tip; this.popText = tip
this.popboxshow = true; this.popStatus = 2
this.popShow = true
} }
}, },
watch: { 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='font-size: 0.15rem;color: #524D4D;margin:0.1rem 0 0.2rem'>{{text}}</p>
<p style='width: 1.99rem;height: 0.46rem; <p style='width: 1.99rem;height: 0.46rem;
background: #FE6344;border-radius: 0.23rem; 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' @click='colesFunction'
>我知道了</p> >我知道了</p>
</div> </div>

View File

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