星河几重 - 博客园

2021年2月25日

摘要：父传子父组件子组件子组件props多种类型总结子传父子组件父组件子组件向父组件传递多个参数子组件通过$emit触发父组件中的自定义函数，第一个值为自定义函数名，后面的参数是向父组件传的值子组件父组件阅读全文

posted @ 2021-02-25 17:05 星河几重阅读(104) 评论(0) 推荐(0) 编辑

摘要：效果图：下拉菜单距离顶部有一定的距离，为了避免鼠标滑到二级菜单的过程中，二级菜单意外收起。可以在二级菜单的外部在包裹一层div，然后二级菜单距离外部包裹的div有一定的距离即可。 .right { display: flex; align-items: center; i { margin: 0 阅读全文

posted @ 2021-02-25 16:38 星河几重阅读(228) 评论(0) 推荐(0) 编辑

【css】伪类和伪类元素的区别

摘要：伪类伪类更多的定义的是状态，如:hover，或者说是一个可以使用CSS进行修饰的特定的特殊元素，如:first-child 伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。当用户悬停在指定的元素时，我们可以通过 :hover 来描述这个元素的状态。虽然阅读全文

posted @ 2021-02-25 16:35 星河几重阅读(150) 评论(0) 推荐(0) 编辑

【微信小程序】实现公告栏滚动效果

摘要： data: msgList: [ { title: '你有一笔奖励待发放' }, { title: '1.8元津贴到账，快点去打车吧' }, { title: '单单八折赢iPhone，一路迎春“发”' } ], wxml: <view class="notice"> <view class="le 阅读全文

posted @ 2021-02-25 11:27 星河几重阅读(1860) 评论(0) 推荐(0) 编辑

单行、多行文本超出显示省略号

摘要：前言：项目中我们经常遇到这种需求，需要对单行、多行文本超出显示为省略号。这篇文章主要总结了小编解决此问题的方法，有不足之处欢迎大家指正。单行文本省略 .ellipsis-line { border: 1px solid #f70505; padding: 8px; width: 400px; ov 阅读全文

posted @ 2021-02-25 10:33 星河几重阅读(272) 评论(0) 推荐(0) 编辑

@media媒体查询判断iPhone各版本

摘要： /*iPhone5和iPhone SE*/ @media only screen and (device-width : 320px) and (device-height : 568px) and (-webkit-device-pixel-ratio : 2) { /*code*/ } /* i 阅读全文

posted @ 2021-02-25 10:03 星河几重阅读(283) 评论(0) 推荐(0) 编辑

CSS3的滤镜filter属性

摘要： css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。一、blur(px)高斯模糊给图像设置高斯模糊。值越大越模糊，默认是0，就是不模糊；不过，blur模糊的缺点是边缘也会模糊不清。不过，在实际的应用中阅读全文

posted @ 2021-02-25 10:00 星河几重阅读(134) 评论(0) 推荐(0) 编辑

2021年2月24日

vue-router的两种模式（hash和history）及区别

摘要：为什么要有hash 和history？对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了一下两种支持： 1、hash - 即地阅读全文

posted @ 2021-02-24 17:39 星河几重阅读(1107) 评论(0) 推荐(0) 编辑

【css】修改input，textarea中的placeholder样式

摘要： input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ inpu 阅读全文

posted @ 2021-02-24 17:26 星河几重阅读(1734) 评论(0) 推荐(0) 编辑

radio单选框在项目中应用

摘要： <div class="container goods-info"> <div class="row goods-tags"> <div class="col-md-2 tag-label">选择版本</div> <div class="col-md-10"> <div class="tags-se 阅读全文

posted @ 2021-02-24 17:22 星河几重阅读(27) 评论(0) 推荐(0) 编辑

【css】设置table表格边框样式

摘要：效果图：方法一 <table> <tr> <th>姓名</th> <th>性别</th> <th>住址</th> <th>电话</th> </tr> <tbody> <tr> <td>张三</td> <td>男</td> <td>深圳龙岗区</td> <td>131313131313</td> < 阅读全文

posted @ 2021-02-24 17:02 星河几重阅读(2121) 评论(0) 推荐(0) 编辑

2021年2月23日

Flex布局实现头尾固定、中间内容自适应

摘要：头尾固定，中间区域可以滑动效果是移动端最常见的效果，以京东页面为例。以前开发时常用的方法是用固定布局position:fixed;实现，但是该方法在ios上或者其他机型上会出现问题。现在，可以用flex方法快速实现该布局 <div class="wrap"> <div class="header"> 阅读全文

posted @ 2021-02-23 15:44 星河几重阅读(1415) 评论(0) 推荐(0) 编辑

【uni-app】实现自定义轮播图【数字胶囊】

摘要：官网：https://uniapp.dcloud.io/component/swiper 效果图： <view class="swiper"> <swiper :interval="3000" :duration="1000" :indicator-dots="false" :current="to 阅读全文

posted @ 2021-02-23 15:13 星河几重阅读(1513) 评论(1) 推荐(1) 编辑

【uni-app】 onload 和 onshow 的区别

摘要：一、onLoad 只加载一次，监听页面加载，其参数为上个页面传递的数据，参数类型为Object（用于页面传参）二、onShow 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面。主要区别：从二级页面返回该页面时，onLoad不会再次加载，而onshow会重新加载。这阅读全文

posted @ 2021-02-23 14:59 星河几重阅读(1323) 评论(0) 推荐(0) 编辑

@input事件（实时监听输入）传参问题

摘要： @input事件，当键盘输入时，触发input事件，event.detail = 场景 @input事件想要传递一个参数到方法中但是同时还要保留原来返回的event 解决方法：$event @input="onKeyInput($event,123)" 运用 <view class="item" 阅读全文

posted @ 2021-02-23 14:55 星河几重阅读(5228) 评论(0) 推荐(1) 编辑