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

news/2024/7/9 23:45:44 标签: vue, css, js, css3, html

效果图

在这里插入图片描述

代码

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

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

http://www.niftyadmin.cn/n/490548.html

相关文章

邮件服务器163.com,163免费邮

第六步&#xff1a;进入信箱设置页面&#xff0c;确认好电子邮件地址&#xff0c;点击“高级信箱设置”&#xff1b;第七步&#xff1a;点击“接收电子邮件设置”来设置收件服务器&#xff1b;第八步&#xff1a;收件服务器设置如下图&#xff0c;设置完点击“返回”&#xff1…

计算机触摸屏usb模块,求USB接口的电脑外接触摸屏--专利说明?

USB接口的电脑外接触摸屏所属技术领域本实用新型涉及触摸屏技术和USB接口技术,为触摸屏技术在计算机领域的应用。背景技术目前,电脑显示器的触摸屏改善了用户传统的鼠标和键盘输入方式&#xff0c;使用户能更方便地与电脑进行互动。而几乎所有的触摸屏都是内置于显示设备的,即使…

vue移动端表格,超出横向滚动,固定第一列

效果图 html结构 表格数据对应渲染功能实现思路&#xff1a;其实看代码就能了解了&#xff0c;就很简单的用循环数组&#xff0c;然后把数组中的每一项对应放在一个位置就行了。这样循环几个&#xff0c;就有几列数据&#xff0c;后台传过来的数据就分成两个&#xff0c;一个就…

css隐藏元素 触发点击事件,CSS隐藏元素的方法及区别

一、常用方法的性能及区别1.display:none不为被隐藏的对象保留其物理空间&#xff0c;即该对象在页面上彻底消失&#xff0c;通俗来说就是看不见也摸不到。具体表现如下&#xff1a;1.DOM结构&#xff0c;浏览器不会渲染display:none的元素&#xff0c;不占据空间&#xff1b;2…

vue移动端vant搜索组件中自定义按钮无法显示搜索文字,显示的是取消

原版 <van-searchv-model"value"show-actionlabel"地址"placeholder"请输入搜索关键词"search"onSearch" ><template #action><div click"onSearch">搜索</div></template> </van-search…

vant移动端tab标签如何找到对应的标签绑定事件

比如结构是这样的。 <van-tabs v-model"active" click"onClick"><van-tab title"标签 1">内容 1</van-tab><van-tab title"标签 2">内容 2</van-tab><van-tab title"标签 3">内容 3&l…

2012服务器系统配置金蝶,金蝶k3支持微软windwos-2012及windows-8配置说明.doc

文档介绍&#xff1a;金蝶K/3WISE支持WindowsServer2012及Windows8配置补充说明索引目录一、金蝶K/3WISE安装配置建议 21、 支持Win2012(Win8)的K/3WISE版本 22、 中间层服务器配置建议: 23、 WEB服务端配置建议 34、 客户端配置建议 45、 数据库服务器配置建议: 6二、WindowsS…

vant中Checkbox搭配单元格使用,如何做全选功能

原始代码结构 <van-checkbox-group v-model"result"><van-cell-group><van-cellv-for"(item, index) in list"clickable:key"item":title"复选框 ${item}"click"toggle(index)"><template #right-ico…