第一种: 在组件中直接使用style 不需要组件从外部引入css文件,直接在组件中书写。 import React, { Component } from "react"; const div1 = { width: "…
标签:css3
「前端早读君008」新手必踩坑之display: inline-block
今日励志语 往日不可追,来日犹可期,祝大家2019年继往开来 迷之间隙 我们创建一个导航列表,并将其列表 item 设置为 inline-block,主要代码如下: <div class="nav"> <…
「前端早读君007」css进阶之彻底理解视觉格式化模型
今日励志 不论你在什么时候开始,重要的是开始之后不要停止。 前言 对于部分前端工程师来讲,有时候CSS令他们很头疼,明明设置了某个样式,但是布局就是不起作用。 如果你也有这种问题,那么是时候学习下什么是css视觉格式化模…
基于React的仿QQ音乐(移动端)
前言 由于这段时间工作上也是挺忙的,就没有时间去写这个项目,中间一直都是写写停停,进度也是非常慢的。正好前几天都还比较空,就赶紧抓着空闲时间去写这个项目,最后紧赶慢赶地完成了。本项目采用了React的框架,可以帮助那些想…
uni-app项目瀑布流布局
github地址,喜欢的可以star下哦 插件预览图 使用教程 1.插件代码拷贝 下载后把components目录下waterfall.vue文件拷贝到自己项目目录下 2.插件全局配置 在项目里main.js中配置如下代…
自定义单选框样式以及获取单选框的选中状态
一、用户可选择微信支付或者支付宝支付 <div class="checkbox"> <input @click="getPayType" class="choose" id="wechat" name=…
「前端早读君008」新手必踩坑之display: inline-block
今日励志语 往日不可追,来日犹可期,祝大家2019年继往开来 迷之间隙 我们创建一个导航列表,并将其列表 item 设置为 inline-block,主要代码如下: <div class="nav"> <…
「前端早读君007」css进阶之彻底理解视觉格式化模型
今日励志 不论你在什么时候开始,重要的是开始之后不要停止。 前言 对于部分前端工程师来讲,有时候CSS令他们很头疼,明明设置了某个样式,但是布局就是不起作用。 如果你也有这种问题,那么是时候学习下什么是css视觉格式化模…
vuejs实现折叠面板展开收缩动画
vuejs通过css3实现元素固定高度到auto高度的动画和auto高度到固定高度的动画。 循环列表,html: <template> <div class="newslist"> <ul&…
FE.FW-AngularJS 1.x 实现进销存系统感悟与反思
背景 作为单页大型应用的mv*框架AngularJS爱好者的我,不实现个大型web应用练练手怎么赶说自己熟练ng,于是尝试实现了大部分erp的进销存功能。本文主要对实现业务需求中遇到的问题以及解决方案进行阐述。不确保对其…
揪css系列(1)-业务代码中可用的小技巧
欢迎提issues 斧正: css小技巧 业务代码中可用的CSS技巧 兼容chrome下的10px字体 p { font-size: 10px; -webkit-transform: scale(.83); } 此方法在…
仿淘宝的放大镜效果
前言 这一段时间事情挺多的,一直没有时间写文章。这两天稍微闲了一些,就趁这会闲工夫写一篇文章。本次文章的主要内容是介绍一下淘宝的放大镜效果是如何实现的,相信很多同学们对这个并不陌生。这个看似感觉很复杂的小功能,实际上原理…