杰网资源 Design By www.escxy.com
如下所示：
<!-- 分页上下页改变背景图效果 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <script type="text/javascript" src="/UploadFiles/2021-04-02/vue.js"><!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>自定义指令实现随机背景</title> <style type="text/css" media="screen"> #app{ width: 999px; height: 999px; } </style> </head> <body> <h3>自定义指令</h3> <div id="app" v-change-background-color="myBgColor"> <h3 > <input type="text" v-model="myBgColor" placeholder="请输入16进制颜色"> </h3> </div> <script src="/UploadFiles/2021-04-02/vue.js">补充知识：vue统一设置了背景色，单独改变某一页的背景色
有时我们会遇到单独改变某个组件的背景填充色，而我们已经在index.html中引入了公用的css样式（body中设置了背景色），由于单个组件没有body标签，于是要修改单个组件的背景色只需添加如下代码即可。
beforeCreate () { document.querySelector('body').setAttribute('style', 'margin: 0 auto; width: 100%; max-width: 750px;min-width: 300px; background:#171b2a; overflow-x: hidden;height: 100%;'); }以上这篇Vue实现背景更换颜色操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
标签：
Vue,背景,更换颜色
杰网资源 Design By www.escxy.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
杰网资源 Design By www.escxy.com
暂无评论...
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。