摘要:
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 阅读全文