|
|
@@ -1,4 +1,5 @@
|
|
|
<template>
|
|
|
+ <!-- <div class="coupon" @click="choose"> -->
|
|
|
<div class="coupon" @click="choose" :class="{ notUse: notUse }">
|
|
|
<div class="coupon-top">
|
|
|
<div class="text1">{{ info.name }}</div>
|
|
|
@@ -70,7 +71,7 @@ export default {
|
|
|
<style lang="less" scoped>
|
|
|
.coupon {
|
|
|
border-radius: 8px;
|
|
|
- background: linear-gradient(135deg, @prim, @warn);
|
|
|
+ background: #ebeff1;
|
|
|
position: relative;
|
|
|
padding: 0 10px;
|
|
|
margin: 8px;
|
|
|
@@ -101,11 +102,8 @@ export default {
|
|
|
.text1 {
|
|
|
font-size: 18px;
|
|
|
font-weight: bold;
|
|
|
- color: @text3;
|
|
|
+ color: @text0;
|
|
|
line-height: 24px;
|
|
|
- background: linear-gradient(0deg, @prim 0%, @warn 100%);
|
|
|
- -webkit-background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
}
|
|
|
|
|
|
.text2 {
|
|
|
@@ -115,7 +113,7 @@ export default {
|
|
|
color: @text3;
|
|
|
span {
|
|
|
&:last-child {
|
|
|
- color: #fff;
|
|
|
+ color: @text0;
|
|
|
margin-left: 6px;
|
|
|
}
|
|
|
}
|
|
|
@@ -134,7 +132,7 @@ export default {
|
|
|
&::before {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
- background-color: @bg3;;
|
|
|
+ background-color: @bg3;
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
left: -18px;
|
|
|
@@ -144,7 +142,7 @@ export default {
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
- background-color: @bg3;;
|
|
|
+ background-color: @bg3;
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
right: -18px;
|
|
|
@@ -188,23 +186,23 @@ export default {
|
|
|
width: 70px;
|
|
|
height: 26px;
|
|
|
font-size: 12px;
|
|
|
- color: @prim;
|
|
|
+ color: #fff;
|
|
|
line-height: 26px;
|
|
|
text-align: center;
|
|
|
border-radius: 16px;
|
|
|
background: linear-gradient(135deg, @prim, @warn);
|
|
|
- &::after {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- top: 1px;
|
|
|
- left: 1px;
|
|
|
- right: 1px;
|
|
|
- bottom: 1px;
|
|
|
- background-color: @bg;
|
|
|
- border-radius: 16px;
|
|
|
- z-index: 0;
|
|
|
- transition: backgroundColor ease-in-out 0.3s;
|
|
|
- }
|
|
|
+ // &::after {
|
|
|
+ // content: '';
|
|
|
+ // position: absolute;
|
|
|
+ // top: 1px;
|
|
|
+ // left: 1px;
|
|
|
+ // right: 1px;
|
|
|
+ // bottom: 1px;
|
|
|
+ // background-color: @bg;
|
|
|
+ // border-radius: 16px;
|
|
|
+ // z-index: 0;
|
|
|
+ // transition: backgroundColor ease-in-out 0.3s;
|
|
|
+ // }
|
|
|
|
|
|
span {
|
|
|
position: relative;
|