| | |
| | | </div> |
| | | |
| | | <div class="price"> |
| | | <price :priceOld="priceOld" :priceNew="priceNew"></price> |
| | | <price |
| | | :priceOld="priceOld" |
| | | :priceNew="priceNew" |
| | | :showIcon="true" |
| | | ></price> |
| | | </div> |
| | | |
| | | <div class="iconSave">省</div> |
| | | |
| | | <div class="button">立即购买</div> |
| | | <div class="info"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import price from "@/views/index/components/price"; |
| | | import price from "@/components/Price.vue"; |
| | | |
| | | export default { |
| | | props: { |
| | |
| | | width: 44px; |
| | | background-color: #fff; |
| | | } |
| | | |
| | | ::v-deep |
| | | .el-input-number__increase:hover:not(.is-disabled) |
| | | ~ .el-input |
| | | .el-input__inner:not(.is-disabled), |
| | | ::v-deep |
| | | .el-input-number__decrease:hover:not(.is-disabled) |
| | | ~ .el-input |
| | | .el-input__inner:not(.is-disabled) { |
| | | border-color: #0065ff; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .button { |
| | | margin-top: 25px; |
| | | width: 449px; |
| | | height: 40px; |
| | | border: 1px solid #ff6a00; |
| | | font-size: 14px; |
| | |
| | | #ffba4a 100% |
| | | ); |
| | | color: #fff; |
| | | border-color: #fff; |
| | | } |
| | | } |
| | | |
| | |
| | | text-decoration: underline; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | .iconSave { |
| | | position: absolute; |
| | | top: 218px; |
| | | left: 150px; |
| | | width: 18px; |
| | | height: 18px; |
| | | font-size: 12px; |
| | | color: #fff; |
| | | line-height: 18px; |
| | | text-align: center; |
| | | background: #ff6000; |
| | | border-radius: 2px; |
| | | } |
| | | } |
| | | } |