解决vue中使用v-html接收后端返回的数据时css样式不能修改的问题
解决vue中使用v-html接收后端返回的数据时css样式不能修改的问题
产生问题的原因：由于style里面的scoped，导致v-html里面dom元素的类样式修改不了
解决方案1: 直接在dom的style的行内样式里面写，缺点是一般这个是值是后端直接给你的，行内样式需要拼接，很麻烦。
解决方案2: 在style scope...
vue2项目引入scss
vue2项目引入scss
1、安装sass-loader
npm install sass-loader@7.3.1 --save-dev
2、安装node-sass
npm install node-sass@4.14.1 --save-dev
3、可以使用了，在style中加入lang=”scss“就可以了
<st...
layui分页css
layui分页单独css
效果：
通过初始化，定义两边的“上一页，下一页”
http://layui.apixx.net/demo/laypage.html
/* layui分页css */
.layui-laypage {
display: inline-block;
*disp...
layui.css只引入开关按钮部分css
layui.css只引入开关按钮部分css
网页中使用到layui的开关按钮，
但是，全部引入layui.css，又会与网站原来的css有点冲突，
所以部分引入开关按钮的css
代码如下：
/* layui开关按钮css */
.layui-form input[type=checkbox], .l...
阿里云图标 在css中使用
需求：
菜单展开时，图标向下；菜单隐藏时，图标向上
具体实现：
重点是，根据不同的显示，引用不同的图标
<link rel="stylesheet" href="//at.alicdn.com/t/c/font_4286070_7oq9jb9qkt5.css">
<style&g...
css实现平滑滚动页面顶部scroll-behavior: smooth;
css实现平滑滚动页面顶部
在项目中经常会遇到跳转到页面中的某个模块或者是做滚动到顶部、顶部等一系列操作，通常的做法是使用锚点或者是通过定时器慢慢移动距离等方法。锚点直接滚动没有动画效果，定时器需要写很多代码。效果并不是很好且繁琐。
经过多方面研究，发现css可以直接实现平滑滚动，下面就详细的分析一下。
...
css样式，文字两边加横线
css样式，文字两边加横线
代码：
<div class="with-line">推荐使用以下浏览器</div>
<style type="text/css">
.with-line {
width:80%;
font-size: 16px;
c...
Vue 集成normalize.css
1、normalize.css 是什么
Normalize.css只是一个很小的css文件
但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。
相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。
总之，Normalize.css是一种CSS reset的替代方案。
2...
Module not found: Error: Can't resolve 'sass-loader' in
Module not found: Error: Can't resolve 'sass-loader' in
需要引入sass-loader这种依赖包
npm install sass-loader -D
npm install node-sass -D
关于vue :style 的几种使用方式
:style的使用
一 ,最通用的写法
<p :style="{fontFamily:arr.conFontFamily,color:arr.conFontColor,backgroundColor:arr.conBgColor}">{{con.title}}</p>
二， 三元表达式
<a :...
css 包含的图片和style="display:none"可以避免图片加载，可以节省网络流量
css 包含的图片和style="display:none"可以避免图片加载，可以节省网络流量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document&l...
网站两个域名，一个正常加载css，一个加载不出来，返回404
宝塔面板绑定了测试域名，正常打开网站
后又追加了正式域名，css，图片，js文件加载不上，返回404，如图
查看宝塔面板，网站设置，发现启用了防盗链，
而新域名不在许可域名中，取消启用防盗链，再启用，新域名就在许可域名中了，可以正常访问网站了
用 CSS 实现打印显示底色，背景色background-color
表格表头有背景颜色，但是实际打印出来无背景颜色
如下设置：
解决办法：
3.直接用CSS 控制，此法有效，简单~直接上代码：
@media print {
.receipt-print .table th {
backgro...
vue中使用animate.css
vue中使用animate.css
官网：https://animate.style/
安装：
npm install animate.css --save
或者
npm i animae.css
main.js引入样式
import animated from 'animate.css...
css设置字母大小写text-transform:capitalize|uppercase|lowercase
css设置字母大小写text-transform:capitalize|uppercase|lowercase
<style>
.p1{
text-transform:capitalize;
}
.p2{
text-transform:uppercase;
...
border-radius(CSS3属性)
一、border-radius 完整写法：
border-radius:为元素添加圆角边框。
border-radius:10px 20px 30px 40px/40px 30px 20px 10px
“/”前的四个数值表示圆角的水平半径，后面四个值表示圆角的垂直半径。
水平半径和垂直半径表示如下：
比如：
border-radius...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2655
39
分类目录
最新评论
- https://jueru.net/
-
评 留言
- :weixiao:
-
评 留言
- :shuijiao: :weiqu: :zhenbang: :leng:
-
评 留言
- :yiwen: :yiwen: :yiwen: :yiwen:
-
评 EasySass: could not generate CSS file. See Output panel for details.
- 这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。
-
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多