CSS
cy1502
这个作者很懒,什么都没留下…
展开
-
css——设置圆角属性获得不规则边框
效果图这种样式可以用在Badge徽标上,比如前四种;第五种是一般用在移动端首页,上面一个swipe,下面设置圆角接其他内容;etc.一般会用到圆角属性border-raduis,可以同时设置四个角,效果略,还没写完,又来活了,等有时间补上参考地址:https://www.w3school.com.cn/css/css3_borders.asp...原创 2021-12-30 16:15:47 · 574 阅读 · 0 评论 -
背景图平铺 background-size不生效
原代码height:340px;background-image: url( ' ../ ../assets/empty.svg');background-repeat: no-repeat;background-size: 100% 100%;设置了不重复、background-size: 100% 100%,图片依旧居中在容器中间,不占满整个屏幕。是因为svg不支持这个属性!!!!换成png或者jpg格式的就好了!搜了一下也没明白为啥,欢迎大佬看到给我留言~~~...原创 2021-12-16 18:07:36 · 900 阅读 · 0 评论 -
css备忘录
不定时更新原创 2021-11-26 18:14:04 · 243 阅读 · 0 评论 -
开箱即用——鼠标移入显示滚动条并设置滚动条样式
效果图此处只说明滚动条设置,横线布局参考https://blog.csdn.net/cy1502/article/details/121543818?spm=1001.2014.3001.5501主要属性:hover,overflow:hidden及滚动条属性完整代码<template> <div> <div class="page-cards"> <div class="page-card" v-for="item in ca原创 2021-11-25 20:16:58 · 1067 阅读 · 0 评论 -
开箱即用——div横向布局并出现滚动条
效果图重要属性:①横向布局 父div设置white-space:nowrap (强制不换行); 子div设置display:line-block(行内块元素);② 出现滚动条 父div设置高度!!!! 设置overflow-x:scroll;overflow-y:hidden;完整代码:<template> <div> <div class="page-cards"> <div class="pa原创 2021-11-25 18:14:40 · 2705 阅读 · 2 评论 -
开箱即用之css——让label变工整的小妙招
实现效果wxml/html<view class="invoice_box"> <text>发票抬头</text> <van-cell-group> <van-field value="{{ invoice.name }}" placeholder="请输入公司名称" border="{{ false原创 2021-08-18 16:33:29 · 493 阅读 · 0 评论