摘要: 1.超出一行点点显示 .ellipsis-1{ white-space: nowrap; //不换行 overflow: hidden; //超出宽度隐藏 text-overflow: ellipsis; //超出宽度点点显示 } 2.超出两行点点显示 .ellipsis-2{ overflow: 阅读全文
posted @ 2020-11-04 09:09 琼菇凉 阅读(864) 评论(0) 推荐(0) 编辑
摘要: <template> <div> <h1>公告栏向上滚动</h1> <div class="box"> <transition name="slide"> <p class="text" :key="text.id">{{text.val}}</p> </transition> </div> </d 阅读全文
posted @ 2020-11-02 11:14 琼菇凉 阅读(1283) 评论(0) 推荐(0) 编辑
摘要: 1.头部导航栏下拉弹框 单纯的下拉弹框,我们在很多组件中都可以找到,但是放在头部导航的位置组件不常见,期初我也借用很多组件的方式展示,均已失败告终,索性自己动手写了一个。 HTML部分 <view class="selectBox"> <view class="select" @tap="showP 阅读全文
posted @ 2020-10-27 16:02 琼菇凉 阅读(2526) 评论(0) 推荐(0) 编辑
摘要: 1.iconfont字体库官网地址:https://www.iconfont.cn/ 找到我的项目——>>我参与的项目:(1)选择font class、(2)点击下载至本地 2.下载的压缩文件 css和ttf这两个文件会用到,需要留意 2.1把css文件拷入项目中,我工作会习惯性改下文件名 最后路径 阅读全文
posted @ 2020-10-23 11:11 琼菇凉 阅读(2192) 评论(0) 推荐(0) 编辑
摘要: 一、介绍 uni-app2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归。 因此,uView应运而生,uView的目标是成为uni-app生态最优秀的UI框架。 官网链接:https://www.uviewui.com/components/intro.html 二、在空 阅读全文
posted @ 2020-10-22 17:54 琼菇凉 阅读(9687) 评论(0) 推荐(0) 编辑
摘要: 官网:http://datav.jiaminghi.com/guide 项目效果图【注:已创建Vue项目】 1.npm安装 npm install @jiaminghi/data-view 2.全局引用 import dataV from '@jiaminghi/data-view';Vue.use 阅读全文
posted @ 2020-10-14 11:17 琼菇凉 阅读(15864) 评论(1) 推荐(1) 编辑
摘要: 1.点击查看详情页和返回主页 查看详情页: 返回主页: 2.屏幕分辨率处理:媒体查询法 @media only screen and (max-width: 1366px) 3.全屏展示大小屏幕兼容性问题处理注意事项 1)原则就是能用flex写的就不用定位写,能用vh和%写的不用PX写,能用图片的不 阅读全文
posted @ 2020-10-12 16:45 琼菇凉 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 1.引入动画库css样式 2.如果要写鼠标放上效果,将动画css拷入:hover中复写样式 3.如果是要写加载时的动画效果,只需要把对应动画类名拷过来即可 4.如果要写持续动画效果,需要新加一个类,进行动画设置成持续效果 5.动画库官网:https://animate.style/ 【注】不足之处还 阅读全文
posted @ 2020-10-12 16:31 琼菇凉 阅读(265) 评论(0) 推荐(0) 编辑
摘要: <img class="card-pic" src="../../../img/pageimg/banner_img.jpg" data-preview-src="" data-preview-group="1" /> 阅读全文
posted @ 2020-09-22 16:55 琼菇凉 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 一、css 高度设置成100vh height: 100vh; 二、动态获取 HTML <div class="content" :style={height:vdaH}></div> JS <script> export default { name: 'login', data() { retu 阅读全文
posted @ 2020-09-14 10:51 琼菇凉 阅读(3118) 评论(0) 推荐(0) 编辑