/* 色彩类 */ .red{ color:#f00; } /* 字体类 */ .fz-8{ font-size: 8px; } .fz-10{ font-size: 10px; } .fz-14{ font-size: 14px; } .fz-20{ font-size: 20px; } /* 布 ...
转载
2021-09-29 16:39:00
337阅读
2评论
正常的项目当中，应当有一个common.css，就是把一些常用的样式，写入其中。 然后再结合一些特性的css，构造漂亮的页面。 下面欣赏一些海盗商城的common.css。 类名称通俗易懂，样式多样且全面。支持各种手机端布局。很棒。值得借鉴。
原创
2021-08-05 16:42:06
236阅读
一。base.css被所有页面引用，包括base reset和通用原子类
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h5,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {bor
转载
精选
2011-11-17 00:41:49
1049阅读
什么是CSS-in-JS？顾名思义，CSS-in-JS就是可以使用JS来编写CSS样式，那么为什么要用JS来编写CSS呢？我写CSS写的好好的，干嘛非给自己找不自在呢？相信以前大家都听说过这么一个词：关注点分离，就算没听过这个词那么你肯定至少也听说过这么一句话：要把HTML、CSS和JS分开编写，不要写在一起形成耦合，不要写行内样式和行内脚本等，比如像这样?CSS-in-JS但是React的出现打
转载
2024-05-22 15:45:26
45阅读
VUE中CSS样式穿透1. 问题由来在做两款H5的APP项目，前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpack+vue+vuex+vue-router+vant+less）。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式，方便了我们开发者
转载
2024-04-28 10:38:40
70阅读
一、配置全局css// main.js文件下
// 配置全局css样式
import '@/assets/css/global.css'
requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹
// 2. 在js文件夹中建一个settings.js文件
'''settings.
转载
2023-06-09 08:48:43
76阅读
最近有报一个全栈课程，里面内容比较新颖，其中对scss样式管理的理念让我十分喜欢，各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中，姑且叫global.scss，写入：@mixin center(){
display:flex;
justify-content:center;
align-items:center;
} 用css的眼光看，这是一个弹
转载
2024-04-18 22:22:42
86阅读
5. nav导航栏此处可以先写一个盒子，然后给一个下边框即可5.1 dropdown的制作此盒子属于下拉，应该与下边的盒子连在一起使用才对。故在此盒子里包含一个dd和一个dt <div class="dropdown">
原创
2022-05-16 02:39:50
1129阅读
// html 模板 template <span class="red" :style="styleVar" @click="add">as</span> // js data() { return {
原创
2022-08-19 11:49:09
344阅读
修改元素的样式, 我们可以修改元素CSS类或者直接修改元素的样式.一个元素可以应用多个css类, 但是不幸的是在DOM属性中是用一个以空格分割的字符串存储的, 而不是数组. 所以如果在原始javascript时代我们想对元素添加或者删除多个属性时, 都要自己操作字符串. jQuery让这一切变得异常简单. 我们再也不用做那些无聊的工作了.一、修改CSS类下表是修改CSS类相关的jQuery方法:名
目录环境搭建：创建Vue项目Vue 基础-模板语法v-htmlv-bind表达式列举条件directives(指令)自定义directivesVue基础-计算属性computed vs methods计算属性VS侦听属性计算属性的setterClass 与 Style 绑定环境搭建：安装node,npm,(npm -v 查看版本)再安装cnpm:(sudo npm install -g cnpm
vue html/
css/stylus布局1.router.js配置2.在对应配置目录下创建相应组件在@page/create-test目录下创建index.
vue组件index.vuehtml<template> <div class="createTest"> <!-- 左侧内容布局--> <div class="content">
原创
2021-09-22 14:53:07
498阅读
文章目录1. 修饰符 modifires冒泡 和 捕获阻止默认行为2. template3.动态绑定样式:class = "对象/数组":style ="对象 / 数组" 1. 修饰符 modifires修饰符可以帮我们处理一些事件、键盘码、事件源等一些问题.stop – 阻止默认冒泡、捕获等(阻止事件传播) 等于： e.propagation(); 或者 IE的 e.cancelBubble=
用Vue-cli搭建的项目中引入css报错的原因分析我最近在研究Vue的路上，今天遇到了个问题，在vue cli 引入css报错，后来查询了很多资料，那么今天也算个学习笔记吧！1.问题描述之前用vue-cli搭建的项目，在main.js中引入elementUI库中的css,或者在其他文件中(比如App.vue)引入自己的css文件(假如你的文件是在src目录下)，都会报一个相同的错。下如图经过一番
转载
2024-05-01 14:42:30
126阅读
VUE基础部分组件css样式例子<style lang="less">
// 这里记得改名，然后给div也加名字
.comName-container {
padding: 10 20px 20px;
background-color: lightskyblue;
min-height: 250px;
flex: 1;
}
</style>并且App.vue
转载
2023-10-17 14:14:11
258阅读
CSS Navigation - vscode 插件 - vue css 跳转
原创
2022-08-29 16:07:05
655阅读
JavawebHTML、CSSCSS引入方式< span >标签CSS选择器：页面布局表格表单标签表单项JavaScriptJavaScript引入方式JS语法变量数据类型运算符函数(Java中方法)JS对象ArrayStringJSON(对象标记法)BOMWindow 浏览窗口对象Location： 地址栏对象DOMJS事件监听事件绑定常见事件Vuevue生命周期Axios前后端分
转载
2023-10-22 20:53:58
148阅读
1、在对应.vue文件的 中引入（仅引入存在于项目的） 2、在.vue文件的 中引入（可引入存在于当前项目中的css或在线网址）...
最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下1.BundleAnalyzer 作用：展示打包图形化信息，会打开一个html页面，帮助自己分析哪些文件过大，可针对其进行优化，上线前&nb
转载
2023-10-12 21:09:44
165阅读
