- 博客(6)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 uni-app通过点击事件直接全屏播放视频
一、背景：项目需求，点击元素直接全屏播放视频，退出全屏关闭视频。二、代码<view v-if="videoPlay"> <video controls id="myvideo" :src="videoUrl" @fullscreenchange="screenChange" ></video></view>data() { return { videoPlay: false,
2021-09-23 15:07:39
10987
9
原创 uniapp 使用秋云uCharts图表组件、echarts图表组件
uniapp 使用秋云uCharts图表组件、echarts图表组件
2021-09-16 10:14:20
26940
10
原创 CSS实现消息通知时铃铛图标显示摇铃效果
1. 代码如下<image class="xiaoxi-icon" src="../../static/icons/xiaoxi.png" :class="{'rotate':isPlaying}"></image>.rotate { display: block; animation: rotate 0.1s linear infinite;} @keyframes rotate{ 0%{ transform: rotateZ(0deg);
2021-09-16 10:12:50
1563
原创 css实现动态渐变闪烁功能
1、页面展示（uni-app项目）<view class="red-dot" style="width:24rpx; height:24rpx;border-radius:12rpx;background:#DB1F1F;"></view>2、css样式.red-dot{ animation:fade 1500ms infinite; -webkit-animation:fade 1500ms infinite;}@keyframes fade {
2021-09-04 15:30:27
573
原创 uni-app项目实现v-for列表中的每一项独立计时
前言：由于工作项目需求，需要实现功能：在一个展示设备信息的设备列表中，如果设备处于警告状态，则该设备会有一个发生警告的时间点，需要根据时间点计算发生警告至今的时间，且要求是动态的（即每秒刷新一次，类似时钟）。之前做过根据一个时间点来计时的功能，但那是只有一项的情况。所以，难点是在v-for列表中实现多项计时。经过网查和摸索，实现效果，记录一下。一、直接上代码 data() { return { deviceList: [], timer: '' }
2021-09-04 10:54:42
678
原创 uni-app vue-cli项目 uView安装及配置
一、说明：uView安装有下载安装和npm安装两种方式，使用的是npm安装二、步骤：1、安装SCSSuView依赖SCSS，您必须要安装此插件，否则无法正常运行。// 安装node-sassnpm i node-sass -D// 安装sass-loadernpm i sass-loader -D2、对uView进行npm安装// 安装npm install uview-ui3、引入uView主JS库在项目根目录中的main.js中，引入并使用uView的JS库
2021-09-03 15:08:17
3045
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人