vue项目中实现价格被横线划掉，折扣价效果

效果图

代码

横线划掉效果就是用到了css的一句代码：text-decoration: line-through;
其他颜色大小是自己改的。

<p class="usa">￥499.00<spanstyle="text-decoration: line-through;font-size: 12px;color: #ccc;">￥799</span></p>

vue项目中实现价格被横线划掉，折扣价效果相关推荐

Android：开发中，代码被横线划掉是什么意思
在学习[状态栏通知]时,遇到代码被横线划掉,这是怎么回事呢? 例如: package com.example.notification;import android.app.Activity; imp ...
vue项目中，设置页面局部loading加载效果（element）
直接引用element的loading,默认的是全屏loading,实际中有很多地方不需要全屏loading,只需要某部分loading,如上图话不多说,直接上代码封装好的loading.js i ...
Vue项目中tinymce富文本的安装以及配置
Vue项目中tinymce富文本的安装以及配置对于目前网上存在的许多富文本插件中,个人还是觉得tinymce相对比较强大一些.在使用配置的过程中,可能会出现配置不完全,导致使用不了的情况,下面把我个 ...
antvl7绘制地图以及vue项目中使用多线程worker
vue项目中如何使用多线程worker 项目背景:写一个定时器计时,但是和另外一个计时器产生事件循环问题,导致计时不准,所以把计时器放到另外一个线程里,避免两个计时器及渲染冲突 1.安装worker- ...
canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
实战：vue项目中导入swiper插件
版本选择 swiper是个常用的插件,现在已经迭代到了第四代:swiper4. 常用的版本是swiper3和swiper4,我选择的是swiper3. 安装安装swiper3的最新版本3.4.2: ...
vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
VUE项目中使用this.$forceUpdate()；解决页面v-for中修改item属性值后页面v-if不改变的问题
VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题参考文章: (1)VUE项目中使用this.$forceUpdate();解决 ...

vue项目中实现价格被横线划掉，折扣价效果

效果图

代码

vue项目中实现价格被横线划掉，折扣价效果相关推荐

最新文章

热门文章