替换部分页面弹窗样式 修正支付弹窗金额显示不正确
This commit is contained in:
parent
a82bc0b748
commit
4408dd6eb6
|
@ -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>
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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>
|
|
@ -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"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue