css
Kätzchen-408
我无法选择天堂与地狱,但至少能改变自己。
展开
-
css渐变 百分比的理解
例如: background: linear-gradient(#c20009 5%, #fff 25%); 效果如图: 注意,这里的百分比是沿渐变主轴的方向元素的长度(或宽度),默认为从上到下。原创 2022-02-13 13:51:03 · 1445 阅读 · 0 评论 -
vue使用媒体查询实现响应式的两种方式
前提 依赖: sass,sass-loader 1.在每个组件中为其使用媒体查询 这种方法的有点是减少了重写不同终端同一组件的工作量,缺点是每个组件都要使用媒体查询,当一套页面组件不同时,需要进行组件的显示与隐藏(display:none!important),在不同终端区别不大的情况下建议使用这种方法. 例如: .styleClassName{ width:200px; @media only screen and (min-width: 1200px) { width:100px } } 2.写n套页原创 2021-07-28 19:01:22 · 5273 阅读 · 3 评论 -
vue移动端使用swiper+vue-awesome-swiper实现滑动选择
vue使用swiper+vue-awesome-swiper实现滑动选择踩坑提示1.源文档使用原生编写,不能直接写在vue里解决方案2.兼容性问题实现 先上效果图: 踩坑提示 1.源文档使用原生编写,不能直接写在vue里 swiper的文档写的太简陋了,虽然兼容vue,但是文档中给的样例是用原生html写的,把vue组件名放到样式类中了.原文档中,我要实现的功能的样例代码是这样: <!DOCTYPE html> <html lang="en"> <head> &l原创 2021-07-27 13:51:02 · 1778 阅读 · 0 评论 -
通过设置backgroundsize控制背景图的自动缩放
父组件: <template> <div class="home"> <index-page :Width="windowWidth" :Height="windowHeight" /> </div> </template> <script> import indexPage from "../components/indexPage"; export default { name: "Home", com原创 2021-07-20 15:07:26 · 583 阅读 · 0 评论