flex自定义组件

web前端开发篇（6）---flex布局详解

1flex布局原理flex是flexibleBox的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。
布呐呐na·2024-08-22 15:56

Android 中视频播放器videoview使用

1.组件VideoView这种它的大小是按照你的视频尺寸，进行分布的（可以自定义一个videoview去使用它，让他每个视频都固定大小尺寸）2.自定义组件videoviewpackagecom.example.myapplication
小舒卿雨·2024-03-24 00:16

css新特性？

Flexbox布局：Flexbox是一种弹性盒子布局模型，可以实现更加简单和有效的布局方式，使得元素在容器内按照指定的规则排列和对齐。
一个大长腿·2024-03-19 05:43

页面垂直居中实现方法（HTML/CSS）

方法一：使用Flexbox布局Flexbox是CSS3中引入的一种弹性盒子布局模型，它提供了简单而强大的方式来实现元素的居中对齐。
TdMaster·2024-03-18 12:20

网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子

1Flex布局首先聊聊Flex布局，Flex布局又称“弹性布局”，任何容器都可以指定为Flex布局，设置Flex布局会使得子元素的float、clear、vertical-align失效1.1Flex属性
weixin_39905500·2024-03-17 05:09

【HTML/CSS】flex布局绘制骰子

参考博文CSSflex弹性盒父级元素display:flex——子元素默认变成block，float失效flex-direction主轴方向row(默认)/row-reverse/column/column-reversejustify-content
CranberryPancake·2024-03-17 05:39

一个简单的微信小程序表单提交样式模板

没什么东西，只是方便自己直接复制使用.wxml姓名：学校：职位选择：提交.,scss.box{padding:30rpx;}.form-item{display:flex;background-color
w宇宙王·2024-03-17 02:35

flex布局

概述：flex全称为flexiblebox译为弹性布局flex布局生效后子元素的floatvertical-alignclear属性将失效flex布局应写给父元素采用Flex布局的元素，称为Flex容器
甜柚小仙女·2024-03-14 23:52

HTML5+CSS3小实例：3D分层图像悬停效果

源码：【html】3D分层图像悬停效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局居中*/display:flex
艾恩小灰灰·2024-03-14 14:53

图片预加载和懒加载

图片出现在视窗内的情况：offsetTop图片预加载和懒加载body{background:#f4f4f4;}.content{width:90%;margin:0auto;display:flex;flex-wrap
简书超级会员·2024-03-13 09:42

华三服务器系统安装详解,h3cr390服务器raid和安装系统.docx

H3CFlexServerR390服务器win2008R2操作系统安装步骤1、配置服务器ILO口、配置服务器ILO口IP地址用于远程连接服务器FtexSefve「R39Ofl0务器加电后.半运行到如卜截图所示的界
weidunzai·2024-03-11 08:35

Vue3.0+Typescript项目中注册全局自定义组件的方法

Vue3.0+Typescript项目中注册全局自定义组件的方法1.第一步,在src/components下面自定义一个目录,新建.vue开发自己的组件!(以我开发的组件为例!)
NSC丶warrior·2024-03-08 18:13

elementUI 样式小总结

dialog/deep/.el-dialog{display:flex;flex-direction:column;margin:0!
前端开发小陈·2024-03-08 08:31

父元素flex:1,子元素宽度100%失效的问题

今天做项目时遇见一个问题，父元素在设置flex:1来固定宽度撑满时，子元素设置width100%无效。经过尝试发现给父元素及设置flex:1的元素加上width:0可解决。
一个巨蟹座的前端·2024-03-07 19:14

react + umi中如何使用rem完成自适应布局

只要写css就可以实现：flex+rem布局；在项目的global.less中根据媒体查询；媒体查询是用于根据设备的特性（如屏幕尺寸、屏幕方向、分辨率等）来应用不同的CSS样式的技术。
左&耳·2024-03-03 04:22

h5兼容问题记录

1、flex的gap无效需使用margin等处理2、弹窗滚动下面跟着滚动IOS-body添加和释放overflow:hiddenAndroid-https://www.npmjs.com/package
森林里的小姑娘·2024-03-02 14:31

Android RecyclerView缓存机制

在它简单的使用方式之下着实是不简单，首先我们看一下官方对它的介绍：Aflexibleviewforprovidingalimitedwindowintoalargedataset.很简单，就一句话「为大量数据集提供一个有限的展示窗口的灵活视图
Bfmall·2024-03-02 01:42

【uni-app】自定义组件和通信

（1）自定义组件概念组件是vue技术中非常重要的部分，组件使得与ui相关的轮子可以方便的制造和共享，进而使得vue使用者的开发效率大幅提升，在项目的component目录下存放组件，uni-app只支持
小秀_heo·2024-02-27 02:10

HarmonyOS4.0系统性深入开发35 弹性布局（Flex）

弹性布局（Flex）概述弹性布局（Flex）提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。
程序员沙蛙·2024-02-20 22:05

前端| Day6:Flex布局（黑马笔记）

Day6:Flex布局目录Day6:Flex布局一、标准流二、浮动1.基本使用2.产品区域布局HTML标签CSS样式3.清除浮动场景搭建额外标签法单伪元素法双伪元素法overfow法三、Flex布局1.
Sunshine.King·2024-02-20 19:22

HTML5+CSS3小实例：有点小酷的input输入框动画

;outline:none;/*这个是告诉浏览器：你想要设置的边框和内边距的值是包含在总宽高内的*/box-sizing:border-box;}body{/*弹性布局水平垂直居中*/display:flex
艾恩小灰灰·2024-02-20 19:38

实现控制显示几行，点击展开展开所有内容-移动端

.series-name{/*display:flex;*//*flex-wrap:wrap;*/margin-top:0.1rem;overflow:hidden;text-overflow:ellipsis
让等待成为一种·2024-02-20 19:48

vue 3自定义组件

创建libs文件夹，封装所有自定义组件在libs创建.vue和.js文件.vue文件》》渲染出的组件.js文件》》作为自定义组件导入import***from'./***.vue'//导入.vue组件exportdefault
懒员员·2024-02-20 18:48

vue 自定义组件

目录使用组件的好处定义组件全局组件局部组件总结使用组件的好处可复用易维护可封装,易使用在大型项目中可以降低组件之间的复用性定义组件在项目src中的components文件夹中新建vue文件用于定义组件全局组件全局组件在main.js中直接使用Vue.component之后便可在全局使用importJrqklfrom'./components/Jrqkl.vue'Vue.component('Jrq
blockchain beginner·2024-02-20 18:14

Vite按需引入自定义组件unplugin-vue-components

1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({reactivityTransform:true}),Components({extensions:['vue','md'],include:[/\.vue$/,/\.vue\?vue/,/\.md$/],dts:'src/components.d.ts'
前端~·2024-02-20 18:42

vue3项目配置按需自动引入自定义组件unplugin-vue-components

我们通常在项目中，需要手动引入自定义的各种组件，如果涉及的页面功能比较多的话，光是import的长度都能赶上春联了。如果，能有一个插件帮我们实现自动引入，是不是要谢天谢地了呢？接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜·2024-02-20 18:39

HTML5+CSS3小实例：广告灯牌效果的loading动画

margin:0;padding:0;/*box-sizing:border-box;*/}body{/*100%窗口高度*/min-height:100vh;/*弹性布局水平+垂直居中*/display:flex
艾恩小灰灰·2024-02-20 17:10

微信小程序swiper 视频中间大，两边小，轮播滑到中间视频自动播放组件教程

1:0}}"previous-margin="255rpx"next-margin="255rpx"bindchange="swiperChange">2、wxss.swiper-wrapper{flex
Garc·2024-02-20 15:13

微信小程序搜索框样式

：.wxml搜索.wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex
北海南风·2024-02-20 14:26

【微信小程序】搜索框样式

实现微信小程序搜索框样式搜索框效果：代码实现：（复制可用）index.wxml：搜索index.wxss：/*pages/index/index.wxss*/.search{display:flex;align-items
Pulseum·2024-02-20 14:56

微信小程序顶部搜索框 （带源码 建议收藏）

这是一个最简单的顶部搜索框代码如下wxml搜索wxss.weui-search-bar{position:relative;padding:8px10px;display:-webkit-box;display:-webkit-flex
瑾！·2024-02-20 14:56

React 中的类组件

组件分为内置原生组件和自定义组件内置组件ph1spantype字符串自定义组件类型是一个函数,类组件的父类Component的原型上有一个属性isReactComponent={}自定义组件的名称必须是大写字母开头自定定组件的返回值有且只能一个根元素
前端小超人rui·2024-02-20 12:21

Flex布局简介及微信小程序视图层View详解

目录一、Flex布局简介什么是flex布局？
空空_k·2024-02-20 10:03

微信小程序之开发会议OA项目

会议自定义tabs组件会议管理会议OA项目-投票会议OA项目-个人中心前言文章含源码资源，投票及个人中心详细自行查看源码即可小程序没有DOM对象，一切基于组件化储备知识理解事件机制理解组件化理解数据绑定Flex
空空_k·2024-02-20 10:03

【CSS】display：flex和display: inline-flex区别

flex：将对象作为弹性伸缩盒显示inline-flex：将对象作为内联块级弹性伸缩盒显示DOM结构flex.main{background-color:#0f0;display:flex;/*父div
Triumph-light·2024-02-20 08:39

unplugin-vue-components解决命名冲突

我们在vue项目中通常会利用unplugin-vue-components插件进行自定义组件的自动引入注：如果不知道怎么配置unplugin-vue-components插件，欢迎看我整理的这篇：vue3
菜鸟茜·2024-02-20 06:21

微信小程序分包异步化，分包之间可以互相使用自定义组件

官网链接转载uni构建的微信小程序中使用1.开启分包在manifest.json文件中对应平台开启分包{"mp-weixin":{/*微信小程序特有相关*/"optimization":{//开启分包"subPackages":true},"appid":"","setting":{"urlCheck":false},"usingComponents":true},}pages同级创建文件夹pac
KAGHQ·2024-02-20 06:24

CSS实现两栏布局，左侧固定宽高，右侧超高滚动加载

要实现左侧子元素高度固定，右侧子元素超高滚动加载，并且左侧子元素与父级元素高度一致且不跟随滚动，可以使用CSS的flex布局和overflow属性来实现。
三月的一天·2024-02-20 06:51

微信小程序独立分包与分包预下载

官网链接独立分包配置方法独立分包使用限制独立分包中不能依赖主包和其他分包中的内容，包括js文件、模板、wxss、自定义组件等；App只能在主包内定义，独立分包中不能定义App，会造成无法预期的行为独立分包中暂时不支持使用插件分包预加载开发者可以通过在
KAGHQ·2024-02-20 06:49

关于TypeError:无法读取null属性(读取‘isCE‘) -自定义组件库

关于TypeError:无法读取null属性(读取’isCE’)-自定义组件库大家先看一下这个文章https://cloud.tencent.com/developer/ask/sof/106913760
我叫汪枫·2024-02-20 01:59

【C语言】Debian安装并编译内核源码

sudoaptupdatesudoaptupgradesudoaptinstallbuild-essentiallibncurses-devbisonflexlibssl-devlibelf-dev2.
尘中928·2024-02-20 01:34

html+css+js炫酷特效+加速粒子效果

完整目录1.效果展示2.思路2.0布局2.1让火箭位于屏幕的中心--flex2.2让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上
门前大桥下.·2024-02-19 23:38

CSS之Flex布局

Flex布局01-标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，例如：块元素独占一行，行内元素可以一行显示多个。02-浮动(了解即可)基本使用作用：让块元素水平排列。
白小筠·2024-02-19 22:24

【微信小程序】微信小程序入门与实战小项目笔记

`AppID`(小程序ID)2.开发工具的基本设置3.小程序的基本单位-Page页面二、小程序的基本目录1.页面的4种基本文件类型2.全局配置文件、全局样式和应用程序级别js文件三、rpx响应式单位与flex
Cc.*·2024-02-19 21:50

【鸿蒙系统学习笔记】ArkTS开发语言

二、基本语法2.1、基本语法介绍ArkTS的基本组成，资料来自官网：文档中心说明：①装饰器：用来装饰类结构、方法、变量@Component表示自定义组件，@Entry表示该自定义组件为入口组件，@State
奔跑的露西·2024-02-19 20:48

微信小程序按需注入和用时注入

官网链接按需注入{"lazyCodeLoading":"requiredComponents"}注意事项启用按需注入后，小程序仅注入当前访问页面所需的自定义组件和页面代码。
KAGHQ·2024-02-19 18:43

如何让elementUI的icon图标伪元素相对容器居中

这里用一个flex简单方法居中对齐,span作为icon伪元素的容器span[class*="el-icon-"]{display:flex;justify-content:center;align-items
啊森森啊·2024-02-19 15:13

ArkUI中自定义组件的生命周期

文章概叙本文主要是介绍下在作为page以及component的时候的生命周期，以及调用API等应该在哪个生命周期使用。书接上回之前的博客已经结束了对底部栏的操作，现在开始需要关注到具体内容的对接了。而开发的第一步，我们对页面的生命周期必须要有很深入的了解，因为有开发经验的同学们都知道，做前端开发的时候，我们获取数据API的接口，都是在页面创建完成时调用，而在页面即将被销毁的时候，我们需要去关闭定时
OpenHarmony_小贾·2024-02-19 15:42

CSS-布局-MDN文档学习笔记

布局正常布局流简介正常布局流是指在不对页面进行任何布局控制时，浏览器默认的HTML布局方式当你使用css创建一个布局时，你正在离开正常布局流下列布局技术会覆盖默认的布局行为display属性，如block、inline、inline-block、grid、flex
LoveEmiliaForever·2024-02-19 15:09

vue2.0和vue3.0v-model使用对比

我们在写项目的时候，经常自定义组件，并且需要传参，刚好v-model是一个双向绑定，所以我们会把v-model的思想使用到各个自定义组件中在vue2.0中，v-model只能对应一个变量在vue3.0中
糖小羊儿·2024-02-19 14:22
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他