![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
你的美,让我痴迷
可能性无处不在,只要努力去寻找它们,并且勇敢地去尝试,就会让我们变得更加出色。
展开
-
div禁止点击事件
【代码】div禁止点击事件。原创 2023-05-02 11:51:59 · 395 阅读 · 0 评论 -
自写一个搜索按钮element
【代码】自写一个搜索按钮element。原创 2022-11-15 18:30:14 · 120 阅读 · 0 评论 -
elementUI 树形选中或移动样式
【代码】elementUI 树形选中或移动样式。原创 2022-11-15 18:05:01 · 210 阅读 · 0 评论 -
vscode写vue没有樣式提示怎么解决
1.点击下图所示的扩展2.搜索栏输入vetur原创 2022-11-05 01:26:53 · 725 阅读 · 0 评论 -
影藏滚动条
【代码】影藏滚动条。原创 2022-10-31 17:26:55 · 77 阅读 · 0 评论 -
css3实现水滴效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ background: #1e90ff; } .main{ width: 400px; h原创 2022-02-27 11:25:04 · 427 阅读 · 0 评论 -
实现一个邮票抠图效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; box-sizing: border-box; } :root{ --clr:#4fb6ff; } body{ display原创 2022-02-26 03:11:04 · 116 阅读 · 0 评论 -
流星雨特效css3
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; box-sizing: border-box; } body{ overflow: hidden; } secti原创 2022-02-19 14:04:05 · 1401 阅读 · 1 评论 -
css制作简单的流动文字
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-原创 2021-11-22 09:28:05 · 567 阅读 · 0 评论 -
uni-app学习:CSS之文本样式
1、字体大小font-size:12px;2、文字加线1)下划线:text-decoration:underline2)删除线:text-decoration:line-through3)上划线:text-decoration:overline3、字体加粗font-weight:bold;4、字体倾斜font-style: italic;5、内容居中1)靠左对齐: text-align:left2)靠右对齐:text-align:right3)居中对齐:text-align:ce.原创 2021-11-15 14:02:21 · 2277 阅读 · 0 评论 -
CSS 添加水平滚动条
属性: div { width:150px; height:150px; overflow:auto; } overflow属性如下: auto:当此div子元素宽和高大于该div的宽和高时,则会出现对应方向上的滚动条。 scroll:不管子元素的宽和高,都出现滚动条,但当子元素宽和高小于父元素时,滚动条不能拖动。 推荐使用auto属性,如果只想让水平方向出现滚动条,则使用overflow-x:auto;...原创 2021-09-02 15:52:18 · 1600 阅读 · 0 评论 -
文字排版样式
<template> <view class="content"> 律师工作是知识性和智慧性工作。目前人们选择职业时,不仅希望得到较高的收入,而且希望在工作中学到较多的实用知识;最理想的职业则是不仅可以使人学习知识,而且可以将不同知识进行组合运用,这就是一种智慧性职业。 律师职业首先知识性职业,通过律师考试要熟悉130万余字的法律,每承办一个具体案件时要学习的相关法律、法规和政策更是不计其数,阅读法律使律师得以掌握大量知识。律师职业还是一个智慧性职业,每个案件的法原创 2021-04-14 13:41:37 · 119 阅读 · 0 评论 -
如何调节多选框的大小
使用缩放 样式 transform:scale(0.4)案例:<view> <checkbox-group> <label> <checkbox value="cb" checked="true" color="#FFCC33" style="transform:scale(0.7)" />选中 </label> <label> <checkbox value=原创 2021-04-03 17:56:26 · 681 阅读 · 0 评论 -
select下的option的框怎么去掉
select { /*清除select的边框样式 */ border: none; /*清除select聚焦时候的边框颜色*/ outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}option::-ms-expand{ display: none;}option{ -moz-appearance:none; /* Fi原创 2021-04-02 09:32:44 · 1945 阅读 · 3 评论 -
uni-app引入全局样式
<style> /*每个页面公共css */ /* App.vue 引入全局公共样式 */ /* 1.引入样式库 */ /* uni.css //官方ui库 animate.css //css动画库 ico.css //图标库 common.css //公共样式 */ @import url("./common/uni.css"); @import url("./common/animate.css"); @import url(原创 2021-03-31 00:29:07 · 1990 阅读 · 0 评论 -
CSS的圆角定义
1. 指定背景颜色的元素圆角:{ border-radius: 25px; background: #8AC007; padding: 20px; width: 200px; height: 150px;} 2. 指定边框的元素圆角:{ border-radius: 25px; border: 2px solid #8AC007; padding: 20px; width: 200px; height: 150px;原创 2021-03-29 09:43:20 · 264 阅读 · 0 评论 -
uni-app $refs的基本用法
$refs的基本用法一个对象(Object),持有注册过 ref 特性 的所有 DOM 元素和组件实例。 <template> <view class="container" style="background: #0FAEFF;"> <view class="child"> hi {{showModal}}</view> </view></template><script>原创 2021-03-27 11:44:51 · 10658 阅读 · 0 评论 -
uni-app中的页面通讯$on与$emit
在页面与页面之间通讯时,很多人会直接选择使用在navigato的时候直接拼接字符串来传递。可是当需要传依个比较多数据的的对象的时候这个方式就不是很管用了,为此uniapp给我们提供了页面与页面之间通讯的极为简便的方法。比如我在下订单页面的时候需要用户选择一个地址去配送,因此我们需要点击之后跳转到选择收货地址页面。而在选择完了收货地址以后需要关闭那个页面返回该订单页面。因此在该订单页面我们需要开启监听用户选择地址的事件。注意在订单页面卸载的时候也要记得关闭该监听。下面为订单页面的代码:onLoad()原创 2021-03-27 11:40:10 · 1047 阅读 · 0 评论 -
Vue中this.$nextTick()什么意思?
理解:等页面刷新完之后,再执行回调函数中的方法比如在vue组件里的mounted()生命周期函数中加入this.$nextTick()// 在执行mounted这个生命周期函数的时候,内存中的模板已经真实挂载到了页面中,我们已经可以看到渲染好的页面了mounted () { this.$nextTick(() => { // 页面刷新完后才会执行下面的chart()方法 this.chart() // 这个chart()方法是我在methods中原创 2021-03-27 11:22:38 · 542 阅读 · 0 评论 -
Uniapp中关于props的传参问题
uniapp中父组件向子组件传递prop时,如果prop是对象,对象内部不能包含function属性例子如下father.vue<template> <view class="uni-container"> <child :fatherData="fatherData" :fatherFcuntion="fatherFcuntion" :fatherMethod="fatherMethod"></child> </view>&原创 2021-03-27 11:14:20 · 2633 阅读 · 1 评论 -
uni-app中引入组件、css样式以及js文件的方法
引入组件 import uniSearchBar from '@/components/uni-search-bar/uni-search-bar.vue' import yuToast from '@/components/yu-toast/yu-toast' import luchAudio from '@/components/luch-audio/luch-audio.vue' export default { components: { uniSearchBar, y原创 2021-03-26 13:23:19 · 3104 阅读 · 0 评论 -
uni-app学习:CSS的flex布局居中
1、上下居中(垂直居中)style=“height: 40px;background-color: #FFFFFF;display: flex;flex-direction: row;align-items: center;”2、左右居中(水平居中)style=“height: 40px;background-color: #FFFFFF;display: flex;flex-direction: row;justify-content: center;”3、左右居中(水平居中)d原创 2021-03-26 00:44:46 · 2746 阅读 · 0 评论 -
uni-app 渐变
基础线性渐变,从上到下background: linear-gradient(blue, pink);改变渐变方向background: linear-gradient(to right, blue, pink);对角线渐变background: linear-gradient(to bottom right, blue, pink);设置渐变角度background: linear-gradient(70deg, blue, pink);...原创 2021-03-26 00:21:35 · 2242 阅读 · 0 评论 -
Html+Css3实现一个摩天轮特效
<!doctype html><html><head> <meta charset="utf-8"> <title>标题</title> <meta name="keywords" content=""> <meta name="description" content=""> <style> body{ background: url(./mtlImg/2.jpg) no-r原创 2021-03-10 17:50:45 · 721 阅读 · 0 评论 -
css3实现瀑布流图片特效
htmL:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- <link rel="stylesheet" type="text/css" href="./css/pubuliu.css"/> --> <link rel="stylesheet" type="text/css" href="c原创 2021-02-28 15:11:55 · 429 阅读 · 1 评论 -
3d背景图显示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body,html{ height: 100%; } section{ width: 100%;原创 2021-02-22 19:29:17 · 160 阅读 · 0 评论 -
放大镜实例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>放大镜案例</title> <style type="text/css"> *{ padding: 0; margin: 0; } #box{ width: 430px; height: 430px; border: 1px solid原创 2021-02-03 18:37:38 · 198 阅读 · 0 评论 -
CSS 颜色十六进制值,颜色选择
https://www.runoob.com/cssref/css-colorsfull.html原创 2021-02-01 10:46:20 · 337 阅读 · 0 评论 -
js+html+css实现一个分页特效
html:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <div class="container"> <ul原创 2021-01-26 17:26:51 · 594 阅读 · 0 评论 -
css vh,vw,
viewpoint height,视窗高度,1vh=视窗高度的1%,即相对于视口的高度。视口被均分为100单位的vh与vh对应的还有vw,viewpoint width,视窗宽度,1vw=视窗宽度的1%,即相对于视口的宽度。视口被均分为100单位的vw拓展的相对长度1.rem:根元素(html)的 font-size2.em:它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一般浏览器字体大小默认为16px,则2em == 32px;3.%:相对于父元素...原创 2021-01-19 10:36:30 · 115 阅读 · 0 评论 -
好看样式网页图标的设计(html+css)
html:<!doctype html><html> <head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link原创 2021-01-18 16:55:06 · 1380 阅读 · 0 评论 -
36种好看的按钮
@{ ViewBag.Title = "anniu";}<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>36种漂亮的CSS3网页按钮Button样式</title> <style type="text/css"> body { background:原创 2020-11-28 15:45:49 · 3797 阅读 · 1 评论 -
解决input输入后背景图片变形的问题和mui背景图片全屏方法
mui背景图片全屏方法:.mui-content{ position: absolute; width: 100%; height: 100%; background: url(images/welcome_bg.jpg)no-repeat; background-size: 100%100%; }解决input输入后背景图片变形的问题: var height = document.documentElement.clientHeight; $(".mu原创 2020-10-27 15:56:22 · 347 阅读 · 0 评论