|
|
@@ -81,7 +81,7 @@
|
|
|
|
|
|
<el-row class="option-row" v-for="(con, index) in i" :key="index" @click.native="instrumentF(con)">
|
|
|
<el-col :span="12">
|
|
|
- <i class="check_default" :class="[ con.checked ? 'check_active' : '' ]"></i>
|
|
|
+ <i class="check_default" :class="[ con.checked ? 'radio_active' : '' ]"></i>
|
|
|
<div>
|
|
|
{{ con.name }}
|
|
|
<div v-if="con.goodsList" style="font-size: .12rem; color: #aaa">
|
|
|
@@ -161,11 +161,20 @@
|
|
|
|
|
|
<div class="buy">
|
|
|
<div class="price">
|
|
|
- <p class="use_price">
|
|
|
+ <!-- <p class="use_price">
|
|
|
<img class="logo" src="@/assets/images/mycard.png" alt="">
|
|
|
<span>￥{{ needPrice | moneyFormat }}</span>
|
|
|
- </p>
|
|
|
+ </p> -->
|
|
|
+ <p class="oldprice">
|
|
|
+ <del class="text">原价</del>
|
|
|
+ <del>￥{{ orderInfo.marketPrice }}</del>
|
|
|
+ </p>
|
|
|
+ <p class="now_price">
|
|
|
+ <span class="text">仅需支付</span>
|
|
|
+ <span style="font-weight: bold">￥{{ needPrice }}</span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
+
|
|
|
<a class="btn-submit">购买</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -689,6 +698,9 @@ export default {
|
|
|
|
|
|
.disabled {
|
|
|
opacity: 0.7;
|
|
|
+ .check_active {
|
|
|
+ opacity: .5;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.buy {
|
|
|
@@ -860,6 +872,14 @@ export default {
|
|
|
background-size: contain;
|
|
|
}
|
|
|
}
|
|
|
+ &.radio_active {
|
|
|
+ &::before {
|
|
|
+ display: block;
|
|
|
+ content: ' ';
|
|
|
+ background: url("../../../assets/images/icon_radio.png") no-repeat center;
|
|
|
+ background-size: contain;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
// .check_default {
|
|
|
@@ -878,7 +898,7 @@ export default {
|
|
|
.title-row {
|
|
|
background: #F3F4F8;
|
|
|
color: #1a1a1a;
|
|
|
- padding:5px 0 3px;
|
|
|
+ padding:5px 5px 3px;
|
|
|
border-radius:5px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
@@ -890,6 +910,7 @@ export default {
|
|
|
position: relative;
|
|
|
padding: 10px 0 5px;
|
|
|
box-sizing: border-box;
|
|
|
+ cursor: pointer;
|
|
|
.el-col {
|
|
|
display: flex;
|
|
|
// align-items: center;
|
|
|
@@ -909,6 +930,7 @@ export default {
|
|
|
align-items: center;
|
|
|
font-size: 16px;
|
|
|
color: #4d4d4d;
|
|
|
+ padding-left: 5px;
|
|
|
}
|
|
|
|
|
|
.fontBold {
|
