琼菇凉

摘要： 1.超出一行点点显示 .ellipsis-1{ white-space: nowrap; //不换行 overflow: hidden; //超出宽度隐藏 text-overflow: ellipsis; //超出宽度点点显示 } 2.超出两行点点显示 .ellipsis-2{ overflow: 阅读全文

摘要： <template> <div> <h1>公告栏向上滚动</h1> <div class="box"> <transition name="slide"> <p class="text" :key="text.id">{{text.val}}</p> </transition> </div> </d 阅读全文

摘要： 1.头部导航栏下拉弹框 单纯的下拉弹框，我们在很多组件中都可以找到，但是放在头部导航的位置组件不常见，期初我也借用很多组件的方式展示，均已失败告终，索性自己动手写了一个。 HTML部分 <view class="selectBox"> <view class="select" @tap="showP 阅读全文

摘要： 1.iconfont字体库官网地址：https://www.iconfont.cn/ 找到我的项目——>>我参与的项目：（1）选择font class、(2)点击下载至本地 2.下载的压缩文件 css和ttf这两个文件会用到，需要留意 2.1把css文件拷入项目中，我工作会习惯性改下文件名 最后路径 阅读全文

摘要： 一、介绍 uni-app2018年初发布以来，一直蓬勃发展，一派欣欣向荣，社区也是人声鼎沸，众望所归。 因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。 官网链接：https://www.uviewui.com/components/intro.html 二、在空 阅读全文

摘要： 官网：http://datav.jiaminghi.com/guide 项目效果图【注：已创建Vue项目】 1.npm安装 npm install @jiaminghi/data-view 2.全局引用 import dataV from '@jiaminghi/data-view';Vue.use 阅读全文

摘要： 1.点击查看详情页和返回主页 查看详情页： 返回主页： 2.屏幕分辨率处理：媒体查询法 @media only screen and (max-width: 1366px) 3.全屏展示大小屏幕兼容性问题处理注意事项 1）原则就是能用flex写的就不用定位写，能用vh和%写的不用PX写，能用图片的不 阅读全文

摘要： 1.引入动画库css样式 2.如果要写鼠标放上效果，将动画css拷入：hover中复写样式 3.如果是要写加载时的动画效果，只需要把对应动画类名拷过来即可 4.如果要写持续动画效果，需要新加一个类，进行动画设置成持续效果 5.动画库官网：https://animate.style/ 【注】不足之处还 阅读全文

摘要： <img class="card-pic" src="../../../img/pageimg/banner_img.jpg" data-preview-src="" data-preview-group="1" /> 阅读全文

摘要： 一、css 高度设置成100vh height: 100vh; 二、动态获取 HTML <div class="content" :style={height:vdaH}></div> JS <script> export default { name: 'login', data() { retu 阅读全文