Web Components 是一个浏览器原生支持的组件化方案，允许你创建新的自定义、可封装、可重用的HTML 标记。不用加载任何外部模块，直接就可以在浏览器中跑。本文就简单介绍一下：使用 Web Components 实现一个类 Element UI 中的 Card 卡片组件。一、前言随着前端工程化生态日益成熟，出现了很多优秀的框架，如：Vue、React、Angular等等，极大的提高了日常开
css div子元素剧中
原创
2017-07-15 11:43:06
888阅读
点赞
一、el挂载点el是用来设置vue实例挂载的元素；vue会管理el选项命中的元素以及其内部的后代元素；挂载元素时可以是有其他的选择器，但建议使用ID选择器：【el："#app"，】；挂在元素可以使用其他的双标签，但不能使用html、body标签，建议使用div标签；二、指令1、v-text指令：<div v-text = "message+'新建内容！！'"></div>作
转载
2024-05-15 15:17:44
349阅读
ElementUI的默认主题色是鲜艳、友好的蓝色，但是往往不能满足定制化的需求，我们在项目中，可能需要修改组件库默认的颜色，那么，该怎么操作呢？首先，确定你的vue项目中有没有安装scssimage项目中引入了scss时：ElementUI的样式是使用scss编写的，所以主题色其实就是scss的一个变量，那么在你引入ElementUI样式之前，重新定义这个主题色变量就OK了新建一个样式文件，例如
转载
2024-04-14 11:47:09
57阅读
1. imageView设置android:scaleType="center"2.在
原创
2023-06-21 06:34:58
97阅读
修改样式的方法官网上面介绍了几种方法；当然还有其他的方法，比如：
直接在标签上面采用行内式；在组件中的style里面添加样式；引入.scss文件（注意：如果是公用样式最好在index.scss一起引用，然后在main.js中进行调用；如果使用该样式的组件不多，就按需引入，不要引入其他不必要的scss文件）注：这儿的优先级是: [行内的样式>组件中'style'里面的样式>引入的
转载
2024-04-03 19:28:29
167阅读
ElementUI的默认主题色是鲜艳、友好的蓝色，但是往往不能满足定制化的需求，我们在项目中，可能需要修改组件库默认的颜色，那么，该怎么操作呢？首先，确定你的vue项目中有没有安装scss 项目中引入了scss时：ElementUI的样式是使用scss编写的，所以主题色其实就是scss的一个变量，那么在你引入ElementUI样式之前，重新定义这个主题色变量就OK了
转载
2024-04-22 18:59:14
189阅读
一、修改ElementUI 样式的几种方式1.新建全局样式表新建 global.css 文件，并在 main.js 中引入。 global.css 文件一般都放在 src->assets 静态资源文件夹下的 style 文件夹下，在 main.js 的引用写法如下：import "./assets/style/global.css"在 global.css 文件中写的样式，无论在哪一个 vu
转载
2024-03-26 21:20:15
484阅读
一、多选框单选<el-table
:data="items"
ref="multipleTable"
@select-all="onSelectAll"
@selection-change="selectItem"
@row-click="onSelectOp"
>
<el
转载
2024-02-08 03:47:25
471阅读
明白何谓Margin Collapse不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:.square {
width: 80px;
height: 80px;
}
.red {
background-color: #F44336;
.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-...
转载
2016-07-20 20:19:00
83阅读
2评论
关于那些点击穿透的坑 之前在做嵌入微信的移动端的项目的时候遇到了一个点击穿透的坑，由于忙着项目一直没有时间进行总结，现在终于看到了不用每天加班的希望曙光，在这个偷偷得来的闲暇时光把这个坑好好的捋一捋：所谓的点击穿透最明了的一点是会出现在移动端，并且是使用click的时候。点击穿透的意思也就是：比如我设计了一个分类的按钮(以下为小btn)，点击的时候会出现一个弹出框，内容是我项目中的所有分
目录一、创建覆盖ElementUI样式的文件二、在项目入口文件中引入上记文件三、覆盖ElementUI的样式变量四、如何修改变量以外的样式五、既然可以直接修改样式，为什么还要覆盖变量 大家好 在Element官网中，提供了四种方法来对样式进行自定义：主题编辑器仅替换主题色在项目中改变SCSS变量命令行主题工具 本文将按照官网的描述，介绍如何在使用了SCSS的项目中，通
转载
2024-04-14 22:08:06
268阅读
文章目录前言一、为什么需要样式穿透二、如何使用样式穿透总结 前言 之前在使用 element ui 的输入框时遇到一个问题，上GitHub的 issue 上也发现有人反映这个问题。在寻找解决方案的过程，了解很认识到 CSS样式穿透这个知识点（其实应该很多人都知道，hhh，初学很多不了解，请多多指教）。这里就稍稍总结一下，避免遗忘吧~~ 一、为什么需要样式穿透 如图，我们可以看到上面
# Android ReplacementSpan 深入探讨
在Android开发中，`Canvas`和`Paint`是处理图形的基本元素，而`ReplacementSpan`则是用于文本样式化的强大工具。本文将深入探讨`ReplacementSpan`的用法，包括其实现过程和使用案例，并附带代码示例，帮助你理解如何在Android应用中优雅地使用这个类。
## 什么是 Replacement
# 深入理解 Android ConstraintLayout
ConstraintLayout 是 Android 发展过程中非常重要的布局之一。它使开发者能够以灵活和高效的方式来构建复杂的用户界面。继承自 ViewGroup，实现了多种布局的功能，包括线性布局、相对布局等，允许开发者通过约束定义组件之间的关系与位置。
## 为什么选择 ConstraintLayout？
使用 Const
Android FlexboxLayout 聪明的UI布局 *本篇文章已授权微信公众号 guolin_blog （郭霖）独家发布 最近一直忙于学习后台开发，很久没有写Android的文章了，终于闲下来整理了一篇文章。 前言FlexboxLayout是去年 Google I/O 上开源的一个布局控件，使得 Android 里的 CSSFlexib
背景图片：该图片是218*170css内容：div{
width: 100px;
height: 100px;
background: url(img/1.jpg);
border: 2px solid red;
}div{
width: 500px;
height: 500px;
background: url(img/1.jpg);
border: 2px solid red;
# Android按钮剧中
在Android应用程序中，按钮是用户界面的重要组成部分之一。按钮通常用于触发特定的操作或完成特定的任务。在某些情况下，我们可能希望将按钮放置在屏幕的中心位置，以便更好地吸引用户的注意力和方便操作。本文将介绍如何在Android应用程序中将按钮居中，并提供相应的代码示例。
## 方法一：使用LinearLayout
LinearLayout是Android中最常用
原创
2023-09-18 15:02:12
125阅读
iPhone的icon设计就这么简单，iPhone的屏幕只有320×480像素，所以程序没有适配性问题。Android在研究 Android的icon设计之前，有必要先了解Android的界面是如何适配多样化屏幕的。适配性由于同一个UI元素（如100 x100像素的图片）在高精度的屏幕上要比低精度的屏幕上看起来要小，为了让这两个屏幕上的图片看起来效果差不多，可以采用以下两种方法： 程 序将图
